Understanding vectors and bitmaps

Vectors and bitmaps are two different ways of storing and displaying images.

Images are typically saved in one of two formats: vector or bitmap. Understanding the difference is essential to creating high-quality, professional visuals.

Vector: sharp at any size

A vector image is not made of pixels, but of mathematical equations that define lines and shapes. Think of it as a recipe for a drawing.

The main advantage is that you can scale a vector image infinitely without any loss of quality. The mathematical equation is simply recalculated for the new size, ensuring the image always remains perfectly sharp. This makes vectors ideal for elements that need to be used in various sizes.

When to use a vector

Common vector formats: .ai, .eps, .svg

Understanding vectors and bitmaps

Bitmap: for detail and photography

A bitmap image, also known as a raster image, consists of a fixed grid of coloured dots called pixels. A photograph is the perfect example of this.

The number of pixels is fixed. If you enlarge the image, these pixels will be stretched to fill the new space. This causes the image to lose sharpness and become pixelated or blurry. Bitmaps are therefore resolution-dependent and less flexible in size.

When to use a bitmap?

Common bitmap formats: .jpg, .png, .gif, .tif

Vector vs. bitmap at a glance

 VectorBitmap (Raster)
CompositionMathematical formulas (lines, shapes)Grid of pixels (dots)
ScalabilityInfinitely scalable without quality lossLoses quality when enlarged
Ideal forLogos, icons, illustrations, printPhotos, detailed web images
File sizeUsually smallerOften larger, depending on resolution
File formats.ai, .eps, .svg.jpg, .png, .gif, .tif

Making the right choice

The choice between vector and bitmap depends entirely on the application. Use the following rule of thumb:

By choosing the correct file type, you ensure that the university's visual communication always looks professional and sharp.