SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

マンガで分かるプログラミング用語辞典

「ラスタ画像とベクタ画像」
~マンガでプログラミング用語解説

マンガで分かるプログラミング用語辞典(95)


  • X ポスト
  • このエントリーをはてなブックマークに追加

解説

 ラスタ画像は、縦横のピクセル単位で色情報を保持した画像の形式です。

 ベクタ画像は、点や線の曲がり方、線の太さなどの情報を元に、表示の際に計算して描画を行う画像の形式です。

 ラスタ画像は、無数の色が複雑に描写されているような自然物を表現するのに向いています。また、拡大すると粗くなってしまうという欠点を持っています。

 ベクタ画像は、ロゴなどの図形で描けるような画像を表現するのに向いています。逆に風景写真のようなものを表現するのは苦手です。ベクタ画像は、拡大しても画像が粗くならず、必要最小限の情報のみを保存するので、ファイルサイズが軽くなる傾向があります。

サンプル

 ラスタ画像と、ベクタ画像のサンプルです。実際にブラウザで表示倍率を変更して、違いを確認してみてください。

ベクタ画像(SVGファイル)のサンプル:拡大してもきれいに描画される
ベクタ画像(SVGファイル)のサンプル:拡大してもきれいに描画される
ラスタ画像のサンプル:複雑な描写を行えるが拡大すると粗くなる
ラスタ画像のサンプル:複雑な描写を行えるが拡大すると粗くなる
フィードバックお待ちしております!

 ご感想、解説して欲しい用語、解説内容のアドバイスなどございましたら、FacebookTwitterなどでお気軽に編集部までお寄せください。よろしくお願いいたします。

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
マンガで分かるプログラミング用語辞典連載記事一覧

もっと読む

この記事の著者

柳井 政和(ヤナイ マサカズ)

クロノス・クラウン合同会社 代表社員http://crocro.com/オンラインソフトを多数公開。プログラムを書いたり、ゲームを作ったり、記事を執筆したり、マンガを描いたり、小説を書いたりしています。「めもりーくりーなー」でオンラインソフト大賞に入賞。最近は、小説家デビューして小説も書いています(『裏切りのプログラム』他)。面白いことなら何でもOKのさすらいの企画屋です。 

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/9251 2016/05/24 19:39

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング