← ブログに戻る

画像をオンラインで20KBに圧縮する方法(画質を落とさずに)

経験があります。オンラインフォームに必要事項を入力し、書類をアップロードしたら、システムが「ファイルサイズは20KB以下である必要があります」とエラーを返してきます。写真を確認すると1.2MB。さて、どうすればいいのでしょう?

大抵の人は慌てて画質設定を適当に下げ始め、結果的にジャガイモで撮影したような写真になってしまいます。そんな必要はありません。画像をピクセルの塊にせずに20KBに抑えることは十分可能です。ただ正しい手順を知る必要があるだけです。

なぜ20KBなのか?小さなファイルサイズ要件の背後にある魔法の数字

20KBは至る所に現れます。パスポート写真のアップロードポータル、マイナンバーカードの証明写真仕様、各種本人確認システム、オンライン試験登録、就職応募プラットフォームまで。これらのシステムが20KBという厳しい上限を設けているのは、意地悪ではなく、数百万件の申請を処理しデータベースの肥大化を防ぐ必要があるからです。

PNG vs PNG8 — CompactJPGで938KBから217KBに、76.8%削減
PNG压缩の实例:CompactJPGのOxiPNGエンジンにより、この写真は938KB(元のPNG)から217KB(PNG8、256色)に。76.8%削減。见た目の违いはほぼ分かりませんが、ファイルサイズの节约は绝大です。

いくつか実例を挙げると:日本のパスポート申請用オンラインシステムでは写真のファイルサイズに制限があります。アジアの多くの大学入学システムも同様の制限を設けています。銀行のKYC(本人確認)アップロードでは20〜30KBが上限です。そして多くのフォーラムのプロフィール写真アップロードは、誰も更新しなかったダイヤルアップ時代の小さな制限をいまだに適用しています。

重要なのは:これを読んでいるあなたは、おそらく今すぐこの数値に対応する必要があり、その妥当性について議論している場合ではないということです。では早速始めましょう。

写真を20KBに圧縮すると実際に何が起こるか

20KBの意味を現実的に考えてみましょう。非圧縮の1ピクセルは3バイトの色データ(赤、緑、青それぞれ1バイト)を保存します。つまり、生データで20KBは約6,800ピクセルです。これは約80x85の画像 — サムネイルよりも小さいサイズです。

圧縮によって大幅な余裕が生まれます。品質60のJPEG圧縮では、生データと比較して同じバイト数に約25〜30倍のピクセルを詰め込めます。そのため、圧縮された20KBのJPEGは、妥当な品質で200x200から400x300の画像を現実的に表示できます。パスポート申請やマイナンバーカード用の証明写真として十分な品質です。

しかし、ほとんどのガイドが教えてくれないことがあります:崖(品質の急激な低下ポイント)が存在するのです。特定の解像度と品質の比率を超えると、収穫逓減になります。それを下回ると、画像は急速に劣化します。そのスイートスポットを見つけることが、使える写真とゴミを分ける分かれ目です。

実際に効果的な3ステップの方法

異なる設定でコンプレッサーを使って数十枚の画像をテストした結果、一貫して最良の結果を生み出した方法は次のとおりです。この順序に従ってください — 順序が重要です。

ステップ1:まずリサイズ(これは絶対に必要です)

ほとんどの人はすぐに品質スライダーを下げようとします。それは間違いです。解像度はファイルサイズにおいて最も大きな要因です。品質5に圧縮した4000x3000の写真は、品質90の400x300の写真よりも依然として大きくなります。

20KBに適したターゲット解像度:

  • パスポート・マイナンバーカード用証明写真(正方形クロップ):200x200〜300x300ピクセル
  • 書類スキャン(A4程度):幅250〜350px、高さは比例
  • Webフォーム用の一般的な写真:300x200〜400x300ピクセル

基本的な画像エディタならどれでもリサイズできます。Windowsでは「フォト」アプリで開いてリサイズオプションを使用します。Macでは「プレビュー」の「ツール」メニューに「サイズを調整」があります。またはオンラインコンプレッサーを使用すれば、リサイズと圧縮を一度に行えます。

ステップ2:適切なフォーマットを選ぶ

