Web技術の基礎

Webページで使う画像の形式と、その一般的な使い方の組み合わせとして、適切なものはどれか。

  1. A背景を透明にしたいロゴ: JPEG。透明な部分をそのまま保存できる
  2. B風景の写真: PNG。可逆圧縮なので、写真ではJPEGより必ず小さくなる
  3. C会社のロゴやアイコン: SVG。図形を座標と式で表すので、拡大してもぼやけない
答えと解説を見る

正解:C. 会社のロゴやアイコン: SVG。図形を座標と式で表すので、拡大してもぼやけない

JPEGは非可逆圧縮で写真を小さくできますが、透明な部分を扱えません。PNGは可逆圧縮で透明も扱え、文字や線のくっきりした画像に向きますが、写真では一般にJPEGよりずっと大きくなります。SVGは図形をXMLのテキストで表すベクター形式なので、どの大きさでもなめらかに表示でき、ロゴやアイコンに向いています。WebPやAVIFは、非可逆と可逆の両方の圧縮と透明に対応し、同じ画質ならJPEGやPNGより一般に小さくできる形式です。

  • A. JPEGは透明な部分を扱えません。透明が必要なら、PNGやWebP、SVGなどを使います。
  • B. PNGは可逆圧縮なので、写真では一般にJPEGより大きくなります。
  • C. 正しい。SVGはベクター形式なので、どの大きさに拡大してもぼやけません。
この分野を解く 分野ページへ

Web技術の基礎の参考書を探す PR

Amazonの検索結果へのリンクです。Amazonのアソシエイトとして、半導体教室は適格販売により収入を得ています。

Web技術の基礎のほかの問題

  1. 3,000バイトの画像のデータをBase64で符号化して、HTMLの中に埋め込む。改行を入れないとき、符号化した後の文字数はどれか。
  2. Webシステムを、Webサーバ、アプリケーションサーバ、データベースサーバの3層で構成する。アプリケーションサーバが主に受け持つ処理として、適切なものはどれか。
  3. リバースプロキシの説明として、正しいものはどれか。
  4. CGIでは、Webサーバがリクエストを受けるたびにプログラムを新しいプロセスとして起動し、処理が終わるとプロセスは終了する。FastCGIやアプリケーションサーバの方式が、CGIと比べて多くのリクエストを効率よく処理できる主な理由はどれか。
  5. Webサイトのページを作る方式のうち、ビルドの段階ですべてのページのHTMLファイルをあらかじめ生成しておき、リクエストにはそのファイルをそのまま返す方式はどれか。