Resizing animated gif - very pixelated

ThomasD

October 18, 2017 14:57

Hi,

I have created an animated gif using Gifox and uploaded it to cloudinary.

This is the original image:

 

The original image can be seen here:  http://res.cloudinary.com/deeclwnhd/image/upload/v1508337233/emails/2017-10-18_16.17.36.gif 

 

 

When I then try to scale the image to width 640px, the image becomes blurry:

http://res.cloudinary.com/deeclwnhd/image/upload/c_scale, w_640/v1508337233/emails/2017-10-18_16.17.36.gif 

 

When looking at the preview in cloudinary the resolution is still good:

See screenshot at https://screencast.com/t/TbVoMg7s6 

 

I can see that the preview image is scaled using CSS instead of using cloudinary's only scaling/manipulation. How can I achieve the same quality using cloudinary's scaling/manipulation instead of using CSS to scale the image when using it in my solution?

 

thanks,

Thomas

0

• 

  Ido

  October 19, 2017 10:36

  Hi Thomas,

  This might happen with certain gifs depending on their encoding.

  You could try and use the "sharpen" effect to have the image looking crisper. In addition, using "f_auto" will also optimize the image to the viewing browser. For example:

  http://res.cloudinary.com/deeclwnhd/image/upload/c_scale,w_640,e_sharpen:2000,f_auto/v1508337233/emails/2017-10-18_16.17.36.gif

  Hope this helps.

  0

Post is closed for comments.