20KBでは、フォーマットの選択が大きな違いを生みます:

  • JPEG — 写真に最適。小さなファイルサイズでは、JPEGの圧縮アルゴリズムはグラデーションを含む実際の写真をPNGよりもはるかにうまく処理します。
  • PNG — 大きな平坦領域がある画像(スクリーンショット、シンプルなロゴ、単色背景のフォーム)にのみ使用してください。20KBの写真では、PNGは著しく悪い結果になります。
  • WebP — 同じ視覚品質でJPEGより約20〜25%効率的です。システムがWebPを受け付ける場合(すべてではありません — まず確認してください!)、最良の選択です。

テスト結果:300x300のポートレートをJPEGで20KBに圧縮すると、クリーンで実用的な仕上がりです。同じ写真をPNGで20KBに圧縮すると、目に見える色のバンディングとアーティファクトが現れます。その差は歴然です。

ステップ3:圧縮を微調整する

次に実際の圧縮です。CompactJPGを使った実践的なワークフロー:

  1. 画像をステップ1のターゲット寸法にリサイズします。
  2. フォーマットをJPEGに設定します(対象システムがWebPに対応している場合はWebPで)。
  3. 品質60から始めて圧縮します。出力サイズを確認します。20KBを超えている場合は50に下げて再試行。大幅に下回っている場合(例:12KB)は70に上げて品質を回復します。
  4. ダウンロード前に結果をプレビューします。顔やテキストを拡大して許容できないアーティファクトがないか確認します。

この反復アプローチは2〜3回の試行で済み、ターゲットサイズで可能な限り最高の品質を得られます。適当な数字を推測するよりはるかに優れた方法です。

テストからの実数値

異なる画像タイプで一連のテストを実行し、20KBが実際にどのように見えるかを確認しました。結果は次のとおりです:

  • スタジオポートレート(元サイズ2.1MB、2000x2500): 250x310にリサイズ、JPEG品質55で圧縮 — 最終:19KB。顔は鮮明で、証明写真サイズでは目に見えるアーティファクトなし。
  • スキャン文書(元サイズ800KB、1700x2200): 幅300pxにリサイズ、JPEG品質50で圧縮 — 最終:18KB。テキストは読みやすく、背景はクリーン。オンライン提出に十分な品質。
  • テキスト入りスクリーンショット(元サイズ450KB、1920x1080): 幅400pxにリサイズ、PNGに変換 — 最終:21KB。テキストは鮮明で、JPEGアーティファクトなし。フラットなUI背景のためPNGの方が良好な結果に。
  • 詳細の多い屋外写真(元サイズ3.4MB、4000x3000): 200x150にリサイズ、JPEG品質70 — 最終:19KB。許容範囲だがややソフト。テクスチャの多い複雑なシーンは20KBへの圧縮が最も困難。

20KBを目指すべきではない場合

正直に言います:20KBが適切なターゲットではない場合もあります。以下の目的で写真を圧縮する場合は注意が必要です:

  • 印刷用:やめてください。20KBでは切手サイズ以上にうまく印刷できません。
  • プロフェッショナルポートフォリオ:ダメです。より高品質な適切な圧縮を使用してください。あなたの作品にはより良い扱いがふさわしいです。
  • ウェブサイトのヒーロー画像:悪いアイデアです。最新のWeb画像は最適化すべきですが、つぶすべきではありません。寸法に応じて100〜300KBを目指してください。

20KBはフォーム、申請ポータル、小さなファイルを要求するシステム向けです。誰もその数字を強制していないのであれば、代わりに適切に最適化してください — デフォルトの品質80設定では、元の画像とほぼ同じに見えながら60〜80%小さい画像が生成されます。

しかし、どうしてもその魔法の数字に到達する必要がある場合 — パスポートの更新期限が迫っている、申請フォームが送信できない、ストレスが溜まっている — 写真を台無しにせずに正確にどうすればいいか、もうお分かりでしょう。

今すぐ画像を圧縮したいですか?

画像をドロップし、必要に応じてリサイズ、正確なファイルサイズに調整。100%ブラウザベース — ファイルがデバイスを離れることはありません。

無料で画像を圧縮する →
著者について:Chuan 独立系開発者であり、Webパフォーマンス愛好家。肥大化した画像アップロードツールに不満を感じてCompactJPGを開発。画像最適化をしていない時は、Webを高速化するツールを開発しています。