PhotoToolsPhotoTools
Home/ブログ/PNG や JPG を 100KB・200KB・50KB に圧縮する方法

PNG や JPG を 100KB・200KB・50KB に圧縮する方法

PNG や JPG を 100KB、200KB、50KB といった厳しいアップロード上限に収めるための、2026 年の実践ガイド。先にリサイズすべき場面、どの形式を選ぶか、どの品質から試すか、そしてぼやけた画像やアップロード拒否を避けるコツを解説します。PhotoTools はブラウザ内で動くので、個人文書はデバイスから出ません。

By PhotoTools Editorial Team · Updated 2026年7月18日

2026 年 7 月 18 日に、PhotoTools の圧縮・リサイズの動作、MDN の canvas エクスポート ドキュメント、Google の WebP ドキュメントに照らして見直しました。

画像をプライベートにブラウザ内で圧縮

無料 · アップロード不要 · ブラウザ内で動作

実用的な答え

画像を 100KB 未満に圧縮するには、品質スライダーからではなくピクセルから始めます。ファイルがスマホの写真なら、長辺を 800〜1000px 前後にリサイズし、JPG で品質 70〜80 程度で書き出してから、ダウンロードしたファイルサイズを確認します。200KB の上限なら 1200〜1600px と品質 75〜85 から始めます。50KB の上限なら、まずポータルが求めるピクセル寸法に合わせ、JPG の品質は必要な分だけ下げます。

順序が重要です。4032 x 3024 のスマホ写真は 1,200 万ピクセル以上を含みます。1000 x 750 のコピーは 750,000 ピクセルです。送信先がフォームのサムネイル、プロフィール画像、身分証アップロード、小さな文書添付なら、非常に低い品質で元画像を潰すよりピクセルを減らした方が見栄えが良いのが普通です。

また、ほとんどのアップロードページはちょうど 100.0KB のファイルを求めているわけではなく、上限を下回るファイルを求めています。上限より少し下を狙いましょう — たとえば 100KB 上限には 92〜95KB、200KB 上限には 185〜195KB —。ポータルによってはキロバイトを 1000 バイトで計算するものと、1024 バイトの KiB で表示するものがあるためです。

写真に触れる前にアップロードのルールを読む

サイズのエラーメッセージはルールの一部にすぎません。圧縮する前に、アップロードページで 5 つの点を確認します。

  • 最大ファイルサイズ: 50KB、100KB、200KB、500KB、1MB、あるいは別の上限。
  • 許可された形式: JPG/JPEG が最も安全です。PNG を許可するフォームもあります。WebP や AVIF を受け付けるところは少数です。
  • ピクセル寸法: ポータルによっては 600 x 600、413 x 531、1200 x 1600、あるいは最大幅を求めることがあります。
  • 縦横比: 正方形、縦長、文書スキャン、バナー、自由。
  • 内容のルール: 身分証やパスポート写真は、無地の背景、フィルターなし、レタッチなし、はっきり写った顔を求めることがあります。

フォームがピクセル寸法と KB 上限の両方を示しているなら、先に寸法を合わせます。その後、正しいサイズのコピーを圧縮します。先に圧縮してから後でリサイズすると、最終ファイルが再び上限を超えてしまうことがあります。

よくある KB 目標のための開始設定

これらは出発点であって保証ではありません。無地の背景の単純な肖像写真は、葉、布、テキスト、ノイズ、あるいはにぎやかな街並みが背景の写真よりずっと小さく圧縮できます。

