移行中の知識
ラスター画像
Raster Image
定義
ラスター画像（raster image）とは、規則的なgrid上に並ぶpixelの集合として表現される画像です。写真やpainted imageなど連続的なtoneを持つ画像に広く使われ、固定されたpixel dimensionsを持つため、表示・出力時の拡大率によってpixelが目立つことがあります。
関連
対比すると分かりやすい概念
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
Web landing page
Hero写真を書き出す
見るポイント
写真をJPEGやWebPとして使う時、見た目の大きさだけでなく元画像のpixel dimensionsが表示サイズに足りているかを見る。
Legacy asset migration
小さいPNGロゴを拡大する
見るポイント
raster化された小さなlogoを大きく表示するとedgeが荒れる場合、CSSの問題ではなくsource imageのpixel gridと拡大率を確認する。
注意
誤解しやすい点
- raster imageを低品質な画像の別名として扱う。
- pixel dimensionsが大きいほどどんな用途でも高品質だと考える。
- raster imageは拡大してはいけないと絶対化する。
関連
関連する概念
出典