Archive

Posts Tagged ‘PNG’

Improving PNG Image Compression with ‘PNGCrusher’

April 3rd, 2009 ben No comments

As I’ve mentioned previously I am an advocate of PNG images (Portable Network Graphics). It supports 24bit colour and greyscale, but even more importantly, its lossless and supports 8bit transparency. I often use this transparency feature to create logos or banners (See wikipedia for more details).

However one thing I noticed was that they can be considerably larger than GIF or JPG images… significantly larger; but this canĀ  be easily rectified. I run OS X, so I don’t have an opinion on any windows apps, but

PNG Crusher

is brilliant at taking PNGs and recompressing them. All you do is drop and drag your file and PNG performs its magic. For example:

40Kb before compression

28Kb after compression

This was quite a complex image, on something as simple as a logo I’ve seen a reduction in size 9x times over (8Kb from 72Kb). This dramatic decrease in size will help my site to load faster, reduce the bandwidth required by myself and the user. Efficient!

Get the Flash Player to see this content.

Categories: Tools, images Tags: , , ,

FAV Icons… the finishing touch to any website.

March 12th, 2009 ben No comments

Often the forgotten final element to a website, the favicon is the ‘je suis je reste’ (to quote del boy). It allows a mini icon to be displayed on your bookmarks and in the corner of most popular browsers tabs..

To maximise compatibility it needs to be 16×16 pixels, and either a Jpeg, gif or png (I prefer the later).

<link rel='icon' type='image/png' href='./Images/favicon.png' />

Place the above code (with the correct path) in between your <head> tag for favicon goodness :)

Categories: HTML Tags: , , , ,