From the course: Design the Web: Creating Smaller Graphics with PNG-8

Unlock this course with a free trial

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

Conclusion

Conclusion

Now, throughout this course, we took a look at a couple of strategies and techniques for taking PNG-32 and PNG-24 files with varying transparency and converting those to PNG-8 files with varying transparency. In this example here, we can see we went from a 31 kilobyte file down to a 9.46 kilobyte file. That is a significant file size savings for a graphic that's going to look pretty comparable on all the different devices that we tested this on. Now, one of the things that we do in our studio is we create web applications for conferences. This is a case where we have a whole bunch of people at a conference that are sharing wireless connections. This means that all of our graphics have to be as small as possible to deliver a good user experience, but we can't sacrifice the integrity of the design. So, we use these same techniques in our studio to get our graphics to be as small as possible.

Contents