{"product_id":"無料プラグイン-photoshopレイヤースタイルを一括拡大-縮小-layer-style-scaler-コピー","title":"アートボードからWebP一括書き出し｜Photoshopスクリプト","description":"\u003ch2\u003e\u003cspan\u003ePhotoshopのアートボードを、WebPでまとめて書き出し。\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp class=\"isSelectedEnd\"\u003e\u003cspan\u003ePhotoshop内のアートボードを\u003c\/span\u003e\u003cstrong\u003e\u003cspan\u003e1枚ずつWebP形式で一括書き出しできるスクリプト\u003c\/span\u003e\u003c\/strong\u003e\u003cspan\u003eです。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"isSelectedEnd\"\u003e\u003cspan\u003e\u003cmeta charset=\"utf-8\"\u003eWebPは、JPEGやPNGと比べて、\u003cstrong\u003e画質を保ちながらファイル容量を小さくしやすい画像形式\u003c\/strong\u003eです。\u003cmeta charset=\"utf-8\"\u003eWebサイトの表示速度改善や、画像容量の削減にも適しています。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"isSelectedEnd\"\u003e\u003cspan\u003ePhotoshopで.webp形式で書き出すには、通常ならアートボードごとに書き出しを繰り返したり、一括書き出しした.pngや.jpgを再変換する必要がありますが、このスクリプトを使えば、Photoshop上からまとめてWebP化できます。\u003cmeta charset=\"utf-8\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"isSelectedEnd\"\u003e\u003cspan\u003eWebサイト用画像やバナー、商品画像など、複数サイズのデータを書き出すときの作業時間を大幅に短縮できます。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"isSelectedEnd\"\u003e\u003cstrong\u003e主な機能\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli class=\"isSelectedEnd\"\u003e\u003cspan\u003eアートボードごとにWebP形式で一括書き出し\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"isSelectedEnd\"\u003e\u003cspan\u003e「表示中のみ」「すべて」「選択中のみ」から書き出し対象を選択\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"isSelectedEnd\"\u003e\u003cspan\u003e複数アートボードの選択に対応\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"isSelectedEnd\"\u003e\u003cspan\u003eWebP品質を0〜100で設定可能\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"isSelectedEnd\"\u003e\u003cspan\u003eロスレスWebPにも対応\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"isSelectedEnd\"\u003e\u003cspan\u003esRGB／RGB／8bitへの変換設定\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"isSelectedEnd\"\u003e\u003cspan\u003eメタデータの保持設定\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"isSelectedEnd\"\u003e\u003cspan\u003e同名ファイルの上書き／連番保存を選択可能\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"isSelectedEnd\"\u003e\u003cspan\u003e元のPSDデータを変更せずに書き出し\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"isSelectedEnd\"\u003e\u003cspan\u003eアートボード名をそのままファイル名として使用\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cspan\u003eこんな方におすすめ\u003c\/span\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli class=\"isSelectedEnd\"\u003e\u003cspan\u003eWebサイト用の画像をWebPで制作している方\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"isSelectedEnd\"\u003e\u003cspan\u003e複数のアートボードを毎回手作業で書き出している方\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"isSelectedEnd\"\u003e\u003cspan\u003eバナーやEC画像を大量に制作する方\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"isSelectedEnd\"\u003e\u003cspan\u003ePhotoshopでの書き出し作業を少しでも効率化したい方\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cspan\u003e使い方\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp class=\"isSelectedEnd\"\u003e\u003cspan\u003eスクリプトファイルをPhotoshopの「Scripts」フォルダに入れて、Photoshopを再起動してください。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"isSelectedEnd\"\u003e\u003cstrong\u003e\u003cspan\u003eMac\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003ccode dir=\"ltr\"\u003e\u003cspan\u003eApplications ＞ Adobe Photoshop ＞ Presets ＞ Scripts\u003c\/span\u003e\u003c\/code\u003e\u003c\/p\u003e\n\u003cp class=\"isSelectedEnd\"\u003e\u003cstrong\u003e\u003cspan\u003eWindows\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\u003ccode dir=\"ltr\"\u003e\u003cspan\u003eC:\\Program Files\\Adobe\\Adobe Photoshop \u003cspan data-placeholder-token=\"true\" class=\"text-token-text-primary cursor-text rounded-sm\"\u003e[バージョン]\u003c\/span\u003e\\Presets\\Scripts\u003c\/span\u003e\u003c\/code\u003e\u003c\/p\u003e\n\u003cp class=\"isSelectedEnd\"\u003e\u003cspan\u003e設置後は、Photoshop上部メニューの\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"isSelectedEnd\"\u003e\u003cstrong\u003e\u003cspan\u003e「ファイル ＞ スクリプト ＞ Artboards to WebP」\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"isSelectedEnd\"\u003e\u003cspan\u003eからいつでもすぐに実行できます。\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cspan\u003e対応環境\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp class=\"isSelectedEnd\"\u003e\u003cspan\u003eAdobe Photoshop 2022（Ver.23）以降\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e※Photoshopのバージョンや使用環境によって動作が異なる場合があります。\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cspan\u003eサポート\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eお困りの際は、support@hirodeza.comにご連絡ください。\u003c\/span\u003e\u003c\/p\u003e","brand":"ヒロデザストア","offers":[{"title":"Default Title","offer_id":67585265336688,"sku":null,"price":500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1025\/8268\/1968\/files\/Shopify__1_6e04f0c8-45f6-4fef-96d7-eb50b1269ce9.webp?v=1790521163","url":"https:\/\/hirodeza.com\/products\/%e7%84%a1%e6%96%99%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3-photoshop%e3%83%ac%e3%82%a4%e3%83%a4%e3%83%bc%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%82%92%e4%b8%80%e6%8b%ac%e6%8b%a1%e5%a4%a7-%e7%b8%ae%e5%b0%8f-layer-style-scaler-%e3%82%b3%e3%83%94%e3%83%bc","provider":"ヒロデザストア","version":"1.0","type":"link"}