ブラウザ内で画像を圧縮する

画質を落とさずに画像を圧縮するには

JPGやWebPは、目が気づきにくい細部を削ることで小さくなります。つまり必ず何かは失われます。実際には画質75から85で、ファイルサイズの大部分が減り、見た目はほとんど変わりません。比べるときは拡大せず、画像が実際に表示される大きさで見てください。PNGは仕組みが違い、劣化がない形式なので、大きく軽くするにはJPGかWebPで保存し直すしかありません。

オンラインストアでファイルサイズが大事な理由

商品ページの画像はすべて、ページが落ち着く前に読み込まれる必要があります。表示が遅いページは買い手を失います。ストアが重く感じられるいちばん多い原因は重い写真です。スマートフォンのカメラは、ウェブページに必要な大きさよりはるかに大きなファイルを作ります。圧縮はいちばん安く済む速度対策です。ページはバイト数以外なにも変わりません。

JPGとWebPのどちらで保存すべきか

WebPは同じ見た目の画質でJPGより小さくなることが多く、最近のブラウザはすべて表示できます。アップロード画面が受け付ける形式を明記していてWebPが含まれていない場合は、JPGのほうが安全です。写真は、透明な背景が必要な場合を除いてPNGにしないでください。PNGは写真の保存効率がとても低いためです。

写真そのものに手を入れたいときは

圧縮が変えるのはファイルで、写っているものではありません。背景が散らかっている、光が平坦、商品が食卓に置かれている、といった場合はファイルを軽くしても解決しません。DesignerBoxのスタジオは同じ写真から撮り直します。きれいな切り抜き、スタジオの背景、モデル着用の画像、商品動画のいずれにもできます。