PhotoshopでWebP形式で画像を保存する方法について

今まで気付かなかったのですが、Photoshopのバージョン23.2から、プラグインの「WebPShop」を使わなくても、WebP（ウェッピー）形式がネイティブで開くことができるようになっていました。

定期的に知識をアップデートしなければいけないことを痛感したので、備忘録として残しておきます。

WebP（ウェッピー）形式とは？

WebPは、Googleが開発した画像フォーマットで、JPEGやPNGに比べて高い圧縮率を持ちながら、画質を保つことができるのが特徴です。

また、静止画とアニメーションの両方をサポートしており、特にWebサイトでの使用が推奨されています。

現在では、ChromeやSafari、Firefoxなど主要なブラウザが対応しているなど、すでに主流となっている保存形式のようです。

以下、画像フォーマットの比較表になります。

このように比較すると、Webpは便利なのですが、取り扱いが面倒だったので、今まで避けていました。

PhotoshopでWebP形式で画像を保存する方法について

最初に注意点を記載しておきます。

Photoshopでは、WebP形式で画像を保存できますが、書き出しはできません。

どういうことかと言うと、

250px×300pxのバナー画像を、500px×600pxの設定で画像を作成したとします。

JPGやPNGであれば、書き出す時にサイズを、250px×300pxで指定して書き出しますが、WebPはこれができません。

あくまでも、別形式で保存するだけなので、元ファイルの大きさが、500px×600pxならば、そのサイズでしかWebPで保存できません。

①コピーを保存する

 

②ファイル形式を「WebP」に変更する

③画像の圧縮

続いて、画像圧縮の割合を調整します（画像は、jpegのもの）。

以上、PhotoshopでWebP形式で画像を保存する方法でした。

Adobeソフトの基本操作を安く学べるオンラインスクール

なお、オンラインスクールのアドバンススクールでは、Photoshop、Illustrator、Dreamweaver、Premiere Pro、After Effects、InDesignなどが動画で学べて、Adobe Creative Cloudの１年間プランを39,980円 (税込)で利用することができます。

それは、オンラインスクールに入学するため、学生・教員個人版のプランが適用されるためです。

その為、法人の申し込みはＮＧですが、個人であれば申し込み可能です。

Adobeに問い合わせて確認したところ、個人であれば商用利用は可能とのことでした。

Adobe Creative Cloudを安く使いたい方、Adobeソフトの基本的な使い方を学びたい（復習したい）方など、この機会に申し込まれてみてはどうでしょうか？

楽天市場の検索結果