How to Convert HTML file TO GIF

Question

I am creating wait Cursor using CSS and google Js file.

Now I want convert That HTML file into GIF file...

Because I am using other JS file in my project so some page is conflict with google js file.

This is the link of my HTML page which I want to convert. https://docs.google.com/file/d/0B_r9LchWcj7zMnQtdnRUaC1DUjA/edit

Solution 1

One way to do this is with a screen capture software. Create a video of the loader, then clip it to one cycle. Then, if you have a Mac, download the Gifrocket app, which converts the video to a gif. I had a rough go at it, and this was the result:

Solution 2

I was looking for something similar when I needed to convert a piece of Rich Media Ad to GIF. I used this very useful and free program called ScreenToGif. Here's the link for it:

http://www.screentogif.com

Solution 3

I suggest you to do the below .. Its a bit weird, but I assume that will work for you.

Do the below steps.

1. Download and install a screen capture software, for instance, Snagit.
2. Run your HTML along and enable the Video screen capture/ image sequence screen capture.
3. Open Photoshop, import the video/image sequence of the HTML that you have video captured which is having the wait cursor effect for which you need the GIF.
4. Save for web/export to the gif format.

This is how you can get what you are looking for, as HTML to GIF converter sounds impractical to achieve what you want.

Hope this helps.

Comments

[Chintan]

Really it is most useful to me...:)