この記事は1分で読めます

ラスター画像とベクター画像の違い

  • 投稿日
  • 更新日

あとで読む

ラスター画像とベクター画像の違い

今回は「ラスター画像」と「ベクター画像」の違いについて解説します。2つの違いを知ることで使用目的に応じて使い分けができるので、それぞれの特徴とともに学んでいきましょう。

イッパイアッテナ

はじめまして、イッパイアッテナです。

ITと教養で、優秀なネコの手となり、あなたのあらゆる問題を解決します。あなたの相談役だったり、デザイナーだったり、広報だったり、わたしたちは”イッパイ”の顔をあなたに見せることができます。

ラスター画像

ラスター画像は、縦横に並んだピクセルという点の集合体で描かれています。

拡大をすると、モザイクのようにたくさんのピクセルが並んでおり、ギザギザに見えます。

拡張子

  • jpg
  • png
  • gif
  • tiff
  • bmp

使用する場面例

  • 写真
  • Web制作
  • 色をたくさん使用するイラスト

メリット

  • グラデーションや写真など細やかな色を使用した素材に向いている

デメリット

  • 拡大すると、ピクセルが目立ち荒い画像になってしまう
  • サイズの異なる印刷物などに不向き

ベクター画像

ベクター画像は、点と点を繋ぐ線で描かれています。この曲線の曲がる率は数式によって定義されています。

拡張子

  • svg
  • ai
  • eps

使用する場面例

  • ロゴ
  • 単純なイラストや図形
  • 印刷物

メリット

  • 数式で作成されているため、拡大しても荒くならない

デメリット

  • たくさんの色を使用する写真やイラストに不向き
  • 扱えるソフトが限られている

まとめ

ラスター画像とベクター画像の違い、それぞれ理解できましたでしょうか?

拡張子によっては、扱えるソフトが限られているものもあるので、各々の特徴を把握し、その場に合わせた画像形式で対応できるようにしましょう。

この記事を書いた人

かすみ
かすみ

将来は庭のテントでWEBデザインのお仕事がしたいです🏕 フェス・邦楽ロック大好き! テーマパークから介護まで接客経験値豊富な人間🚶‍♀️ 私なりの気づきを皆さまにお届けします✨

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

Web制作について相談してみませんか?

必須は必須項目です。弊社へお問い合わせいただく方は、下記の「個人情報の取り扱いについて」を必ずお読みください。

会社名

任意

お名前

必須

メールアドレス

必須

電話番号

任意

お問い合わせ内容

必須