Should you use JPEG, GIF, Tiff or PNG in your website?
This has been asked quite a few times...
If you're just posting pictures that are graphic intensive, .jpg's are the way to go. They have the best compression and look good while keeping the file size down.
.gif's work well too, but are better for making things like buttons and other graphics that you might want a transparent background on. .Gif's are also good if you have a file that doesn't have many colors.
.png's are good if you want a graphic that is very 'filtered', or color intensive with a transparent background.
The problem with a .png over a .gif is that the file size will be much larger, so you should use then sparingly.
If I have a graphic that I made in photoshop that has things like a drop shadow or other blended options, but also needs a transparent background, .png is the way to go. Sometimes I can get away with a .gif, but the edges are never what you want them to be.
.png is not always a bigger file than .gif. A .png is like a .jpg in that it supports the full spectrum of color. But it's like a .gif in that it supports transparency. .png also supports alpha transparency to you can have semi-opaque images. However, IE doesn't support alpha transparency.
As far as .tiff's go... I've never used on on a web site since there's no need for them. .tiff is not a Web format, neither is .bmp. Both of those should not be used on a Web site. Browsers are not made to display them. And thier file size is far too big.
|