Join Morten Rand-Hendriksen for an in-depth discussion in this video Image format options, part of Developing for Performance: HTTP/2.
- [Narrator] Thanks to the advancement of web technologies,…we now have a good selection of image formats to choose from…and there are more formats on the horizon.…When selecting a graphic or image…to be displayed on your site,…picking the right format can have…a significant impact on performance.…As of right now there are four formats…that will work across most browsers…and have proper fallbacks for…those browsers that lack support.…They are GIF, JPEG, PNG, and SVG.…Each of these formats have benefits and drawbacks,…and each have their ideal uses.…
Let's take a look.…GIF is a bitmap format that creates low resolution images…with a very small file size.…In the past they were used to create icons,…but now a days you mostly see them…in popular animated GIF memes.…To be honest, I thought GIFs would…fall by the way side a long time ago,…but the animated memes have…brought them back with a vengeance.…When should you use GIFs?…In my opinion, never.…They're crusty, they're poor quality,…and we have a better option in SVG.…
- What is website optimization?
- Understanding how browsers render content
- Measuring performance
- Optimizing images
- Optimizing code
- Compressing data with GZIP
- Optimizing file caching
- Leveraging CDNs
Skill Level Advanced
Designing Websites for Performancewith Brian Wood43m 32s Appropriate for all
1. Web Performance: An Introduction
Plan of attack1m 52s
2. Web Performance Visualized
3. Optimizing Images
4. Markup and Content
5. Optimizing Delivery
6. The End
Thank you2m 31s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.