This video episode discusses choosing the right image format for web use and solving problems with PNGs. Specifically, it addresses the large file sizes of PNGs and lack of support in Internet Explorer 6. Tips provided to reduce PNG file sizes include using the posterize function in Photoshop and PNG crunching software. A JavaScript solution is suggested to add transparency support to IE6. Other image optimization tools and formats like Fireworks are also mentioned.

1. Episode 2
This video episode can be seen at:
http://www.mediasurgery.co.uk/video-episodes/overview-of-the-3-image-formats-on-the-web-and-solving-the-problems-of-png
2

2. ● Its all about choosing the right tool for the job
● Luckily there are few tools to choose from
2 1/10

3. 2 2/10

4. 2 3/10

5. 2 4/10

6. Two main problems with PNG's on the web
● Large file sizes
● Internet Explorer ( IE ) 6 has no support
1 5/10

7. 2 tips to reduce size of PNGS
1.) Use the posterize function within Photoshop
2.) Use png cruching software such as PNGenie
2 5/10

8. Original 41k
After Posterized 33k
PNGenie 29k
= 30% reduction
2 7/10

9. Making IE6 comply to Full PNG transparency
First question is do I need to support IE6?
Average stats say usage is roughly 25% so that answer is generally yes
If so then use a javascript solutions such as DD belated by Diller Design
2 8/10

10. Other methods and tools available
● Adobe Fireworks rather than Photoshop
● Many other PNG crunching software
2 9/10

11. The Fixes and Tips
● 3. Crucial?
Go through every bit of text and element and think is this really crucial?
● 4. Points system
Start a points total of 20.
Give a value to every element or independent section of the page a value adding up to a total of 20.
The most important elements have the highest number of points.
This allows you to refine and possibly remove elements and give more emphasis to the
important sections.
The moral here is for everything you remove, it adds more points
and therefore power to the other elements
1 9/10

12. The Fixes and Tips
● 4. Points system ( continued )
10 items
9 items
8 items
7 items
1 9/10

13. Video to be seen at:
http://www.mediasurgery.co.uk/video-episodes/overview-of-the-3-image-formats-on-the-web-and-solving-the-problems-of-png
www.usable-efficiency.com
2 10/10