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!
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.
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! ;__;
@@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.
@@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.
You explained this so well! Haven't ever come across any other informative videos that go into this relevant detail for this sort of thing. Thank you so much!
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.
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!
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.
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!
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 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'?
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?
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?) ]
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.
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?
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!
@@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!
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.
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
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.
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?
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
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.
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.
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.
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
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!
Thanks, glad you found this helpful!
same!
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.
And it continues ruining lives today 😅
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! ;__;
@@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.
Try creating a GIF under 100kb without Photoshop. True hell, especially with 96 frames.
@@sunshizzleyoucurious why you don’t do the timing in animate? Just less time spent or ?
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 🤯
It's pretty time consuming!
@@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.
Lifesaving tutorial! Appreciate the detailed explanation of all the settings in the Export window. That helped cleared a lot of things for me! thanks
EXTREMELY helpful video with a proper demonstration and information about all sections. Well Done!
Glad you found it helpful!
You explained this so well! Haven't ever come across any other informative videos that go into this relevant detail for this sort of thing. Thank you so much!
This was super helpful!! Thank you for taking the time to make this for us!!!
Glad I could help!
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.
Amazing! Never knew that photoshopping a GIF could be so powerful. Thank you this solves so many problems for me.
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.
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!
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.
Does this exist in any form today?
This was a bloody helpful tutorial, thank you so much! These have given me soo much grief over the years.
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!
This man is a life saver ! For real
Thank you for a very intresting, clear and calmly presented tutorial.
Very useful, have been ages since i saw a useful video as your. keep up the good work
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!
this video is so great I love it. thanks so much - still works to this day because thankfully adobe hasnt changed this gif interface too much!
Thank you for this tutorial. It was so helpful.
Glad it helped!
Brilliant, just what I needed. So glad you said Gif as well and not Jif 😁
that did help
Dude this was so helpful. Thank you!
I really didn't think of this idea. Your video was very helpful. Thank you.
Thank you for this video!! It's absolutely amazing and so helpful!!!!!
That’s great. And I like the fact you pronounce ‘gif’ correctly.
Haha glad you approve of it
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.
@@Jeremy_Fisher Ummmm... ACTUALLY Graphic Interchange Format starts with a hard G sunshine. But keep on trying to mangle the language!
@@robhindley3228 g can be pronounced as j gif is actually pronounced jif
@@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'?
Wow! Thank you, you are truly an expert and very talented!
This is so helpful! Thank you very much!!
Thank you! This is really helpful:)
I'm completely out of sync with graphics softwares. What version of photoshop is this? Thanks for your kind insights regarding gif-s.
OMG, this was Brilliant! (and Super Helpful) Thank you, for making it : )
this was very helpful, i hope your channel grows by the day!
p.s i shall spread the word
Glad I could help, and thanks a lot - I appreciate it!
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?
yo bro that was helpful thank you very much!
Very awesome, thx a lot!!!!!!!!!!
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?) ]
Unfortunately I'm not aware of any plugin that does this! Good idea though, it'd be a big timesaver
You're awesome. Thank you so much!
YO this is so cool... Thank you! 💖
Thank you. That's very helpful
This is the greatest thing ever, thank you man!
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.
Thanks! I don't remember what version I was using at the time, sorry - probably the newest version at the time
Very nice deconstruction of the GIF file... an autopsy of sorts. Well stated and extremely helpful for high-quality animated email marketing.
Thanks 🧡 Never thought about it that way, but I like the autopsy analogy!
Just out of curiosity, are you using Memoji in your videos?
@@devonkong I have not used Memoji.
@@Oevae Whatever you're doing, it looks cool 🔥
Woah! Remarkable
Thank you! So helpful!
Thank you so much!
You are awesome! Keep it up!
Thank you ✨❤️
Thank you man!
Love this tutorial
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 :(
Thanks, man it's really awesome.
Md. Rafiqul Islam glad it helped!
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.
While we're at it, I hope HEIC and HEVC become more widely supported
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?
thank you so much saved my day !!!
Much thanks.
Thank you so much
thanks for the video helped me a lot good job
Thanks!
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.
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!
Great Ideas. Thanks
Thank you very much. That helped!
Glad it helped! Thanks for watching ✨
Amazing knowledge. Thank you.
Glad it was helpful!
How can i put two gifs in one without having to put frame by fram?
Great information! Thanks!
Glad it helped!
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?
@@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!
excellent video
thanks, super helpful
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.
Thanks information
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
Haha I love when you say it's disgusting! Very helpful thanks a bunch
Disgusting 😆
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.
Nothing I can think of off the top of my head, sorry!
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?
That's right! 😆
Devon Kong Is there no other productive way to do that?
When i open gifs in ps suppose if it's 15 sec long only 9 sec of gif shows up
Im trying to get the max quality gif for google ads that needs to be 150 KB..... can you help?
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
thanks
How do I adjust my gif to 60fps ?
When you untick "Transparency", actually the file size shown is getting slightly bigger.
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.
doesnt work PS showed me 4.45 MB after export it was 65 MB
The thing is I have a GIF that’s animated The Whole time (moving every second)and also I’m on mobile ):
You might still be able to get away with removing every second frame!
love you
Well
I have 500 frames to go through
Wish me luck bois
F
i have 158+ frames and they are all still when i placed it on photoshop lol :(
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.
Thanks for the suggestion! I'll look into it ✨
the DISGUSTING, i felt that
Beans 247 facts
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.
Towards the end of the video I go through export settings!
The guy who created the gif format AND the NAME, says it is pronounced "jif."
Hmm don't think this will work for me, with a constant moving background :c
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
Your voice 100% identical to Kin Ryan
*or ARE YOU HIM*
I have no idea who Kin Ryan is 🤔
@@devonkong then plz search on TH-cam who is kind Ryan
Trust me even you'll be shocked how you voice is identical to his
@@trex7370 i listened to a couple of his covers, he has a nice voice 😮
@@devonkong you have a nice voice too 😁
Unfortunately this didn't help me at all lol...every single one of my 265 frames is different from each other.
I have like 700 Frames.. and you are sitting there and telling me to go by each one of them ?
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
OHHHHH I thot it was GIF as in JiF ...
You are saying it wrong.. over and over and over again.
Plz try to keep video short and don't explain everything it sounds boring
Fantastic Video, thanks a lot!
This was very helpful! Thanks!
Excellent Tutorial!!! Thanks
Thanks! really helpful
Great content! Thanks!
thanks a lot !
Amazing, thanks for making this