…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 PNG-24.…The PNG-8 is most like the GIF and the 8 in PNG-8 means 8 bit…

Resume Transcript Auto-Scroll

Author

Released

6/26/2014

Why restrict yourself to inline images and static text, especially in our multidevice, multiplatform era? Responsive media allows you to share more content with more people. Learn what you need to know to build image- and typography-rich pages (with HTML5 video!) that display correctly on a wide variety of devices. Christopher Schmitt will also show you how to convert fixed-width layouts into fluid grid layouts that adapt to different screen sizes, use media queries to deliver custom design experiences, and prepare and retrieve PNG, JPEG, and SVG images so that they look their best.