はてなブックマーク

デザイン制作の中で「解像度」ということばを耳にすることがあると思います。よくわからない…なんとなく理解はしてるけど説明はできない…という方のために、ウェブデザイナーが理解しておきたい「2つの解像度」のうち、「ピクセルがいくつあるのか」という「画像解像度」についてご説明します。 ベクターとラスターわたしたちが普段触れるグラフィックツールや画像ファイルは「ベクター」か「ラスター」どちらかになります。その違いはこんな感じ。 ベクターは「アンカーポイント」と呼ばれるポイントの座標を記録し、そのポイントを結んで線や塗りを描画します。ラスターはピクセル一つずつに色を塗って描画します。ベクターはアンカーポイントの場所や線や塗りの情報だけを記憶しているので、ファイルサイズは軽くなることが多く、ラスターはピクセルそれぞれに色があるため、ピクセルが多くなる・色数が多くなるとファイルサイズが重くなっていきます。