目標 典型的な用途 ここから始める 確認すること
20KB 未満 スキャンした署名、旧式の小さなフォーム 余白を切り取り、幅 300〜500px、JPG 50〜65 署名がまだ読める
50KB 未満 ビザのサムネイル、小さな身分証アップロード 必要なピクセルサイズか 500〜700px、JPG 60〜75 目、輪郭、文字がはっきり
100KB 未満 求人ポータル、試験フォーム、プロフィール写真 長辺 800〜1000px、JPG 70〜80 顔がブロック化せず、文書の文字がにじまない
200KB 未満 大学のフォーム、大きめのプロフィール画像 長辺 1200〜1600px、JPG 75〜85 通常の画面サイズでシャープ
500KB 未満 CMS アップロード、メール、商品ドラフト 長辺 1600〜2000px、WebP/JPG 78〜85 サイズとディテールのバランスが良い

アップロードページが WebP を受け付けるなら、JPG の後にファイルがまだ大きすぎる場合に WebP を試してください。Google の WebP ドキュメントは、同等の品質で非可逆 WebP が比較対象の JPEG より小さくなり得ると述べていますが、フォームでは最終的に互換性が選択を決めます。

品質を下げすぎる前に形式を選ぶ

形式の変更は、極端な品質変更よりきれいに済むことがよくあります。

  • フォームには JPG: JPG はほぼどこでも動き、政府ポータル、学校システム、求人サイト、古いアップロード ウィジェットに最も安全な選択です。
  • ウェブサイトには WebP: CMS、対象ブラウザ、配信パイプラインが受け付けるなら WebP は実用的なウェブ形式です。100KB や 200KB を JPG より少ないアーティファクトで達成できることが多いです。
  • AVIF は受け付けられる場合だけ: AVIF は非常に小さなファイルを作れますが、多くの非ウェブ アップロード フォームは拒否します。フォームが明示的に AVIF を挙げていない限り、厳しいフォームで AVIF は使わないでください。
  • 写真に PNG は避ける: PNG は可逆で、スクリーンショット、ロゴ、図、透明画像には便利です。100KB 未満のカメラ写真には通常間違った形式です。
  • HEIC はまず変換: ソースが iPhone の HEIC でポータルが JPG か PNG を求めるなら、KB の目標を追う前にまず JPG に変換します。

画像がはるかに大きすぎるときは先にリサイズ

PhotoTools の Compress ツールは品質と出力形式を変えますが、ピクセルの幅や高さは変えません。ソースがフル解像度のカメラ写真なら、先に Resize ツールを使い、その後リサイズしたコピーを圧縮します。

通常の肖像写真や文書アップロードでは、次の長辺サイズが現実的です。

  • 500〜700px: 50KB のごく小さな目標、署名、サムネイル、シンプルな肖像写真。
  • 800〜1000px: 画面でしか確認されないほとんどの 100KB フォーム。
  • 1200〜1600px: ほとんどの 200KB プロフィール写真、大学のフォーム、マーケットプレイスの出品、応募アップロード。
  • 1600〜2000px: 品質が重視され、目標が 500KB や 1MB に近いウェブサイト画像。

ポータルが正確な寸法を要求している場合は、長辺の大まかな値を使わないでください。Resize ツールで指定された幅と高さを入力し、ポータルが固定クロップを明示していない限りアスペクト比のロックを有効のままにし、正しい形にしたコピーを書き出してから、そのファイルを圧縮します。

100KB や 200KB 上限で PhotoTools を使う方法

アップロードページが厳しいファイルサイズ上限を設けていて、画像をプライベートに保ちたいときは、次の流れを使ってください。

  1. 元ファイルはそのまま残します。
  2. 写真が送信先に必要な以上に大きい場合は、Resize を開き、目標ピクセルを設定してリサイズしたコピーをダウンロードします。
  3. Compress を開き、リサイズした JPG か PNG をドロップします。
  4. 出力形式を選びます。フォーム互換性のためには JPG、送信先が WebP を受け付ける場合のみ WebP。
  5. 品質を 80 にして「すべて圧縮」をクリックします。
  6. カードを読みます。PhotoTools は圧縮後に元のサイズ、出力サイズ、節約された割合を表示します。
  7. 結果がまだ上限を超えているなら、元ファイルかリサイズしたコピーに戻り、品質を 70 に下げてもう一度書き出します。
  8. ダウンロードしたファイルが上限を余裕を持って下回り、なお鮮明であればそこで止めます。

