商品画像　圧縮時の注意点について

Question

楽天、Yahoo!ショッピングに出品中の商品画像の圧縮を行い商品ページにアクセスする際のスピード改善を検討中です。

・おすすめな圧縮サイトを教えてください。

・圧縮する際の注意点などありましたら教えてください。

上記ご教示いただければと思います。

担当：安東
※回答頂く際に担当者名の記載をお願いいたします

Answer

ECマスターズの田中美帆です。

安東さま

> ・おすすめな圧縮サイトを教えてください。

Squoosh
https://squoosh.app/

Googleが開発している画像圧縮ツールです。

シンプルなUIで使いやすく、
さまざまな画像形式に対応しています。

実際に圧縮や変換を行う前に、どのように
画質が変化するのかをプレビューで確認でき、
詳細な調整を行うことができます。

また、オフライン状態でも
利用することができます。


> ・圧縮する際の注意点などありましたら教えてください。

既にご存知かと思われますが、
圧縮率が高くなるほど品質も下がりますので、
最適なファイルサイズと品質のバランスを
見つけることが重要です。

デバイスによって見え方が変わる場合も
ありますので、あらゆるデバイスから
確認し、品質が許容範囲内であるかを
チェックしてください。

実写は色数が多く、グラデーション部分は
とくに画質劣化が目立ちやすいため、入念に
チェックすることをおすすめいたします。

Answer

ご教示いただきありがとうございます。

もう一点お伺いさせてください。

スピード改善した際の効果測定の仕方などはありますでしょうか？

担当：安東
※回答頂く際に担当者名の記載をお願いいたします

Answer

ECマスターズの伊藤です。

安東さま

> スピード改善した際の効果測定の仕方などはありますでしょうか？

PageSpeed Insights
https://pagespeed.web.dev/?hl=ja

をご利用いただくことで、改善すべき画像、
表示スピードをご確認いただくことができます。

画像については、「適切なサイズの画像」に
表示されます。

下記は、楽天のトップページの結果となっています。
https://ec-masters.gyazo.com/d5ddb33f8b9efa1ce5315834636d0980

対策前、対策後で比較する機能はございませんので、
同じ内容で別ページで作成いただくか、
対応前のデータを保存していただくなどの
ご対応をお願い致します。

商品画像 圧縮時の注意点について

商品画像　圧縮時の注意点について