ウェブサイトを作る(41):EWWW Image Optimizerを始動

WebP変換ができる準備が整ったところで、実際に変換をする前に、いくつかの設定を変更しました。以下、整理しておきます:

必須タブ:
・⬜︎ メタデータを削除(撮影場所・カラープロファイルなど)
Max Image Dimensions(幅の上限 1200、高さの上限 0 ピクセル)
・⬜︎ 遅延読み込み(Cocooテーマにこの機能がある)
・✅ WebP 変換(非対応ブラウザでは元の画像を提供)
・WebP の配信方法
  ⬜︎ JS WebP リライト(JavaScript&スタイルシートでWebPファイルを扱う←いずれ検討)
  ⬜︎ Picture WebP リライト(JavaScript 未使用でpicture タグを扱う←タグの扱いは後回し)
  ⬜︎ 強制 WebP(これ、チェックマークにするかどうか、気になっています)

高度な設定タブ:
WebP 品質(標準は75、50-100の範囲←この数値は画質とサイズを確認の上、変更の可能性あり)

変換タブ:
・✅ BMP to JPG Conversion(ディスクスペースを節約)

早速、菜の花の写真の画像ファイル(JPEG形式、2MB)をメディアライブラリにアップロードし、アイキャッチ画像として設定した記事から画像ファイルをダウンロードしたところ、WebP形式で106KBに圧縮されていました!次回、もう少し踏み込んでレビューを進めますが、今後は画像ファイルを圧縮する作業が楽になるはずです!

今日で2025年5月の平日(月〜金)は終わり。また新しい月をすがすがしく迎えられますように!

タイトルとURLをコピーしました