すでに圧縮済みのダウンロードを繰り返し圧縮しないでください。JPG を何度もエンコードし直すとアーティファクトが積み重なります。最初の試みが大きすぎる場合は、元ファイルかきれいなリサイズ済みコピーに戻り、より低い品質で新しいバージョンを書き出します。

レシピ:JPG を 100KB 未満に圧縮

フォームの写真、商品サムネイル、応募のプロフィール画像用:

  1. ポータルが正確な寸法を示していない限り、長辺を 900 か 1000px にリサイズします。
  2. JPG で書き出します。
  3. 品質 80 から始めます。
  4. ファイルが 110〜130KB なら、品質 72〜75 を試します。
  5. まだ 100KB を超えるなら、品質を 60 未満に下げる前に長辺をさらに 150〜200px 短くします。

結果は通常の表示サイズで清潔に見えるはずです。100% ズームで顔、ラベル、文書のテキストがワックスがかって見えるなら、その画像は恐らくバイト予算に対してピクセルが多すぎます。品質 35 の大きな画像より、より高品質の小さな画像の方が見栄えが良いことがよくあります。

レシピ:JPG を 200KB 未満に圧縮

200KB の上限は余裕があるので、圧縮しすぎないようにします。

  1. 長辺を 1200〜1600px にリサイズします。
  2. JPG で品質 80〜85 で書き出します。
  3. ファイルが 220KB 前後になったら、品質を 75〜78 に下げます。
  4. 背景がにぎやかでファイルがまだ大きいなら、品質スライダーを下げすぎるより 1200px にリサイズします。

まだ検査に耐える必要がある画像には 200KB を使ってください:応募用の肖像写真、小さな商品写真、スキャンした証明書、授業の提出物、閲覧者が少しズームする可能性がある CMS アップロード。

レシピ:ビザやパスポート写真を 50KB 未満に

身分証写真のアップロードはファイルサイズだけがルールではないため特別です。切り抜き、顔の位置、背景、表情、光の方がバイト数よりも重要です。

まずポータルの公式ピクセル寸法から始めます。600 x 600 と書いてあるなら、600 x 600 のファイルを作ります。最小と最大が示されているなら、その範囲内に収めます。その後 JPG で品質 70 前後で書き出し、サイズを確認します。まだ 50KB を超えるなら 60〜65 まで下げるか、ポータルが許す場合にのみ寸法を縮小します。

出来の悪い公式写真を美肌フィルター、AI シャープ化、顔の補正、背景の差し替え、強い色補正で直さないでください。リサイズと圧縮はファイル準備です。顔や背景を変えるのはコンプライアンス上のリスクです。

レシピ:署名やスキャン文書を 20KB に圧縮

小さな署名アップロードは別の理由で失敗します。人々は署名そのものではなく、紙のスマホ写真全体を圧縮してしまうのです。

まずは切り抜きです。机、テーブル、影、白紙を取り除きます。きつい切り抜きはどんな圧縮設定よりファイルを小さくできます。次に切り抜きを幅 300〜500px にリサイズし、JPG で品質 55〜65 で書き出します。フォームが PNG を許可し、署名が単純な白地に黒文字なら、PNG はシャープなままかもしれませんが、上限を超えることもあります。両方を試し、より小さく読みやすい方を残します。

アップロード前に通常の画面サイズにズームして、線が途切れていないことを確認してください。署名を読めなくする 12KB のファイルは勝ちではありません。

PNG のスクリーンショットや透明画像はどうする

テキスト入りのスクリーンショット、ロゴ、透明グラフィックは、写真とは違います。

