画質を落とさずに画像サイズを小さくする方法

画像ファイルが大きくなる理由は？

画像ファイルの大きさは、2つのことで決まります。ピクセルの数と、そのピクセルをどれだけ強く圧縮するかです。1200万画素の写真（4000×3000ピクセル）には、1200万個の色の点が入っています。うまく圧縮しても、これは大量のデータです。

ピクセル数は、幅の2乗に比例して増えます。幅と高さをどちらも半分にすると、ピクセル数は4分の1になり、ファイルもおよそ4分の1の大きさになります。リサイズがいちばん効果的な手順であり、必ず最初に行うべきなのは、このためです。

ステップ1：本当に必要なサイズにリサイズする

画面は、多くの人が思っているより小さいものです。ノートパソコンで全画面表示する画像でも、幅は1920ピクセルほどあれば足ります。ウェブページの途中に置く画像なら800～1200ピクセル、サムネイルなら150～300ピクセルで十分です。幅4000ピクセルの写真を、800ピクセルで表示するために使うと、ファイルの大半が無駄になります。

• ウェブサイトやブログ：幅1200～2000ピクセル。
• メールやチャット：長辺1024～1600ピクセル。
• InstagramやFacebookの投稿：幅1080ピクセル。
• オンラインフォームや身分証のアップロード：フォームの指定どおり。多くは200～600ピクセルです。

ステップ2：適切な形式を選ぶ

写真にはJPGかWebPが向いています。ロゴやスクリーンショット、輪郭のくっきりしたイラストにはPNGが向いています。サイトが対応していれば、WebPでも大丈夫です。写真をPNGで保存すると、同じ写真をJPGで保存したときより5～10倍も大きくなることがあり、見た目のメリットもありません。それぞれの違いは、JPG・PNG・WebPのガイドで詳しく説明しています。

ステップ3：画質を少しだけ下げる

JPGとWebPでは、画質とファイルサイズを引き換えにできます。その関係は直線ではありません。画質を100から85に下げると、ファイルサイズは半分以上減ることが多く、見た目の違いにはほとんど気づきません。一方、85から40に下げても減る量は少なく、ブロック状のノイズや細部のにじみが目立ち始めます。

写真なら、画質70～85が出発点としてちょうどいい値です。100 KBなど決まったサイズ以下にしたいときは、「ファイルサイズを制限」を使ってください。ツールがさまざまな画質を試し、制限に収まる最も高い画質を選びます。

ステップ4：隠れたデータを取り除く

スマートフォンやカメラで撮った写真には、メタデータと呼ばれる隠れた情報が含まれています。カメラの機種、撮影日、場合によっては正確なGPS位置情報などです。メタデータはファイルサイズを少し増やしますし、何より、写真を撮った場所が知られてしまうおそれがあります。メタデータをコピーしないツールで保存し直すと、取り除けます。このサイトで作られるファイルには、メタデータは含まれません。

画質を悪くしてしまうよくある間違い

• 小さい画像を拡大する。キャンバスを大きくしても、もともと写っていない細部は増えません。ぼやけた仕上がりになり、ファイルも大きくなります。
• JPGを何度も保存し直す。保存するたびに、画質が少しずつ落ちます。元の画像は残しておき、毎回新しくコピーを作りましょう。
• 写真を保存せずに、スクリーンショットを撮る。スクリーンショットは、ファイルが大きく、鮮明さも落ちることが多いです。
• 写真にPNGを使う。PNGは可逆圧縮なので、ファイルは大きいままです。

手早くできるレシピ

たいていの写真は、次の手順で十分です。必要な幅にリサイズし、JPGかWebPで画質80くらいで保存して、100%に拡大して仕上がりを確認します。きれいに見えれば完了です。ぼやけて見えるときは、画質を少し上げるか、画像のサイズを少し大きくしてください。

よくある質問

ほかのガイド

• JPG、PNG、WebP：どの形式を使うべき？
• オンラインフォームの写真サイズ：KB制限、ピクセル、形式
• ガイド