Design the Web: Creating Smaller Graphics with PNG-8
20mBeginner2014-04-01
Authors

Chris Converse
Applies design and UX principles to technology
Course details
PNG-24 files provide great quality with the added benefit of 8-bit transparency; however, this particular file format can be rather large. And larger files sizes mean longer loading times for your users. The good news is you can create varying transparent PNG-8 files—files that are between 60% and 80% smaller than PNG-24 files—with a new crop of Windows, Mac, and web-based tools. Chris Converse shows you how in this short, insightful course on creating compressed PNGs that display beautifully on a variety of websites, especially those targeting mobile devices.
Skills covered
Web GraphicsWeb DesignPhotoshopLimited SeriesAdobe
Concepts
0. Introduction
- 01 - Preview the final project
- 02 - About the exercise files
- 03 - Why are we doing this
- 04 - Software you'll need to follow along
1. Creating Varying Transparent PNG-8 Files
- 05 - PNG-8 with Adobe Generator and Fireworks
- 06 - PNG-8 with ImageAlpha for Mac
- 07 - PNG-8 with PNGoo for Windows
- 08 - PNG-8 with a website
- 09 - Conclusion