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
Web WorldWhat is the Internet?Understanding How the Internet WorksHow a Website WorksFrontend vs Backend DevelopmentPath to Success
2. Tags and Attributes
Unveiling the Potential of HTML Tags and AttributesTagsAttributesPaired and Single TagsText MarkupChallenge 1: Text MarkupChallenge 2: Text MarkupChallenge 3: Text MarkupSpecial Purpose Text MarkupChallenge: Special Purpose Text MarkupValidation
3. Document Structure
Secrets of Structural Web PagesStructureDocument HeadDocument FlowChallenge: Document StructureDeveloper Tools
4. Media and Tables
Magic of Rich Media and Dynamic TablesImagesChallenge: ImagesSpecial Purpose ImagesGraphic FormatsAudio and Video EmbeddingChallenge: Audio and VideoTablesChallenge: Tables
5. Forms
Power of Forms: Interact and EngageForm Creation Basis Label for Input ElementInput AttributesInput TypesChallenge: Input and LabelTextarea ElementSelect ElementDatalist ElementGrouping Form Elements

bookGraphic 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

copy

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

copy

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?

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?

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?

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

Select the correct answer

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 4. Chapter 5
some-alt