From the course: Learning Responsive Media

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Raster images vs. other file types

Raster images vs. other file types

From the course: Learning Responsive Media

Start my 1-month free trial

Raster images vs. other file types

With Web design, there's several image formats and each format has their own pros and cons, in terms of which types of images are best suited for different uses. Common image formats supported by browsers include GIF, JPEG, PNG, and SVG. The GIF format is an 8 bit format that supports up to 256 colors. That's not a lot of colors for a photo realistic image. It's more suited for images with limited color palettes. It's great for images with flat areas or large ares of the same color due to its limited color palette. It has a lossless compression scheme, which means we can save to the file over and over again without losing any image integrity. The GIF also handles one pixel level of transparency, meaning one color can be assigned to be transparent, which is good for a block or rectangular areas of transparency but not great for matting or subtle effects and GIFs can also be animated. Developed as sort of a better replacement for GIF, the PNG format comes in two varieties: PNG-8 and…

Contents