透明、鮮明な UI テキスト、正確なフラットカラーが必要なときは PNG のままにします。ポータルが小さなプレビューだけを気にし、WebP を受け付けるなら、WebP はスクリーンショットを大きく縮小しつつ、JPG よりも輪郭をきれいに保てます。フォームが JPG を受け付け、書き出し後もテキストが読めるときだけ、スクリーンショットに JPG を使ってください。

透明な PNG ファイルについては、JPG に透明はないことを思い出してください。JPG に書き出すと、透明部分は背景色で塗りつぶされます。画像がロゴやオーバーレイの素材なら、きれいな PNG マスターを保持し、送信先が JPG を求めるときだけフラット化したアップロード コピーを作成します。

上限より小さいのに拒否されるのはなぜ

最終ファイルが 96KB でもポータルが拒否する場合、再度圧縮する前に次を確認します。

  • 拡張子が違う: ポータルは .jpg.jpeg を求めているのに、.webp.avif.heic、あるいは名前を変えただけのファイルになっている。
  • 寸法が違う: KB サイズは問題ないが、ピクセル幅や高さが許容範囲外。
  • 縦横比が違う: 正方形が求められているのに、画像が縦長か横長。
  • 上限に近すぎる: コンピューターは 100KB と表示していても、ポータルは正確なバイトを数える。92〜95KB で書き出してください。
  • プログレッシブや異常なエンコード: 古い一部のポータルは、まったく有効な画像を拒否します。ブラウザのツールから通常の JPG として書き出し直してください。
  • ファイル名の問題: 特殊文字、絵文字、極端に長い名前、スペースを取り除きます。photo.jpg のようにしてください。
  • 見た目の内容の問題: 身分証写真では、影、切り抜き、表情、眼鏡、背景、編集などが理由でファイルが技術的に有効でも拒否されることがあります。

品質を素早く判断する方法

アップロード前に 30 秒のレビューを行います。

  1. プレビューではなく、ダウンロードした最終ファイルを開きます。
  2. Finder、Windows のプロパティ、アップロード ダイアログで正確なファイルサイズを確認します。
  3. 審査担当者がおそらく目にするサイズで表示します。
  4. 一度だけ 100% にズームし、目、テキスト、ロゴの輪郭、グラデーション、肌の質感を見ます。
  5. ブロック状の四角、ハロー、にじんだディテール、読めないテキストが見えるなら、もう一度品質を下げるのではなく、ピクセルを減らして高品質にします。

ウェブサイト画像では、レイアウトの中の画像もチェックします。ブラウザが大きなヒーロー枠に拡大しなければならない場合、100KB のファイルでも見栄えが悪くなります。小さなフォーム アップロードでは、ピクセル レベルの詳細より通常の表示サイズが重要です。

プライバシーとメタデータのメモ

PhotoTools はブラウザ内で圧縮を処理します。ツールは画像をデコードし、OffscreenCanvas にピクセルを描画してから、選択した品質で新しい JPG、WebP、AVIF、または元の形式のファイルを書き出します。MDN は、canvas の書き出しが非可逆圧縮をサポートする形式について出力タイプと品質の両方を指定できることを文書化しています。

出力は canvas のピクセルから作られるため、カメラ メタデータは通常、新しいファイルに複製されません。これにより GPS 座標、機種名、タイムスタンプ、編集ソフト タグを取り除ける可能性があります。ファイルが機微なら、あらゆる隠しフィールドが消えたと決め込まず、メタデータ チェッカーで最終ダウンロードを検証してください。

やってはいけないこと

  • 写真を小さくするためだけにスクリーンショットを撮らないでください。スクリーンショットはぼやけを加え、色を変え、より悪いソースを作ることがよくあります。
  • 「圧縮ツール」代わりにチャットアプリで画像を自分に送らないでください。多くのアプリは予測できない形でリサイズし、有用なディテールを削り取ります。
  • 元ファイルの唯一のコピーを圧縮しないでください。フル解像度のソースを保持し、そこからアップロード用コピーを作ります。
  • 最初から最低品質を使わないでください。品質 60 未満に下げる前に、妥当なリサイズを試します。
  • JPG/JPEG/PNG のみを列挙しているフォームで WebP、AVIF、HEIC を使わないでください。

