What are bitmap and vector graphics, and how are they different? (2024)

This content has been archived, and is no longer maintained by Indiana University. Information here may no longer be accurate, and links may no longer be available or reliable.

A bitmap (also called "raster") graphic is created from rows ofdifferent colored pixels that together form an image. In theirsimplest form, bitmaps have only two colors, with each pixel beingeither black or white. With increasing complexity, an image caninclude more colors; photograph-quality images may havemillions. Examples of bitmap graphic formats include GIF,JPEG, PNG, TIFF, XBM, BMP,and PCX as well as bitmap (i.e., screen) fonts. The image displayedon a computer monitor is also a bitmap, as are the outputs ofprinters, scanners, and similar devices. They are created using paintprograms like Adobe Photoshop.

Vector (also known as "object-oriented") graphics are constructedusing mathematical formulas describing shapes, colors, and placement.Rather than a grid of pixels, a vector graphic consists of shapes,curves, lines, and text which together make a picture. While a bitmapimage contains information about the color of each pixel, a vectorgraphic contains instructions about where to place each of thecomponents. It is even possible to embed a bitmap graphic within avector graphic, which is how vector-bitmap hybrid graphics work. Itis not possible, however, to embed vector information within a bitmap.Examples of vector graphic formats are PICT, EPS, and WMF as well asPostScript and TrueType fonts. These are created with GISand CAD applications as well as drawing programs like FreeHand.

SVG, or Scalable Vector Graphics, is a language for describing vectorgraphics in XML. With SVG, you can code graphics directlyinto an XML document. For more information about SVG, see:

 http://www.wdvl.com/Authoring/Languages/XML/SVG/

As described below, bitmap and vector graphics both have theirstrengths and weaknesses:

  • In general, a bitmap graphic is much larger than a similar vectorgraphic.
  • Bitmap graphics are affected by resolution. If you enlarge abitmap graphic, it will look jagged. When shrunk, its features becomeindistinct and fuzzy. This does not happen with vector graphics astheir shapes are redrawn to compensate for changes in resolution.
  • Altering vector graphics is easy because the shapes within themcan be ungrouped and edited individually. However, vector graphicsare difficult to modify or even display when they are not opened inprograms that understand their rendering languages. For example,while many Mac OS drawing programs easily display and edit PICTfiles, few are able to do anything at all with WMF files. Most paintapplications, however, are capable of opening many different kinds ofbitmap graphic formats.
  • You can easily convert one kind of bitmap file into another.You can also convert a vector graphic into a bitmap.However, it is very difficult to convert abitmap graphic into a true vector graphic. It is even difficult toconvert one kind of vector graphic into another (e.g., PICT to WMF).
  • Vector graphics are not appropriate for complex images (e.g.,digitized photographs).

This is document afmr in the Knowledge Base.
Last modified on 2023-09-22 16:58:56.

What are bitmap and vector graphics, and how are they different? (2024)

FAQs

What are bitmap and vector graphics, and how are they different? ›

The difference between the two image types is that while bitmap images are made up of pixels, vector files are made up of lines described by equations. This means that as you zoom in on a bitmap image it will become “grainy” while a vector file will stay smooth and sharp.

What is the difference between bitmap graphics and vector graphics? ›

While a bitmap image contains information about the color of each pixel, a vector graphic contains instructions about where to place each of the components. It is even possible to embed a bitmap graphic within a vector graphic, which is how vector-bitmap hybrid graphics work.

What is a bitmap in graphics? ›

A bitmap is an array of bits that specify the color of each pixel in a rectangular array of pixels. The number of bits devoted to an individual pixel determines the number of colors that can be assigned to that pixel.

What is the difference between vector and graphics? ›

Unlike raster graphics, which are comprised of colored pixels arranged to display an image, vector graphics are made up of paths, each with a mathematical formula (vector) that tells the path how it is shaped and what color it is bordered with or filled by.

What is the difference between bitmap and vector scratch? ›

Bitmap images stores color information of the individual pixels, so they usually have varied color palettes. On the other hand, vector images store mathematical formulas or information about different lines and curves, so they have simpler color palettes.

What are vectors graphics used for? ›

Vector graphics allow creatives to build high-quality works of art, with clean lines and shapes that can be scaled to any size. Explore how this file format can offer creative opportunities for projects of every size.

What are the two types of graphics? ›

There are two types of computer graphics: raster graphics, where each pixel is separately defined (as in a digital photograph), and vector graphics, where mathematical formulas are used to draw lines and shapes, which are then interpreted at the viewer's end to produce the graphic.

What is an example of a vector image? ›

Examples of vector images

Badges and banners. Templates. Icon packs for an assortment of topics (business, food, travel, etc.) Infographics.

How do you know if a graphic is vector? ›

An easy way to tell if an image is raster or vector is to increase its size. If the image becomes blurred or pixelated, it's most likely a raster file. With vector image files, resolution is not an issue.

What are vector graphics not so good for? ›

Not suitable for photos.

Vector format is more useful for creating illustrations because it doesn't allow you to work with individual pixels in a photo.

What is the difference between bitmap and vector engraving? ›

In general, BMP is usually used to engrave photos and vector can be for both engraving and cutting jobs. What is a BMP images? BMP images consist of a grid of pixels, making them suitable for depicting photographs, patterns, and intricate gradients. In laser processing, bmp images are mainly employed for engraving.

Is Photoshop a bitmap or vector? ›

Adobe Photoshop is a raster-based program, meaning it uses pixels to create detailed images. One of the primary uses of Photoshop is digital photos, which are usually raster files. But, you can open and edit vector files in Photoshop — either as a smart object or rasterized file.

What does vectorize bitmap mean? ›

Vectorizing an image is commonly known as vector tracing. Vector tracing requires software tools to convert elements of a pixel-based raster image into a series of mathematically plotted lines and shapes–the data required for a vector file.

What is an advantage to vector graphics over bitmap graphics? ›

Vector Images are completely resizable without loss of quality, because they are resolution independent. Raster images on the other hand are resolution dependent and cannot be sized up or down extensively without degrading the picture quality.

What is the difference between bitmap and frame? ›

A frame is an image within the bitmap. Multi-frame bitmaps thus contain several images. At the runtime the frames can be selected or the entire set of frames can be animated similarly to a video sequence. A bitmap consists of at least one frame.

Is JPEG a bitmap or vector? ›

The three most popular image formats used on the Web (PNG, JPEG, and GIF) are bitmap formats. The Scalable Vector Graphics (SVG) format comes in a distant fourth due to a legacy of poor support for vector graphics in early browsers. Today however, all major browsers support the SVG (Scalable Vector Graphics) format.

Top Articles
Latest Posts
Article information

Author: Lidia Grady

Last Updated:

Views: 5687

Rating: 4.4 / 5 (65 voted)

Reviews: 80% of readers found this page helpful

Author information

Name: Lidia Grady

Birthday: 1992-01-22

Address: Suite 493 356 Dale Fall, New Wanda, RI 52485

Phone: +29914464387516

Job: Customer Engineer

Hobby: Cryptography, Writing, Dowsing, Stand-up comedy, Calligraphy, Web surfing, Ghost hunting

Introduction: My name is Lidia Grady, I am a thankful, fine, glamorous, lucky, lively, pleasant, shiny person who loves writing and wants to share my knowledge and understanding with you.