フロントエンド・PHPカンファレンス北海道2026
トーク(15分)
フロントエンド

画像形式の圧縮原理から学ぶ最適なフォーマット選択術

yuzneri ゆずねり yuzneri

Webサイトの表示速度とユーザー体験を左右する重要な要素、それが「画像」です。
しかし、JPEG、PNG、GIF、そして次世代フォーマットのWebPといった多様な画像形式を、特徴や用途に合わせて使い分けできていますか?

本セッションでは、日常的に利用されるJPEG、PNG、GIF、SVG、ICOといった画像形式と、次世代フォーマットとして注目されるWebPについて、
各形式が採用する圧縮方式、画質、そして透過やアニメーションといった機能の違いを深く掘り下げ、
多様なユースケースにおいて、どの形式が最適解となるのかを明らかにします。

さらに、WebPを導入する際の互換性問題を解決する<picture>要素を用いたフォールバックの実装方法についても解説します。

このセッションを通じて、あしたから自信を持って画像形式の選択ができるように目指します。