GIF images consists of many frames, so size of GIF image is more as compared to normal image. Its not recommended to load GIF images first and its better to maintain one normal preview image for every GIF image. You can use first frame of GIF image as preview image. Click here to see my on-line tool for generating first frame of GIF image

How Facebook Handles GIF images

Facebook is not loading GIF images directly. Its converting user uploaded GIF images into simple video format. Find below inspected source code
Here We are not following facebook way of dealing GIF images. We are just loading GIF images
on user's interest


I have created this plugin, you can find it on github. Lets see how to use this plugin

Add jQuery

<script src=""></script>

Add CSS and JS of jqGifPreview

<link rel="stylesheet" href="jqGifPreview/jqGifPreview.css" />
<script src="jqGifPreview/jqGifPreview.js"></script>

HTML markup

data-gif : gif image path
src : gif preview image path
<img class="myImg" src="sample_first_frame.png" data-gif="sample_giphy.gif" />

JS Code

$(function() {


  1. I must admit that your post is really interesting. I have spent a lot of my spare time reading your content. Thank you a lot! facebook video downloader

  2. You ought to work at receiving enjoys for the fast, free facebook experiences as well as the articles while the mere taste of this facebook webpage doesn't guarantee that most your items will reach all those who enjoyed your webpage

  3. Facebook like gir preview using jquery is the developed idea which is presented in this blog. This is a good blog and ideal as well for the work. I am sure about the quality of this blog.

  4. your article is very good and very helpful. every one can use and know that how Creating Custom Animations for Use in Tableau. if you want to gif covert to image than check it you can easily understand that how to Use GIF Converter to Get Images for Marketing

  5. I really like this blog article is very inspired, I thank you for this information. hopefully continue to be the best greetings pkv games

  6. This article really joss good insight and can be trusted by id pro pkv games :)

  7. thanks for the information you provided situs pkv games is very helpful for me

  8. Thank you for providing useful content for me. this really helped me and increased my knowledge ID PRO PKV GAMES



Follow this blog by Email

Popular Posts