Web上のPNG vs WebP
PNGはシャープな透明やシンプルグラフィックに強い。代償は重量:UIキャプチャやPNGエクスポートはページを膨らませる。alpha付きWebPはバナー・複雑アイコン・切り抜き写真の現実的な妥協点。
SMALLIMGでPNG→WebP変換してもデザインフローは維持:品質試行、alphaハロー確認、ダウンロード。WebP非対応なら同コンバーターでJPG/PNGに切替。
本当のプライバシー: 画像はデバイスから出ません。
画像に透明度がある場合(例: PNG)、そのままにするか単色で塗りつぶすかを選べます。
JPG は透明度非対応: 選択した色で塗りつぶされます。
PNGはシャープな透明やシンプルグラフィックに強い。代償は重量:UIキャプチャやPNGエクスポートはページを膨らませる。alpha付きWebPはバナー・複雑アイコン・切り抜き写真の現実的な妥協点。
SMALLIMGでPNG→WebP変換してもデザインフローは維持:品質試行、alphaハロー確認、ダウンロード。WebP非対応なら同コンバーターでJPG/PNGに切替。
WebPは透明度対応。WebP/PNG出力ではデフォルトで保持。不透明キャンバスやPDF向けなら白やブランド色で塗りつぶし。
後からJPGを選ぶとalphaは存在せず塗りつぶし必須(デフォルト白)。本ページは「PNG to WebP」意図でWebPを初期選択。
最終解像度でPNG出力するか、ここで最大幅を制限。4000px PNGはリサイズなしでは重いWebPのまま。ECなら1200–1600px WebPがsrcsetで十分なことが多い。
明暗背景でアンチエイリアス境界を確認。背景除去後は公開前に切り抜きを検証。
はい。WebP/PNG出力で保持がデフォルト。JPGにalphaなし。
可逆WebPは制御された圧縮でサイズ削減。テキストやグラデーションにartifactが見えたら品質を上げる。
はい。細い文字UIは90–95を試すか、サイズ許容ならPNGのまま。
いいえ。ページを開きPNGをドロップしてWebPをダウンロード。
SMALL新着
写真を各SNS向けに調整
Instagram、TikTok、YouTubeなど — 正確なサイズと切り抜きを、ブラウザ内で。
登録完了です。