LCLiteCompress

ガイド

画像圧縮の仕組みと、形式の選び方からマーケットプレイス向けの写真の準備まで、用途ごとに最良の結果を得る方法を解説する、より詳しく実践的な記事です。

JPG、PNG、WebP — どの形式を選ぶべきか?

正しい形式を選ぶことは、見た目を損なわずにどこまでファイルを小さくできるかを左右する最大の要因です。JPG(JPEG)は写真向けに調整された非可逆圧縮を使い、目がほとんど気づかないディテールを捨てるため、写真はきれいに見えたまま元のサイズのほんの一部まで縮みます。そのため、カメラの写真、商品写真、なめらかなグラデーションや多くの色を含むものの既定の選択肢になります。

PNG は可逆で透過に対応します。すべてのピクセルをそのまま保持するため、ロゴ、アイコン、スクリーンショット、輪郭の鮮明なグラフィックやテキストに最適です。代償はサイズで、フルカラーの写真を PNG で保存すると、同じ写真の JPG より数倍大きくなることが多く、見た目の利点はありません。

WebP は両者をたいてい上回る新しい形式で、JPG のような非可逆圧縮に PNG のような透過を加え、しばしば 25〜35% 小さくなります。難点は互換性で、一部の古いソフトや一部のマーケットプレイスはまだ WebP を受け付けないため、サードパーティへのアップロードではなく、送り先を自分で管理できる場所(自分のサイト、最新のブラウザ)で使いましょう。

  • 写真や商品写真 → JPG(表示先を管理できるなら WebP)。
  • ロゴ、アイコン、スクリーンショット、透過 → PNG。
  • 最新の利用者が多い自分のサイト → 最小ファイルには WebP。

画像を目標のファイルサイズまで小さくする方法

「とにかく小さく」では足りず、行政フォームの 200 KB やマーケットプレイスの 5 MB 上限など、厳しい上限以内に収める必要があることもあります。LiteCompress にはまさにこのための専用モードがあります。「目標サイズまで圧縮」をオンにして必要なキロバイト数を入力すると、上限内に収まる最も高い画質をツールが見つけます。画質のパーセントを当てずっぽうで決める必要はありません。

厳しい上限がなく、ただ軽いファイルが欲しいだけなら、圧縮レベルを選びましょう。「より小さく」は最も軽い結果に寄せ、「バランス」は画面上で違いがわからない日常的な最適点、「高画質」は印刷や保存のために最も多くのディテールを保ちます。

ファイルの重さを何よりも左右するのは、ピクセル寸法と画質レベルの2つです。最新のスマホで撮ったばかりの写真は幅 4000 ピクセルにもなり、Web ページやチャットが表示する量をはるかに上回ります。長辺を妥当な値まで縮め、ほどよい画質と組み合わせれば、数メガバイトの写真を数百キロバイトまで削るのに通常は十分です。

  • 正確なサイズが必要 → 「目標サイズまで圧縮」をオンにして KB を入力する。
  • 厳しい上限なし → 「より小さく / バランス / 高画質」を選ぶ。
  • 写真は PNG を JPG に変換 — たいてい単独で最大の節約になる。
  • 変更前後のプレビューで画質がまだ問題ないか確認する。

オンラインマーケットプレイス向けに商品写真を準備する方法

マーケットプレイスごとに独自の画像ルールがあり、それを無視した出品は読み込みが遅く、素人っぽく見え、または審査で却下されます。最も重要な2つの要件は縦横比と形式です。Wildberries と Ozon は縦長の 3:4 を想定し、Amazon、eBay、AliExpress は正方形の 1:1 を好み、Avito は 4:3 を使います。ほとんどのプラットフォームは JPG と、商品が際立つきれいで均一な背景を求めます。

これを最も速く正しく行う方法は、用意されたプリセットです。LiteCompress で「プラットフォーム向け」に切り替えてマーケットプレイスを選ぶと、正しい比率・サイズ・形式が自動で適用されます。そのうえで固定された比率に切り抜けば、大事な部分が切れることはありません。各プラットフォームの数値を覚える必要はありません。

ルール以外にも、出品の成約率を高めるいくつかの習慣があります。商品をフレームの大部分に収め、メイン写真にウォーターマークや宣伝テキストを入れず、すべてのカタログを一括で処理してどのカードも一貫した見た目にすることです。鮮明で正しいサイズの写真は、クリックを得る最も安価な方法の一つです。

  • プラットフォームのプリセットを選ぶ — 比率・サイズ・形式が設定される。
  • 固定された比率に切り抜いて商品が切れないようにする。
  • きれいな背景を保ち、フレームの大部分を埋める。
  • カタログを一括処理して一貫した見た目にする。

Web サイトを高速化するための画像最適化

画像は通常、Web ページで最も重い部分で、テキスト・コード・フォントをすべて合わせたよりも重いことが多くあります。アップロード前に圧縮することは、ページ速度のためにできる最もかんたんで効果の大きいことの一つです。Google はページ体験をランキング要因として使うため、速いページは直帰率が下がり、モバイル利用者が満足し、検索順位もわずかながら確実に上がります。

第一の原則は、表示されるより大きい画像を決して配信しないことです。サムネイルが幅 400 ピクセルで表示されるなら、3000 ピクセルの元画像をアップロードする理由はありません。実際に表示される最大サイズにリサイズし、妥当な画質まで圧縮しましょう。75〜85% なら画面上で元画像と通常見分けがつきません。

最新形式も役立ちます。利用者が最新のブラウザを使う環境では、WebP は同じ画質で JPG に比べてさらに4分の1ほどファイルサイズを削れます。リサイズ・圧縮・最新形式を組み合わせれば、写真の多い典型的なページは数倍速く読み込めます。

  • アップロード前に最大表示サイズへリサイズする。
  • 約 75〜85% の画質まで圧縮する — 通常は見えず、はるかに軽い。
  • 利用者のブラウザが対応していれば WebP を優先する。
  • 大きい画像だけでなくすべての画像を圧縮する — 小さな節約も積み重なる。

リサイズか圧縮か? 寸法とファイルの重さ

「リサイズ」と「圧縮」は同じ意味のように使われがちですが、変える対象は2つの異なる性質です。リサイズは寸法、つまり画像の幅と高さのピクセル数を変えます。圧縮はファイルの重さ、つまり保存に必要なキロバイト数を、通常は目が気づかないデータを単純化することで変えます。写真はピクセルが巨大でも重さは軽いこともあれば、ピクセルが小さくても最高画質で保存すれば重いこともあります。

日常のたいていの目的では、両方が必要です。4000 ピクセルのスマホ写真を、マーケットプレイスが実際に使う 1500 ピクセルまでリサイズすると、決して見ることのないデータが取り除かれ、これが大半の重労働をこなします。次に圧縮が残りを整え、目に見えないディテールを絞り出して目標サイズに到達させます。LiteCompress は両方を1ステップで行い、圧縮レベルとプラットフォームのプリセットが妥当な寸法と画質をまとめて設定します。

かんたんな考え方:まず表示先に合わせてリサイズし、次に必要な重さに合わせて圧縮します。圧縮後もファイルがまだ大きすぎるなら、ほぼ必ず寸法が必要以上に大きいことが原因です。

  • リサイズ = ピクセルを減らす(表示先に合わせる)。
  • 圧縮 = キロバイトを減らす(目に見えないディテールを除く)。
  • 両方行う:表示サイズにリサイズし、次に目標の重さまで圧縮する。