Join GitHub today
GitHub is home to over 36 million developers working together to host and review code, manage projects, and build software together.Sign up
Gmail messes up animated GIF compression #60
I've seen several reports this week that Gmail messes up animated GIF compression. Consider the following code with an animated GIF (thanks to Thomas D. on Slack for providing a similar example) :
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Jeff.gif</title> </head> <body> <img src="https://i.imgur.com/46uC2Ny.gif" alt="" /> </body> </html>
Here's how Gmail transforms it:
<img src="https://ci4.googleusercontent.com/proxy/6dDrR2aRe8Pwb86S4hahsncaTiiSe9xKIxB1JDXPpuXYahR2jHDfKuEYCd4LLL6bi78=s0-d-e1-ft#https://i.imgur.com/46uC2Ny.gif" alt="" class="CToWUd a6T" tabindex="0">
The resulting image is cropping visuals around what seems to be based on the text from some of the frames of the animation. Looking at the file in Photoshop, it looks like the compression is using some kind of Coalesce algorithm to stack the frames. (Read more about GIF compression here.)
A solution shared by Caleb M. on the #emailgeeks Slack is to duplicate all frames (and make them half long). So if you have four frames
We found an other solution which seams to work (for now) with our email marketing solution (cheetah digital):
It's far from being a 'good' solution, but it does the job for us until google find a fix.
We have open a ticket on the google support here (in french).
@hteumeuleu, with your solution, how do you deal with animation (when there are a lot of short frames) ?