Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Graphic Formats

Graphic FormatsGraphic Formats

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

content

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, EPS, and AI. Let's run the following example and make sure that there isn't a difference in the image quality, taking in account that the size is different

html

index.html

css

index.css

js

index.js

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.

html

index.html

css

index.css

js

index.js

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.

1. What type of graphic format is best suited for logos and illustrations that need to be scaled up or down without losing quality?
2. What type of graphic format is best suited for photographs and designs that require a high level of detail?
3. Can raster graphics be scaled up or down without losing quality?

question-icon

What type of graphic format is best suited for logos and illustrations that need to be scaled up or down without losing quality?

Select the correct answer

question-icon

What type of graphic format is best suited for photographs and designs that require a high level of detail?

Select the correct answer

question-icon

Can raster graphics be scaled up or down without losing quality?

Select the correct answer

Everything was clear?

Section 4. Chapter 5
some-alt