From the course: HTML Essential Training

Unlock this course with a free trial

Join today to access over 24,700 courses taught by industry experts.

Image formats

Image formats

From the course: HTML Essential Training

Start my 1-month free trial Buy for my team

Image formats

“

- [Instructor] Before we talk about how to add images with HTML, let's take a look at the different image formats used on the web. These formats fall into two categories, raster and vector images. Raster image files are made up of pixels, which are basically tiny squares. Each pixel has its own color, and together they form the image. The more pixels an image has, the higher its quality and detail. Digital photographs are usually raster files and are commonly used for editing photos and graphics. Vector images use mathematical equations to define lines, curves, and shapes instead of pixels. Because of this, they can be scaled up or down without losing quality. Vector files work best for digital illustrations, complex graphics, and logos, but they're not suitable for photographs. All web image formats will be discussing in this video are raster types, except SVG, which is a vector type. Digital image files are always square or rectangular in shape. To create the illusion of other…

Contents