Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
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.
Hi, I'm Chris Converse. And in this course, we're going to take at some free and commercial software tools that will allow you to compress your PNG files to as little as 80% of the original file size, all while preserving the varying transparency. Now while PNG 32 and PNG 24 files look great on your site, they tend to be rather large in file size. PNG eight files are significantly smaller and can often be substituted for the other formats. I'll demonstrate how you can use commercial applications, free applications for both Macintosh and Windows. And even a web based application to achieve creating a PNG eight file with varying transparency.
These techniques will significantly improve the user experience of your sites, especially sites targeting mobile devices. Now, these exercise files are available to all subscribers of the Lynda.com Online Training Library. So download the files, and let's get started.
There are currently no FAQs about Design the Web: Working with PNG-8.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.