Display the first frame of gif image inside a web page

Question

I have a web page that displays .gif images, I want to display only the first frame of the .gif (without animation) and I don't have a still version of it.

Is this possible?

UPDATE :

I want to make this on the client side. I don't have access to server (i.e) the server gives me .gif images and I want to display the first frame on my web page. Maybe there is a solution using javascript or css.

If not, you could use this technique: http://stackoverflow.com/questions/3062229/animated-gif-in-html5-canvas (i.e., you have quite the opposite problem as the OP there) — Boldewyn, Nov 07 '11 at 14:09
Don't tag it "PHP" if you can't work on server side. I retagged it. — Pekka, Nov 07 '11 at 14:12

score 2 · Accepted Answer · answered Nov 07 '11 at 14:11

You may be able to use a JavaScript canvas as pointed out by Boldewyn in comments.

If that doesn't work out, I think you will have to do it server side. One tool that can do this is ImageMagick. However, that needs to be present on your server and PHP needs to be able to access it.

Command line usage:

convert 'image.gif[0]' singleframe.gif

I'm sure PHP's ImageMagick extension can do this as well.

Display the first frame of gif image inside a web page

1 Answers1