From the course: Creating Optimized Graphics for the Web

Unlock the full course today

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

Optimizing PNGs

Optimizing PNGs - Photoshop Tutorial

From the course: Creating Optimized Graphics for the Web

Start my 1-month free trial Buy for my team

Optimizing PNGs

“

- Okay, so now let's do an optimized PNG. And PNG files are probably the easiest of what we've done so far. Well, JPEG is also very simple. The beauty of PNG, as I said in previous videos is that it maintains a lot of the quality as you resize. So, whenever in doubt, whenever you want to have a beautiful image as a banner on your website, I would select PNG over JPEG. And then JPEG, you can use it for smaller areas of your website 'cause obviously the size of a JPEG is smaller than PNG because PNG has other elements like alpha information that is retained and it could be animated too. So let's go and select a PNG from our exercise files. This one here and as you can see there's already transparency and I wanted to select something that had the possibility of having some transparency. And I'm going to show you why. Because if you have this area on the website that you want to have messages, it's one of…

Contents