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 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.
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.
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!
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!
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.
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'?
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.
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.
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?) ]
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.
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.
@@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!
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?
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.
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!
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 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?
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
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?
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.
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
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.
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
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!
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.
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 ?
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!
Amazing! Never knew that photoshopping a GIF could be so powerful. Thank you this solves so many problems for me.
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!
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.
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 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!
This was super helpful!! Thank you for taking the time to make this for us!!!
Glad I could help!
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!
Brilliant, just what I needed. So glad you said Gif as well and not Jif 😁
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
I really didn't think of this idea. Your video was very helpful. Thank you.
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.
that did help
Thank you for this tutorial. It was so helpful.
Glad it helped!
Wow! Thank you, you are truly an expert and very talented!
Thank you for this video!! It's absolutely amazing and so helpful!!!!!
Dude this was so helpful. Thank you!
great tutorial! ...thanks for sharing!
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!
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'?
This is the greatest thing ever, thank you man!
OMG, this was Brilliant! (and Super Helpful) Thank you, for making it : )
Thanks! really helpful
This is so helpful! Thank you very much!!
This was very helpful! Thanks!
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.
Excellent Tutorial!!! Thanks
Woah! Remarkable
Very awesome, thx a lot!!!!!!!!!!
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 :(
Thank you! This is really helpful:)
Thank you so much!
YO this is so cool... Thank you! 💖
yo bro that was helpful thank you very much!
You're awesome. Thank you so much!
Much thanks.
Thank you. That's very helpful
Thank you! So helpful!
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 🔥
Love this tutorial
Thank you man!
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
thanks a lot !
thanks a lot!
Thanks, man it's really awesome.
Md. Rafiqul Islam glad it helped!
When you untick "Transparency", actually the file size shown is getting slightly bigger.
Thanks information
thank you so much saved my day !!!
You are awesome! Keep it up!
Thank you ✨❤️
Great Ideas. Thanks
Thank you so much
Amazing knowledge. Thank you.
Glad it was helpful!
thanks, super helpful
Thank you very much. That helped!
Glad it helped! Thanks for watching ✨
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
thanks for the video helped me a lot good job
Thanks!
excellent video
Great content! Thanks!
I'm completely out of sync with graphics softwares. What version of photoshop is this? Thanks for your kind insights regarding gif-s.
thanks
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
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.
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.
You missed a detail... how do you delete them.. ??
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!
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?
Haha I love when you say it's disgusting! Very helpful thanks a bunch
Disgusting 😆
How can i put two gifs in one without having to put frame by fram?
Amazing, thanks for making this
doesnt work PS showed me 4.45 MB after export it was 65 MB
love you
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!
How do I adjust my gif to 60fps ?
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!
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 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!
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?
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
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
Well
I have 500 frames to go through
Wish me luck bois
F
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.
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
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!
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
Unfortunately this didn't help me at all lol...every single one of my 265 frames is different from each other.
The guy who created the gif format AND the NAME, says it is pronounced "jif."
i have 158+ frames and they are all still when i placed it on photoshop lol :(
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
Beans 247 facts
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 ...
the DISGUSTING, i felt that
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 😁
You are saying it wrong.. over and over and over again.