Image delivery / format check

PNGの透過とJPEGの背景色を確認する

透過が必要ならPNG、背景を決めて納品するならJPEG。合成fixtureで違いを確認し、保存後と納品先でも結果を確認します。

形式と背景を決める

PNGはalphaを保持できる場合があります。JPEGは不透明なので、透過が必要な画像をJPEGにすると選んだ背景色で平坦化されます。

観察判断理由
透過ロゴPNG / alphaあり透過を保持周囲の背景を残したい
白背景の写真JPEG / 不透明背景を白に決めるJPEGで十分な納品
暗い背景の写真JPEG / 不透明背景を暗色に決める白への自動置換を避ける
アイコン出力PNG / alphaありPNGを選ぶ透過要件を保つ
写真出力JPEG / 不透明背景を決めて保存JPEGは透過を持たない
納品先が不明形式・表示が不明確認まで停止表示保証を推測しない

合成previewで確認する

チェック柄の上に表示した合成透過preview
チェック柄は透過領域の例です。実際の納品先の表示を保証しません。
白い背景に表示した合成不透明preview
白背景は意図した不透明化の例です。

納品前の順番

  1. 透過が必要かを決める。
  2. 必要ならPNGのalphaを保持し、JPEGにしない。
  3. 不透明でよいなら背景色を決めてからJPEGを保存する。
  4. 保存した出力を開き、納品先の表示と受入条件を確認する。
  5. 形式や納品先が不明なら、確認まで停止する。

これはブラウザー内の静的ガイドです。実画像・入力・fixtureを外部へ送信・保存しません。

保証しないこと

JPEGに透過を持たせること、チェック柄previewが納品先でも同じに見えること、色管理や受入条件を満たすことは保証しません。重要な納品は保存後に対象環境で確認してください。