From the course: Creating Optimized Web Graphics (2016)
Unlock this course with a free trial
Join today to access over 22,600 courses taught by industry experts.
Understanding image compression
From the course: Creating Optimized Web Graphics (2016)
Understanding image compression
- [Voiceover] In order to pick the right file format like GIF or JPEG, you kind of need to understand what compression means. Understanding image compression doesn't mean we're going to go in to look at algorithms and figure out the math and all that stuff. It's a little bit higher level than that and that's what I want to get into here. First, why do we care so much about this thing called compression? Images can account for most of the bandwidth used on a web page, the file size. If you choose the correct graphic format and you optimize your images, your pages can load a lot faster and you'll also see performance improvements for your website. So there, that's at least a big reason why we need to care. We also need to consider mobile. The networks people are using on mobile devices to access the internet may not be the fastest. We also have to consider retina simply because there's a bit of a misconception out there that a retina image is probably going to be about twice the file…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
(Locked)
Understanding web graphic types5m 11s
-
(Locked)
Understanding image compression4m 48s
-
Picking the right web image format1m 44s
-
(Locked)
Vector versus raster images2m 24s
-
(Locked)
Optimizing raster images46s
-
(Locked)
Using the right image size (aka dimensions)2m 22s
-
(Locked)
Options for JPEG optimization6m 19s
-
(Locked)
Options for PNG and GIF optimization5m 30s
-
(Locked)
Understanding SVG export options3m 53s
-
(Locked)
Optimizing Retina images further3m 26s
-
(Locked)
Optimizing images further3m 45s
-
(Locked)
-