ガイド
Web 用画像を準備する
画像をデザイン工程から出す前に、サイズ、形式、品質を選ぶための実用的な手順です。
出力先から考える
用途に合わせて形式を選びます。PNG は透明部分をきれいに保ち、JPEG は写真、WebP は現代の Web 配信、AVIF は受け側のブラウザーと処理環境が対応している場合に向いています。
圧縮前にサイズを調整する
表示サイズより大きすぎるファイルを圧縮するより、デコード後のキャンバスを小さくする方が効果的なことがあります。拡大を防ぎ、ピクセル数も確認します。
結果を確認する
HXSL は出力を再デコードしてサイズ、寸法、形式を表示します。変換後に大きくなる場合もあり、その変化を隠しません。
用途に合わせて形式を選ぶ
PNG は輪郭と透明を保ちます。JPEG は写真向きです。WebP は現代の Web の標準です。パイプラインが対応していれば AVIF はより小さくなります。圧縮の前にサイズを合わせてください。
関連ツール
画像と SVG ハブから画像圧縮、PNG 圧縮、PNG から WebP、SVG から PNG を開きます。変換後に大きくなっても、結果の要約にサイズが出ます。