• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Photoshop CC Animated GIF pixelated by Instagram

New Here ,
Dec 16, 2017 Dec 16, 2017

Copy link to clipboard

Copied

Hello, I've tried an endless combination of Photoshop export settings for my animated gif and no matter what, when I upload the video to Instagram it looks terrible. I've never really encountered this before with other gifs on non-CC versions of Photoshop. I've tried saving for web and then using GiphyCam app to make the movie file (also ruins it), and I've tried 'render video' from Photoshop. It looks fine on my phone but then Instagram makes it all fuzzy. The canvas is the standard 1080x1080 instagram size. Do I need to rasterize all my layers first?

Any hints at how to best export from Photoshop CC so that the Instagram video is the same quality? Thanks!

Views

8.1K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe
Community Expert ,
Dec 16, 2017 Dec 16, 2017

Copy link to clipboard

Copied

Please, try a resolution of 1080 x 1080 @72 sRGB

Then Experiment with different quality settings between 75 & 100 as Instagram will apply standard compression.

In alternative there is a lightroom plugin to export directly to Instagram:

Instagram Plug in

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 17, 2017 Dec 17, 2017

Copy link to clipboard

Copied

Specifically for video problem, ive found this suggestion:

"It is happening because Instagram has it's own converter and it makes your video's smaller in size, so that it will save bandwidth and load faster.

Try optimizing your video before you upload it to Instagram. i.e: Export in .MP4 using h.264, at a bit-rate that will make your file size be less than 15MB. This is what i use most of the time and it works for me. Try playing with you export settings and see what works best.

But for most online videos .MP4 with h.264 encoding works best."

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jan 10, 2018 Jan 10, 2018

Copy link to clipboard

Copied

LATEST

Hi there, thanks for the reply. My settings were already at what you suggested and I had previously tried exporting as video but I tried again and the text still seems fuzzy, unless I'm imagining it. You can view it here: Instagram

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 17, 2017 Dec 17, 2017

Copy link to clipboard

Copied

How many frames does the animation have, and what is the file size after exporting?

I'm thinking the pixel size you mention is on the high size, and likely to lead to large file sizes begging to be compressed.   With 30 frames, I try to keep the pixel size below 600 pixels on the long side.  Depending on how complex the images are, and the number of colours you need to maintain, this will still lead to file sizes above 1Mb, and this is just one component of the web page your GIF will be displayed on. 

If you need to keep all 256 colours, a 1080 x 1080 pixel animation with a bunch of frames can easily be >3Mb.  If you can control the file size before uploading to Instagram, then you might keep it under whatever size triggers their compression algorithm, which by the sound of it, is not kind to your artwork.

How about uploading the animation, as exported from Photoshop, to this thread?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines