Web技術の基礎
Webページで使う画像の形式と、その一般的な使い方の組み合わせとして、適切なものはどれか。
- A背景を透明にしたいロゴ: JPEG。透明な部分をそのまま保存できる
- B風景の写真: PNG。可逆圧縮なので、写真ではJPEGより必ず小さくなる
- C会社のロゴやアイコン: SVG。図形を座標と式で表すので、拡大してもぼやけない
答えと解説を見る
正解:C. 会社のロゴやアイコン: SVG。図形を座標と式で表すので、拡大してもぼやけない
JPEGは非可逆圧縮で写真を小さくできますが、透明な部分を扱えません。PNGは可逆圧縮で透明も扱え、文字や線のくっきりした画像に向きますが、写真では一般にJPEGよりずっと大きくなります。SVGは図形をXMLのテキストで表すベクター形式なので、どの大きさでもなめらかに表示でき、ロゴやアイコンに向いています。WebPやAVIFは、非可逆と可逆の両方の圧縮と透明に対応し、同じ画質ならJPEGやPNGより一般に小さくできる形式です。
- A. JPEGは透明な部分を扱えません。透明が必要なら、PNGやWebP、SVGなどを使います。
- B. PNGは可逆圧縮なので、写真では一般にJPEGより大きくなります。
- C. 正しい。SVGはベクター形式なので、どの大きさに拡大してもぼやけません。