Vector images also carry color information, but they are not static images where each design shape is tied to a pixel. Vectorial images Linhas e curvas de uma imagem vetorial The higher the DPI, the sharper the image, and vice-versa. The original design and pixels will only stretch to fill the extra space, resulting in a blurry, pixelated, or distorted image.Ī metric called DPI (Dots Per Inch) measures the number of pixels per inch to calculate the quality and resolution of a Raster image. The downside of a raster image? They offer a fixed, static resolution, so there’s a loss in image quality if you try to resize it.

Raster or Bitmap images are composed of pixels in a grid, where every pixel holds a defined color. This group is the most common type of image we find on the web, such as:

Enjoy your reading! Types of Imageīefore we go into the details of each image file format let’s go through the two main categories of images: So how can we build digital products while making the most of this element to fit our goals? This article explains the different image file formats and when to use them. If you choose the wrong format for your purpose, it can slow down your website, cause unwanted errors, or provide a bad user experience. And different image file formats are spread all over the internet, on our screen devices, and on the products we buy.Įach image file format will serve you in a particular way, so you should choose them according to your strategy.

File formats for pictures onwebsites