アートボードからWebP一括書き出し｜Photoshopスクリプト

Photoshopのアートボードを、WebPでまとめて書き出し。

Photoshop内のアートボードを1枚ずつWebP形式で一括書き出しできるスクリプトです。

WebPは、JPEGやPNGと比べて、画質を保ちながらファイル容量を小さくしやすい画像形式です。Webサイトの表示速度改善や、画像容量の削減にも適しています。

Photoshopで.webp形式で書き出すには、通常ならアートボードごとに書き出しを繰り返したり、一括書き出しした.pngや.jpgを再変換する必要がありますが、このスクリプトを使えば、Photoshop上からまとめてWebP化できます。

Webサイト用画像やバナー、商品画像など、複数サイズのデータを書き出すときの作業時間を大幅に短縮できます。

主な機能

• アートボードごとにWebP形式で一括書き出し
• 「表示中のみ」「すべて」「選択中のみ」から書き出し対象を選択
• 複数アートボードの選択に対応
• WebP品質を0〜100で設定可能
• ロスレスWebPにも対応
• sRGB／RGB／8bitへの変換設定
• メタデータの保持設定
• 同名ファイルの上書き／連番保存を選択可能
• 元のPSDデータを変更せずに書き出し
• アートボード名をそのままファイル名として使用

こんな方におすすめ

• Webサイト用の画像をWebPで制作している方
• 複数のアートボードを毎回手作業で書き出している方
• バナーやEC画像を大量に制作する方
• Photoshopでの書き出し作業を少しでも効率化したい方

使い方

スクリプトファイルをPhotoshopの「Scripts」フォルダに入れて、Photoshopを再起動してください。

Mac
Applications ＞ Adobe Photoshop ＞ Presets ＞ Scripts

Windows
C:\Program Files\Adobe\Adobe Photoshop [バージョン]\Presets\Scripts

設置後は、Photoshop上部メニューの

「ファイル ＞ スクリプト ＞ Artboards to WebP」

からいつでもすぐに実行できます。

対応環境

Adobe Photoshop 2022（Ver.23）以降

※Photoshopのバージョンや使用環境によって動作が異なる場合があります。

サポート

お困りの際は、support@hirodeza.comにご連絡ください。