How to reduce GIF filesize without losing quality - Adobe Photoshop CC Tutorial

This is how I export small but high quality animated GIFs for my animation portfolio website, or for websites like Tumblr with filesize limits. I talk about reducing the filesize of the GIF by getting rid of unnecessary image frames, using control data to set the frame delay, and the best Adobe Photoshop CC export settings.
--------------------------------------------------------------------------
Get a 30-day free trial of Adobe Photoshop CC
--------------------------------------------------------------------------
🖥 devonkong.com/adobe
-----------------------------------------
Looking for more videos?
-----------------------------------------
Adobe Animate CC Tutorials
🎬 • Adobe Animate CC
---------------------
Social media
---------------------
Instagram
📷 / devonkong
My Website
🧑🏻‍💻 devonkong.com/
Etsy
🛒 www.etsy.com/shop/devonkong/
Discord
💬 / discord
-------------------
Disclaimers
-------------------
Links included in this description might be affiliate links. As an Amazon Associate, I may receive a small commission when you purchase a product with the links I've provided. There is no additional charge to you! Thank you for supporting my channel.
#animation #gif #photoshop

[@user-ir4wf5nf1n]

THANK YOU! This was extremely useful. I was creating an important ad and didn't want to decrease the quality. This technique was a lifesaver.

[@chichicheng4874]

Lifesaving tutorial! Appreciate the detailed explanation of all the settings in the Export window. That helped cleared a lot of things for me! thanks

[@taylorrussell7732]

This blew my mind. One of the most helpful videos I've come across. The website I design for has really crummy file-size restrictions so this will be INCREDIBLY useful. Excellent work!

[@devonkong]

Thanks, glad you found this helpful!

[@ruanpaulo8852]

same!

[@PlanetXtreme]

This tutorial was so good I am going to include it in a tutorial of my own to delve further into GIF compression. Good job!

[@wilczus222]

YOU'RE MY HERO! Previously i couldn't even save my GIF as my laptop was running out of RAM, but thanks to your tips i finally got it! Thank you soooooo much!

[@mtcorder15]

Amazing! Never knew that photoshopping a GIF could be so powerful. Thank you this solves so many problems for me.

[@manisky9026]

EXTREMELY helpful video with a proper demonstration and information about all sections. Well Done!

[@devonkong]

Glad you found it helpful!

[@SisterUnity]

This was super helpful!! Thank you for taking the time to make this for us!!!

[@devonkong]

Glad I could help!

[@HaBeFaStro]

This helped me out so much… I had no idea that scaling down a gif whilst maintaining it’s better quality was SUCH A PROCESS 🤯

[@devonkong]

It's pretty time consuming!

[@HaBeFaStro]

@@devonkong That it is… I drove myself to MADNESS (in both senses {mad crazy and mad frustrated}) trying to get 2 gifs below 95mb… It cost me a whole night of sleep 😭… But I did it (sort of)… And I have you to thank for showing me the possibilities.

[@sunshizzleyou]

Creating professional quality GIFS that are under 200K is literally one of the most difficult things I've had to learn as a professional designer. Ruined my life for the first couple of years.

[@devonkong]

And it continues ruining lives today 😅

[@MrBlake_x]

Jesus, that's totally true. I'm trying to get a gif under 200 KB and it seems impossible to do. It still looking like shit, i really don't know what to do! ;__;

[@sunshizzleyou]

@@MrBlake_x - it’s an art form for sure. Few answers u probably already know: - reduce frames in Photoshop (if you use complex images/photographs, try to only have this take up a few frames) -use few gradients -I make the animations in After Effects, and do the timing in Photoshop. - your initial design you get approved by client you should have all this in mind. -play with settings when you “save-as” as this video mentions. - don’t get frustrated and change careers.

[@777Electric]

Try creating a GIF under 100kb without Photoshop. True hell, especially with 96 frames.

[@clevermissfox]

@@sunshizzleyoucurious why you don’t do the timing in animate? Just less time spent or ?

[@mailtosowmy]

Very useful, have been ages since i saw a useful video as your. keep up the good work

[@jeroenbo751]

Thank you for a very intresting, clear and calmly presented tutorial.

[@bcayer9]

