Thread: Image file extensions

Which are the image file extensions that can be used in websites ?
I know 3 of them .jpg/jpeg , .gif, .png . Is there any other file formats ?

I sell photo gallery for vBulletin, vBPicGallery, it's PHP based as is vBulletin, and uses the GD PHP libs to handle images. I support jpg, gif and png.

The GD libs support...

GIF, JPG, PNG, SWF, SWC, PSD, TIFF, BMP, IFF, JP2, JPX, JB2, JPC, XBM, or WBMP image files when checking image size. There may be more.

http://us3.php.net/manual/en/function.gd-info.php

Is it possible to show PSD and TIFF files in our html pages?

I don't know to be honest. But I would say that to do so, the browser would need to support display or support an embedded helper app. I'm leaning toward no, you'd have to link to them for download.

As far as I know, you cannot display a PSD in a webpage and shouldn't want to, the file size would normally be huge and not worth the wait (say bye bye visitors). As for a tiff file, it's too big as well, convert it to jpg or gif.

Originally Posted by Kalina

As far as I know, you cannot display a PSD in a webpage and shouldn't want to, the file size would normally be huge and not worth the wait (say bye bye visitors). As for a tiff file, it's too big as well, convert it to jpg or gif.

Colleen, we are talking about GD PHP libs , not the normal case....

Originally Posted by designer007

Colleen, we are talking about GD PHP libs , not the normal case....

No you were not, not in what I replied to. You say html pages, be more clear next time.

Is it possible to show PSD and TIFF files in our html pages?

PSD and TIFF for web pages? :|

Man! May I know the purpose of this question? As far as I know, php GD library doesn't support PSD and there is no browser plugin available for PSD files either.

Some people use high quality PDF files on the web as far as the use is aimed to protect their document.

depends on what your image context is. JPG is commonly used for digital photography...
GIF is/was commonly used for decorative graphics on the site, buttons, etc. However .gif should be replaced with .png as it's an open format, with same features - although I'm not sure if you can do an animated .png, so in that regard .gif would support animations.

ideally, you could render your navigation images dynamically from an xml navigation file - instead of having to re-create the image in Photoshop/Gimp everytime you want to change the text.

Originally Posted by chovy

depends on what your image context is. JPG is commonly used for digital photography...
GIF is/was commonly used for decorative graphics on the site, buttons, etc. However .gif should be replaced with .png as it's an open format, with same features - although I'm not sure if you can do an animated .png, so in that regard .gif would support animations.

ideally, you could render your navigation images dynamically from an xml navigation file - instead of having to re-create the image in Photoshop/Gimp everytime you want to change the text.

It would be wonderful to be able to replace .gifs with png's, however IE has a problem displaying png's correctly, so for the time being, for cross-browser compatibility, we're stuck with gifs

Yeah PNG's don't show transparency in IE. I've never seen nor heard of an animated PNG either, Chovy. I am sure it's not possible.

not entirely true...they don't share the 24-bit transparency, but they do 8-bit (same as gif)....so you just need to do treat the same as you would a transparent gif.

fill background with your bg color -> index the image -> flatten -> select by color your bg -> then clear it, and save (keeping transparency based on background).

at least that's how you do it in Gimp.

http://www.top25web.com/

the logo at the top of this page is a transparent png which works in IE.

What logo is a png on this page?

Originally Posted by Ohiosweetheart

What logo is a png on this page?

Originally Posted by chovy

the logo at the top of this page is a transparent png which works in IE.

I can see it. I swear.

you'll see a slight blue haze around the logo, that's from the background color that was cleared out prior to saving as PNG.

if IE support 24-bit PNG, then you wouldn't even have to do that - there is some dithering, but afaik it's the same as a transparent gif.

what i've been doing lately to avoid the dithering from 24-bit to 8-bit is to simply keep the entire background color intact in the PNG, then you will have 24-bit colors in IE/FF/Opera/Konq, Lynx...well, maybe not Lynx

Originally Posted by Kalina

Yeah PNG's don't show transparency in IE. I've never seen nor heard of an animated PNG either, Chovy. I am sure it's not possible.

check this site


transparent PNGs

The water marks used in my vBulletin photo gallery vBPicGallery are transparent PNGs.

Originally Posted by noppid

The water marks used in my vBulletin photo gallery vBPicGallery are transparent PNGs.

I like your gallery script BTW

Thanks, it's been a long time in the making. In fact, it's still being developed and improved. As soon as I get the meds out of my system from some medical work I had to have yesterday, I'm going the make a few new addtions and get a new updated version out.

Specifically, we're going to make the photo view pages capable of showing the photos from each gallery with previous and next buttons. After posting hundreds of pics myself the past week, it became obvious this was needed. On top of that, there were two requests for it yesterday.

I refuse to use DHTML because it's useless in the SERPs being JS driven.