PicMason ホーム

透明な縁は、そのまま透明に。

透明部分を残すならPNG。JPEGなら、背景色を決めてから書き出します。

透明度の異なるサンプルを試す

101 × 103 pxのPNGには、完全に透明な縁、不透明なコーラル色の中央、半透明の帯があります。3行4列に分割し、まずPNGで保存してください。

透明な外周、不透明なコーラル色の中央、半透明の帯があるPNGサンプル
透明な縁を保ったPNGのサンプル同じ縁を白い背景と合成したJPEGのサンプル
市松模様は透明部分を示す表示です。書き出すPNGには入りません。
サンプル画像をダウンロード

形式によって背景が変わる

PNGでは透明な縁から下の背景が見えます。JPEGでは選択色で塗り、半透明部分もその色と合成してから圧縮します。

RGB 240・96・72、alpha 128/255のコーラル色を白に重ねると、JPEG圧縮前はおよそRGB 247・175・163です。圧縮後は多少変わる場合があります。

WebPも透明にできますが、品質調整は非可逆圧縮です。この追加圧縮を避けるならPNGを使います。

  1. 端の画像を白い背景と暗い背景の上で確認します。
  2. JPEGでは背景色と品質を設定し、生成し直します。
  3. プレビューの市松模様ではなく、実際に保存したファイルを確認します。

黒く見えても、黒い画素とは限らない

ビューアが透明部分の後ろを黒く表示していることがあります。一方、元画像にある暗い画素や縁取りは、分割しても除去されません。

PNGの使用可能なalphaは保持しますが、完全透明な画素の隠れたRGB値や元のメタデータは保証しません。