Agree other comments. This is a thorough explanation of the file export options, and it helped me tremendously size down a file. For the competent-but-not-an-expert, this is truly fantastic. TY!

[@ranilspaceworx2904]

I really didn't think of this idea. Your video was very helpful. Thank you.

[@_aiborie]

Dude this was so helpful. Thank you!

[@arodriguez0616]

Thank you for this tutorial. It was so helpful.

[@devonkong]

Glad it helped!

[@user-vx2gv9my7x]

Thank you for this video!! It's absolutely amazing and so helpful!!!!!

[@leelameka]

OMG, this was Brilliant! (and Super Helpful) Thank you, for making it : )

[@rachelb4775]

This is so helpful! Thank you very much!!

[@AlisaShepard]

that did help

[@gaston.]

great tutorial! ...thanks for sharing!

[@mcbain3764]

This was very helpful! Thanks!

[@clevermissfox]

Wow! Thank you, you are truly an expert and very talented!

[@mlungisikunene4787]

Thanks! really helpful

[@SanjeebanMaji-ve9gv]

Thank you! This is really helpful:)

[@bangaddy]

This is the greatest thing ever, thank you man!

[@mfrazeehvacc5012]

Excellent Tutorial!!! Thanks

[@FabienAcet-ft3yn]

This man is a life saver ! For real

[@CreativePolyglot]

Thank you! So helpful!

[@nazkebabs1414]

Brilliant, just what I needed. So glad you said Gif as well and not Jif 😁

[@rinspo8076]

this was very helpful, i hope your channel grows by the day! p.s i shall spread the word

[@devonkong]

Glad I could help, and thanks a lot - I appreciate it!

[@make_the_world_better_place]

Thank you. That's very helpful

[@tjellison8190]

You're awesome. Thank you so much!

[@laboratory009123]

YO this is so cool... Thank you! 💖

[@koganbros.9351]

yo bro that was helpful thank you very much!

[@rafiq917]

Thanks, man it's really awesome.

[@devonkong]

Md. Rafiqul Islam glad it helped!

[@_ayshasht]

thank you so much saved my day !!!

[@anjuupadhyay4775]

Amazing knowledge. Thank you.

[@devonkong]

Glad it was helpful!

[@graphicredesign1492]

Speeding up an animation-to end in half the time-will cut file size in half. This helps with really large GIFs. But of course, you don't have to speed it up that much.

[@gabrielmoro3d]

Thank you so much!

[@arnelj360]

Love this tutorial

[@iansoi4379]

Thank you man!

[@karensowa6854]

thanks, super helpful

[@c.hameleon]

Thank you very much. That helped!

[@devonkong]

Glad it helped! Thanks for watching ✨

[@noorjamal4522]

Thank you so much

[@amorydelamor]

Woah! Remarkable

[@stanhong007]

Great Ideas. Thanks

[@Loksog47]

I'm completely out of sync with graphics softwares. What version of photoshop is this? Thanks for your kind insights regarding gif-s.

[@CaptainItalia12]

You are awesome! Keep it up!

[@devonkong]

Thank you ✨❤️

[@Luraxz]

thanks for the video helped me a lot good job

[@devonkong]

Thanks!

[@kafkastiles]

Great content! Thanks!

[@zakiii38]

thanks a lot !

[@goldieschulman9325]

Thank you, this is a fantastic tutorial! I am wondering why nobody has automated this process. It would compare each frame to the previous and IF they are identical ADD the frame's timing to the previous frame UNTIL they are not identical. Does this exist? [When you choose "Delete duplicate Frames" that does not do you timing trick ( right?) ]

[@devonkong]

Unfortunately I'm not aware of any plugin that does this! Good idea though, it'd be a big timesaver

[@digiratimax]

Much thanks.

[@uditshakya6111]

When i open gifs in ps suppose if it's 15 sec long only 9 sec of gif shows up

[@demjinttv4312]

So I’m streaming on OBS with a capture card and all. I have a GIF for my Apex Overlay that is killing my cpu, easily tanking about 30%. Would this help reduce the CPU usage while recording/streaming?

[@poochyboi]

ive made a turn table animation thats 300 frames rendered at 60fp...there are no hold frames, every frame has a change in location. how would i work around that?

[@cessapangestu3120]

Thanks information

[@dydeesoule9013]

