写真・文字・ロゴの提出準備

JPEG・PNG・WebPを写真と文字画像で選ぶ

形式の優劣だけで決めず、画像の中身や透明部分の有無、フォームが受け付ける形式を照らし合わせて選びます。同じ画像でも容量は内容と書き出し設定で変わるため、実ファイルで確認しましょう。

まず提出先の許可形式を確認

「画像を小さくしたい」より先に、応募フォームがJPEG、PNG、WebPのどれを受け付けるかを確認します。表示に使える形式でも、フォームのアップロード欄が許可するとは限りません。形式を変えた後は、拡張子だけでなくアップロード後のプレビューや受理メッセージも確認してください。

3形式の性質と向いている素材

形式圧縮・透明向きやすい素材提出前の確認
JPEG一般的なJPEG書き出しは非可逆圧縮。透明部分は持てません。写真など、色や明るさが連続して変わる画像の候補。細い文字や輪郭のにじみ、暗部の模様を拡大表示。透明を背景色へ合成してよいか確認。
PNG可逆圧縮。透明度を保持できます。文字、図形、画面キャプチャ、透明なロゴなど、輪郭や透明部分を保ちたい画像。写真では容量が小さくなると決めつけず、提出先の容量上限に合うか実ファイルで確認。
WebP可逆・非可逆の方式があり、透明度も扱えます。フォームが許可する場合の写真やWeb用グラフィックの候補。対応ソフト・フォームを先に確認。可逆/非可逆の設定が選べるか、出力後の見え方も確認。

「文字画像なら必ずPNG」「WebPなら必ず軽い」といった固定ルールにはできません。色数・模様・画像寸法・圧縮設定で容量と見え方が変わるため、提出先の許可形式を満たす候補だけを比べます。

架空の文字入り画像で判断する

架空例: 透明背景のロゴと細い文字を含む1200×1200pxのPNGがあり、フォームはJPEGとPNGを受け付けるものとします。元のPNGが容量条件内なら、形式を変えずに使うのが候補です。容量超過時は、透明度や輪郭が必要かを確かめてください。

  1. 透明部分を残す必要があるなら、背景を決めてJPEGに合成する方法は避けます。
  2. PNGのまま上限以下にできるか、提出先の案内や画像編集ソフトで確認します。
  3. このサイトのツールはPNGを読み込めますが、PNG形式では書き出せません。出力はJPEGか、ブラウザが対応するWebPです。
  4. 別形式を試す場合は、許可形式と透明の要否を満たす出力だけを保存し、文字の線や透明のふちを原寸で確認します。

この例では、JPEGはフォームに受け付けられても透明を保持しません。WebPはフォームが受け付けないため候補から外れます。したがって、PNGを容量内に保てない場合は、別のPNG最適化手段や提出先への確認が必要です。この判断は形式仕様と架空条件を照らし合わせたもので、実際のアップロード試験ではありません。

写真で形式を比べるときの小さな比較表

写真でJPEGとWebPの両方が許可されている場合、同じ元画像・同じ寸法上限・同じ容量上限を使って順に出力し、結果を次の欄で比べます。片方だけを別サイズに縮めると、形式差と寸法差を切り分けられません。

記録項目JPEG候補WebP候補
実際の出力バイト数処理後の表示を記録処理後の表示を記録
出力寸法設定した寸法と一致するか同じ寸法条件で一致するか
見た目顔、髪、細部、暗部を確認同じ箇所を同倍率で確認
提出先での受理フォームの許可・結果を記録フォームの許可・結果を記録

この比較表は、出力前に数値を埋めた試験結果ではありません。使う画像とブラウザで実際に処理して記録するための確認用ひな形です。容量上限に入っていても、見た目の劣化やフォーム拒否があれば提出候補から外します。

このツールでできること

形式差の説明は、W3C PNG仕様、Google WebP形式の概要、ITU-T T.81（JPEG）を参照しています。仕様が示す機能と、個別フォームの受け付け条件は別に確認してください。

画像を選んで出力候補を作る

ピクセル数と容量の設定例は、応募フォームの写真を指定条件に整える手順を参照してください。プライバシーの説明 ／ 運営情報