Graphic Formats

There are two primary types of graphic formats used in digital media: vector graphics and raster graphics.

Vector graphics

Vector graphics are created using mathematical equations based on lines and shapes rather than pixels. This means that vector graphics can be scaled up or down in size without losing quality, as they are resolution-independent. Standard vector graphic file formats include SVG. Let's run the following example and make sure that there isn't a difference in the image quality, considering that the size is different.

Raster graphics

Raster graphics, on the other hand, are created using pixels and are resolution-dependent. This means that when a raster graphic is scaled up in size, the pixels become more visible, resulting in a loss of quality. Common raster graphic file formats include JPEG, PNG, and GIF. Let's run the following example. We see that with increasing width, pixels view is getting more mentioned and the image quality is decreasing.

To summarize, vector graphics are typically used for logos, illustrations, and other designs requiring scalability. In contrast, raster graphics are used for photographs and other designs that require a high level of detail. However, both types of graphics have their strengths and weaknesses.