Great information! Thanks!

[@devonkong]

Glad it helped!

[@jers132]

Great tutorial, very clear. Thing is my gif filenin PS shows 178 slides, all the same picture. Though some of the timing is different. Why is this?

[@devonkong]

@@jers132 Hi! I'm not sure what you mean, can you clarify? It sounds like you've got 178 frames that are exactly the same, which means that your GIF is not actually animated. If that is the case, you could get rid of all the frames except 1 and export is as a PNG!

[@Oevae]

Very nice deconstruction of the GIF file... an autopsy of sorts. Well stated and extremely helpful for high-quality animated email marketing.

[@devonkong]

Thanks 🧡 Never thought about it that way, but I like the autopsy analogy! Just out of curiosity, are you using Memoji in your videos?

[@Oevae]

@@devonkong I have not used Memoji.

[@devonkong]

@@Oevae Whatever you're doing, it looks cool 🔥

[@rgbcom]

excellent video

[@aaarkh]

Back in the days we had an application called gif movie gear. And there was a feature there, that whenever ont frame changes the other you can limit only to those pixels that have changed. Which would do a killer filesize reduction in this particular animation, for here its only the eyes of the girl that move.

[@DuaAafi]

Hi, Sir hope you are fine and doing great as usual. Sir i want to compress my gif less than 100kb. Unable to do that. Please help me out. I have tried this method too. But couldn't' get desired file size.

[@dmnun]

What version of PhotoShop did you use for this GIF reduction how-to session? And, your explanation was top notch...no confusing details and all I wanted to know. Thanks.

[@devonkong]

Thanks! I don't remember what version I was using at the time, sorry - probably the newest version at the time

[@lioninguccisuit]

How can i put two gifs in one without having to put frame by fram?

[@sonnyxu4253]

after I embed a Gif to my email, is there a way to link this Gif file to a MP4 file saved on my computer and to have a “Play" button on the Gif? Thx.

[@abstractdesignagency7893]

This calls for some HTML within the email (like those newsletters), and you can only point to something hosted on the web using a hyperlink (since it is an email) and about the play button, it can be achieved by some javascript which will trigger the GIF. Hope it helps!

[@SuicideDog]

i use to add text to video or text to gif, and file size is going up alot. i usually dont care about the text being super high res. i just want it to show in the video. how can i reduce the quality of the text before hand so it wont be so that the reducing i do effects all layers equally.

[@speedyheadshots]

Amazing, thanks for making this

[@inderjeetmaurya472]

If i am using about 12 frames included images in it of design to make a GIF animation and getting 6MB size but i want it reduced to 3MB how to achieve it without losing quality i have tried R&D much to reduce

[@blitzy3244]

I have the same problem of trying to meet just under the file size limit for certain websites. Is there a way to export the gif based on file size limit instead of going through the trail and error of adjusting the pixel ratio every single time? It's so annoying having to wait for the menu to load up and just adjust it until meeting the threshold.

[@devonkong]

Nothing I can think of off the top of my head, sorry!

[@alex-suciu]

thanks

[@KingKrud5]

How do I adjust my gif to 60fps ?

[@wetdreamstravel1865]

Im trying to get the max quality gif for google ads that needs to be 150 KB..... can you help?

[@devonkong]

I don't know what image you're working with, but you'll likely need to reduce either the size, length, number of colours, or quality of your GIF to get it that small

[@PressureGrafix]

Very helpful tutorial but what if I have 300 frames when the gif is placed in photoshop? I have to go through each frame to see which frames are duplicates?

[@devonkong]

That's right! 😆

[@PressureGrafix]

Devon Kong Is there no other productive way to do that?

[@robhindley1769]

That’s great. And I like the fact you pronounce ‘gif’ correctly.

[@devonkong]

Haha glad you approve of it

[@Jeremy_Fisher]

Ummmm.... ACTUALLY it's pronounced with a soft g similar to the peanut butter brand "JIF". Steve Wilhite created the acronym as a joke based off of the peanut butter brand and has said that the correct pronunciation is with a soft g. Congratulations on being wrong.

[@robhindley3228]

@@Jeremy_Fisher Ummmm... ACTUALLY Graphic Interchange Format starts with a hard G sunshine. But keep on trying to mangle the language!

[@surgeonofdeath2202]

@@robhindley3228 g can be pronounced as j gif is actually pronounced jif

[@joelevi8531]

@@robhindley3228 Steve Wilhite, the creator of the format, made it, then chose to call it a soft G jif. Language rules aside, why does everyone go against him? I know people who have similarly spelled names (Conan, Ian) and they choose to have it pronounced in a different way Co-nan, Cah-nan, I-an, E-an, and we just do what they want, not sure why we have to fight Steve on the naming of his 'baby'?

[@TheMajorVegi]

Does not help you for twitter/whatsapp gifs through. If you remove the frames the gif will be just quicker. The timing of frames gets deleted :(

[@courtneybodkin5556]

Haha I love when you say it's disgusting! Very helpful thanks a bunch

[@devonkong]

Disgusting 😆

[@GraciaClara]

When you untick "Transparency", actually the file size shown is getting slightly bigger.

[@nickli608]

honestly GIF is so outdated with its limitations, but unfortunately we just have to use it. I hope Json format would prevail more in the future.

[@devonkong]

While we're at it, I hope HEIC and HEVC become more widely supported

[@GreySwole]

doesnt work PS showed me 4.45 MB after export it was 65 MB

[@casakive]

i have 158+ frames and they are all still when i placed it on photoshop lol :(

[@theunknown3650]

The thing is I have a GIF that’s animated The Whole time (moving every second)and also I’m on mobile ):

[@devonkong]

You might still be able to get away with removing every second frame!

[@gaston.]

You missed a detail... how do you delete them.. ??

[@ashleyd9786]

Hmm don't think this will work for me, with a constant moving background :c

[@devonkong]

That's a tough one. You could still take out every other frame and have the animation on twos, if you really need to make the file smaller

[@waqarpatel3737]

Beans 247 facts

[@Domarius64]

Well of course "web safe" looks bad, you don't need to use "web safe" colours anymore since the 90's after video cards could display more than 256 colours.

[@benjbaird6851]

So basically just reduce the number of frames and it will drastically help file size.... What if there are no duplicate frames? Did I miss something? This seems obvious.

[@devonkong]

Towards the end of the video I go through export settings!

[@user-ul5ss2ru5w]

Well I have 500 frames to go through Wish me luck bois

[@devonkong]

F

[@trex7370]

Your voice 100% identical to Kin Ryan *or ARE YOU HIM*

[@devonkong]

I have no idea who Kin Ryan is 🤔

[@trex7370]

@@devonkong then plz search on KZbin who is kind Ryan Trust me even you'll be shocked how you voice is identical to his

[@devonkong]

@@trex7370 i listened to a couple of his covers, he has a nice voice 😮

[@trex7370]

@@devonkong you have a nice voice too 😁

[@caseyphudson]

The guy who created the gif format AND the NAME, says it is pronounced "jif."

[@endorphinzz]

Unfortunately this didn't help me at all lol...every single one of my 265 frames is different from each other.

[@li0npower224]

I have like 700 Frames.. and you are sitting there and telling me to go by each one of them ?

[@devonkong]

I never said it'd be fun 😂 however, it is the most effective way I've found to reduce GIF filesize. Depends how badly you want your GIF to be small I guess

[@ebtntw]

Finally, someone who explains the details on the right side of the photoshop. I must say, please do a kpop 1080p gif tutorial, and i can guarantee that many kpop fans would watch the vid. Mostly, our goal is, to download a "fancam" of a kpop artist, and then turn it to a high quality gif that makes it look like a "video". Please please do a tutorial for that one. Thank you btw.

[@devonkong]

Thanks for the suggestion! I'll look into it ✨

[@gracesonfernandes6008]

Plz try to keep video short and don't explain everything it sounds boring

[@doniwana]

the DISGUSTING, i felt that

[@pepperj]

You are saying it wrong.. over and over and over again.

[@oriolaubets]

thanks a lot!

[@sonnyxu4253]

after I embed a Gif file in an outgoing email, is there a way to link this Gif file to a MP4 file saved on my computer and to have a “Play" button on the Gif? Thx.

[@devonkong]

Hello! Once you add a GIF to an email it will be self-contained within the email - you won't be able to link it to a file on your computer. And as far as I know you can't add interactive buttons to GIFs