PNGをWebPに変換する理由（と、あえてしない場面）
PNGは編集には最高のフォーマットですが、配信するには無駄が多い。WebPで実際にどれだけ減るのか、逆に減らない場面はどこか、そして絶対に破らないルールを一つ、正直に書きます。
webppngimage formatsperformance
ブログ
画像フォーマットや圧縮、ブラウザでできることについてのメモ。
ブラウザ内での画像変換は実際どう動くのか（そして、なぜそう作ったのか）
「ファイルは端末から出ません」はマーケティングの一行ではなく、設計そのものです。WASMがどうやってブラウザの中で変換をこなすのか、そして唯一の本当の限界を書きます。
privacybrowserimage formats
SVGからPNGへ —— 本当に画素が必要なとき（と、そうでないとき）
SVGは無限に拡大できて、しかも小さいままなので、ラスタライズは格下げに感じます。実際そうな場合もあります。ベクターからPNGの画素が本当に必要な場面と、SVGを触らずに残すべき場面を書きます。
svgpngtransparency
スクリーンショットが2MBもある理由と、60〜90%縮める方法
ほぼ空っぽのダッシュボードのスクリーンショットが2MBもあるのはおかしい。PNGがそうしてしまう理由と、WebPに変換して見た目そのままに60〜90%削る方法を書きます。
pngwebpscreenshotscompression
AVIF対WebP —— 小さいファイルが必ずしも正解ではない
AVIFはたいていWebPよりサイズが小さく、ときに20%以上も差がつきます。その余分な圧縮がエンコード時間や特殊なケースで何を代償にするのか、それでもWebPを選ぶ場面を書きます。
avifwebpcompressionperformance
PNGかJPGか？ 10年使っている判断の一問
可逆か非可逆か、輪郭か写真か、透明の有無か。たった一つの問いで、そのファイルがどちらの形式であるべきかがわかります —— それを証明する実際のサイズ表つきで。
pngjpgimage formatslosslesslossy
iPhoneの写真がHEICなのはなぜか（そして、いつJPGにすべきか）
HEICは本当に優れたフォーマットですが、ウェブの半分はいまだに開けません。AppleがHEICを選んだ理由、JPGに変換して実際に失うもの、そして変換しない場面を正直に書きます。
heicjpgimage formatsphotography