Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Graphic Formats | Media and Tables
Ultimate HTML
course content

Course Content

Ultimate HTML

Ultimate HTML

1. Web Development
2. Tags and Attributes
3. Document Structure
4. Media and Tables
5. Forms

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, 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

css

index

js

index

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

css

index

js

index

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?

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

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

Select the correct answer

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

Select the correct answer

Everything was clear?

Section 4. Chapter 5
We're sorry to hear that something went wrong. What happened?
some-alt