クイックまとめ

厳しい KB 目標には次の順序を使います。

  1. アップロード ルールを読む:サイズ、形式、寸法、内容要件。
  2. 写真が送信先に必要な以上のピクセルを持っている場合は、まずリサイズする。
  3. フォーム互換性を最大化するために JPG を使う。WebP や AVIF は受け付けられる場合のみ。
  4. 品質 80 前後から始め、必要な分だけ下げる。
  5. ちょうど上限ではなく、上限より少し下を狙う。
  6. アップロード前にダウンロードしたファイルサイズと見た目の品質を確認する。

参照した技術ソース

この記事は、PhotoTools の現在の圧縮・リサイズ実装、MDN の OffscreenCanvas convertToBlob() ドキュメントMDN の画像ファイル形式ガイドGoogle の WebP ドキュメントweb.dev の Learn Images コースに照らして見直しました。

よくある質問

PNG を 100KB に圧縮するには?

PNG が写真なら、まず JPG か WebP に変換し、フォームが許すなら長辺を 800〜1000px 前後にリサイズしてから、品質 70〜80 程度で圧縮します。PNG はスクリーンショット、ロゴ、透明、線画のためだけに使ってください。

画像をぴったり 100KB に圧縮するには?

多くのフォームで「100KB」は「最大 100KB」を意味し、正確に 100KB ではありません。90〜95KB を狙えば、ポータルがコンピューターと少し違う数え方をしてもアップロードは通ります。

200KB の写真にはどんな設定を使えばいい?

JPG で長辺 1200〜1600px、品質 75〜85 から始めます。アップロードページが WebP を受け付けるなら、WebP は同じ見た目の品質のままファイルサイズを小さくできることが多いです。

ビザやパスポートのポータル用に写真を 50KB 未満にするには?

まずポータルが指定するピクセル寸法に合わせ、次に JPG で品質 60〜75 程度で書き出します。公式の身分証写真にフィルター、顔の補正、背景の差し替え、AI 補正は使わないでください。

圧縮すると写真はぼやける?

圧縮そのものが原因ではありません。ぼやけは通常、巨大な写真を非常に低い品質で小さなバイト上限に押し込んだときに起こります。まずは妥当なピクセルサイズにリサイズし、上限が許す範囲でできるだけ高い品質を保ちましょう。

圧縮後も PNG が 200KB を超えるのはなぜ?

PNG は可逆で、細かい写真には効率が良くありません。写真的な PNG は最適化しても大きいままになることがあります。送信先が対応していれば JPG、WebP、AVIF で書き出してください。

小さな KB 目標に最適な形式は?

フォームや古いポータルには JPG が最も安全です。ウェブ用途で受け付けられるなら通常は WebP の方が小さくなります。AVIF はさらに小さくできますが、アップロードフォームによってはまだ AVIF を拒否します。

圧縮とリサイズは同じ?

違います。リサイズはピクセルの幅と高さを変えます。圧縮は寸法を保ったまま、より少ないバイトで画像を保存します。厳しい KB 上限には両方が必要になることが多いです。

ブラウザ内の圧縮で EXIF や GPS のメタデータは消える?

canvas ベースの書き出しは通常、ピクセルから新しい画像を作るため、GPS、機種名、タイムスタンプなどのカメラ メタデータは複製されません。プライバシーが重要なら、最終ファイルをメタデータ チェッカーで確認してください。

身分証やパスポート写真をここで圧縮しても安全?

PhotoTools は画像をブラウザ内でローカル処理します。画像はサーバーにアップロードして処理されるのではなく、あなたのデバイス上でデコード・再描画・圧縮・ダウンロードされます。

続きを読む