I have a (simple) animation gif file (produced using gimp) and a static jpeg picture. I would like to put the animation gif file into the jpeg picture. How can I achieve that without losing the quality of the underlying jpeg picture (converting it to gif does not seem to be an option) ?

  • Can you clarify what you mean by "put the animation gif file into the jpeg picture"? Commented Jan 14, 2016 at 3:36

2 Answers 2


Put it where? On an html document? Just float them one above the other.

  • Depending on the colors and if you have set a transparency this can work.

  • If you need the animation to blend perfectly you need to re-export the animation with the background included, and use other method than gif. CSS sprite animation or a video.

  • Or make a png css sprite animation with transparency and put that over the jpg floating it or using double background with css.


If you simply want to overlay a GIF on a JPEG, you can use SVG with two <image> tags. It can then be treated as a single image anywhere SVGs are supported.

Here's an example of an SVG with a JPEG and a GIF in it, although it's probably not much like what you specifically want: http://codepen.io/anon/pen/pgvxgp?editors=100

  • And how is that done? Showing only an example is not very helpful ... Please explain with your own words!
    – Mensch
    Commented Dec 14, 2015 at 23:07

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.