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



形式によって背景が変わる
PNGでは透明な縁から下の背景が見えます。JPEGでは選択色で塗り、半透明部分もその色と合成してから圧縮します。
RGB 240・96・72、alpha 128/255のコーラル色を白に重ねると、JPEG圧縮前はおよそRGB 247・175・163です。圧縮後は多少変わる場合があります。
WebPも透明にできますが、品質調整は非可逆圧縮です。この追加圧縮を避けるならPNGを使います。
- 端の画像を白い背景と暗い背景の上で確認します。
- JPEGでは背景色と品質を設定し、生成し直します。
- プレビューの市松模様ではなく、実際に保存したファイルを確認します。
黒く見えても、黒い画素とは限らない
ビューアが透明部分の後ろを黒く表示していることがあります。一方、元画像にある暗い画素や縁取りは、分割しても除去されません。
PNGの使用可能なalphaは保持しますが、完全透明な画素の隠れたRGB値や元のメタデータは保証しません。