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

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ธ.ค. 2024

ความคิดเห็น • 153

  • @taylorrussell7732
    @taylorrussell7732 2 ปีที่แล้ว +17

    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
      @devonkong  2 ปีที่แล้ว

      Thanks, glad you found this helpful!

    • @ruanpaulo8852
      @ruanpaulo8852 ปีที่แล้ว

      same!

  • @sunshizzleyou
    @sunshizzleyou 3 ปีที่แล้ว +38

    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
      @devonkong  3 ปีที่แล้ว +8

      And it continues ruining lives today 😅

    • @MrBlake_x
      @MrBlake_x 3 ปีที่แล้ว +4

      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
      @sunshizzleyou 3 ปีที่แล้ว +10

      @@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
      @777Electric ปีที่แล้ว +2

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

    • @clevermissfox
      @clevermissfox ปีที่แล้ว

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

  • @HaBeFaStro
    @HaBeFaStro 2 ปีที่แล้ว +7

    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
      @devonkong  2 ปีที่แล้ว +1

      It's pretty time consuming!

    • @HaBeFaStro
      @HaBeFaStro 2 ปีที่แล้ว +2

      @@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.

  • @chichicheng4874
    @chichicheng4874 2 ปีที่แล้ว +10

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

  • @manisky9026
    @manisky9026 2 ปีที่แล้ว +7

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

    • @devonkong
      @devonkong  2 ปีที่แล้ว

      Glad you found it helpful!

  • @moricome
    @moricome 23 วันที่ผ่านมา

    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!

  • @SisterUnity
    @SisterUnity 3 ปีที่แล้ว +11

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

    • @devonkong
      @devonkong  3 ปีที่แล้ว +1

      Glad I could help!

  • @AndrewBlake-p8e
    @AndrewBlake-p8e ปีที่แล้ว

    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.

  • @mtcorder15
    @mtcorder15 ปีที่แล้ว +1

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

  • @graphicredesign1492
    @graphicredesign1492 2 ปีที่แล้ว +2

    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.

  • @wilczus222
    @wilczus222 2 ปีที่แล้ว

    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!

  • @aaarkh
    @aaarkh 5 หลายเดือนก่อน +1

    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.

    • @Spaceman584
      @Spaceman584 2 หลายเดือนก่อน

      Does this exist in any form today?

  • @Isaac-YLYL
    @Isaac-YLYL หลายเดือนก่อน

    This was a bloody helpful tutorial, thank you so much! These have given me soo much grief over the years.

  • @bcayer9
    @bcayer9 5 หลายเดือนก่อน

    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!

  • @Bienbien-ft3yn
    @Bienbien-ft3yn 5 หลายเดือนก่อน

    This man is a life saver ! For real

  • @jeroenbo751
    @jeroenbo751 2 ปีที่แล้ว +2

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

  • @mailtosowmy
    @mailtosowmy ปีที่แล้ว

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

  • @PlanetXtreme
    @PlanetXtreme 2 ปีที่แล้ว +3

    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!

  • @ickyinsaney21
    @ickyinsaney21 3 หลายเดือนก่อน

    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!

  • @arodriguez0616
    @arodriguez0616 4 ปีที่แล้ว +6

    Thank you for this tutorial. It was so helpful.

    • @devonkong
      @devonkong  4 ปีที่แล้ว +1

      Glad it helped!

  • @nazkebabs1414
    @nazkebabs1414 2 ปีที่แล้ว +1

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

  • @AlisaShepard
    @AlisaShepard ปีที่แล้ว

    that did help

  • @_aiborie
    @_aiborie 9 หลายเดือนก่อน

    Dude this was so helpful. Thank you!

  • @ranilspaceworx2904
    @ranilspaceworx2904 2 ปีที่แล้ว

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

  • @LenaB-m3t
    @LenaB-m3t ปีที่แล้ว

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

  • @robhindley1769
    @robhindley1769 4 ปีที่แล้ว +10

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

    • @devonkong
      @devonkong  4 ปีที่แล้ว +1

      Haha glad you approve of it

    • @Jeremy_Fisher
      @Jeremy_Fisher 3 ปีที่แล้ว +4

      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
      @robhindley3228 3 ปีที่แล้ว

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

    • @surgeonofdeath2202
      @surgeonofdeath2202 3 ปีที่แล้ว +2

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

    • @joelevi8531
      @joelevi8531 2 ปีที่แล้ว

      @@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'?

  • @clevermissfox
    @clevermissfox ปีที่แล้ว

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

  • @rachelb4775
    @rachelb4775 2 ปีที่แล้ว

    This is so helpful! Thank you very much!!

  • @SanjeebanMaji-ve9gv
    @SanjeebanMaji-ve9gv ปีที่แล้ว

    Thank you! This is really helpful:)

  • @Loksog47
    @Loksog47 ปีที่แล้ว

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

  • @leelameka
    @leelameka 2 ปีที่แล้ว

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

  • @rinspo8076
    @rinspo8076 3 ปีที่แล้ว +1

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

    • @devonkong
      @devonkong  3 ปีที่แล้ว

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

  • @poochyboi
    @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?

  • @koganbros.9351
    @koganbros.9351 2 ปีที่แล้ว

    yo bro that was helpful thank you very much!

  • @guilhermerejan
    @guilhermerejan 3 หลายเดือนก่อน

    Very awesome, thx a lot!!!!!!!!!!

  • @goldieschulman9325
    @goldieschulman9325 3 ปีที่แล้ว +1

    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
      @devonkong  3 ปีที่แล้ว

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

  • @tjellison8190
    @tjellison8190 2 ปีที่แล้ว

    You're awesome. Thank you so much!

  • @laboratory009123
    @laboratory009123 2 ปีที่แล้ว

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

  • @make_the_world_better_place
    @make_the_world_better_place 2 ปีที่แล้ว

    Thank you. That's very helpful

  • @bangaddy
    @bangaddy 3 ปีที่แล้ว +1

    This is the greatest thing ever, thank you man!

  • @dmnun
    @dmnun 2 ปีที่แล้ว

    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
      @devonkong  2 ปีที่แล้ว

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

  • @Oevae
    @Oevae 3 ปีที่แล้ว

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

    • @devonkong
      @devonkong  3 ปีที่แล้ว +1

      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
      @Oevae 3 ปีที่แล้ว +1

      @@devonkong I have not used Memoji.

    • @devonkong
      @devonkong  3 ปีที่แล้ว

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

  • @amorydelamor
    @amorydelamor ปีที่แล้ว

    Woah! Remarkable

  • @CreativePolyglot
    @CreativePolyglot 2 ปีที่แล้ว

    Thank you! So helpful!

  • @gabrielmoro3d
    @gabrielmoro3d ปีที่แล้ว

    Thank you so much!

  • @CaptainItalia12
    @CaptainItalia12 3 ปีที่แล้ว

    You are awesome! Keep it up!

    • @devonkong
      @devonkong  3 ปีที่แล้ว

      Thank you ✨❤️

  • @iansoi4379
    @iansoi4379 3 ปีที่แล้ว

    Thank you man!

  • @arnelj360
    @arnelj360 3 ปีที่แล้ว

    Love this tutorial

  • @TheMajorVegi
    @TheMajorVegi 3 ปีที่แล้ว +3

    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 :(

  • @rafiq917
    @rafiq917 4 ปีที่แล้ว

    Thanks, man it's really awesome.

    • @devonkong
      @devonkong  4 ปีที่แล้ว

      Md. Rafiqul Islam glad it helped!

  • @nickli608
    @nickli608 3 ปีที่แล้ว +2

    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
      @devonkong  3 ปีที่แล้ว

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

  • @demjinttv4312
    @demjinttv4312 2 ปีที่แล้ว

    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?

  • @_ayshasht
    @_ayshasht 3 ปีที่แล้ว

    thank you so much saved my day !!!

  • @digiratimax
    @digiratimax 4 หลายเดือนก่อน

    Much thanks.

  • @noorjamal4522
    @noorjamal4522 2 ปีที่แล้ว

    Thank you so much

  • @Luraxz
    @Luraxz 4 ปีที่แล้ว

    thanks for the video helped me a lot good job

  • @sonnyxu4253
    @sonnyxu4253 4 ปีที่แล้ว +1

    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
      @abstractdesignagency7893 4 ปีที่แล้ว +1

      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!

  • @stanhong007
    @stanhong007 3 ปีที่แล้ว

    Great Ideas. Thanks

  • @c.hameleon
    @c.hameleon 4 ปีที่แล้ว

    Thank you very much. That helped!

    • @devonkong
      @devonkong  4 ปีที่แล้ว

      Glad it helped! Thanks for watching ✨

  • @anjuupadhyay4775
    @anjuupadhyay4775 4 ปีที่แล้ว

    Amazing knowledge. Thank you.

    • @devonkong
      @devonkong  4 ปีที่แล้ว

      Glad it was helpful!

  • @lioninguccisuit
    @lioninguccisuit ปีที่แล้ว

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

  • @dydeesoule9013
    @dydeesoule9013 4 ปีที่แล้ว

    Great information! Thanks!

    • @devonkong
      @devonkong  4 ปีที่แล้ว

      Glad it helped!

    • @jers132
      @jers132 4 ปีที่แล้ว

      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
      @devonkong  4 ปีที่แล้ว

      @@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!

  • @rgbcom
    @rgbcom 2 ปีที่แล้ว

    excellent video

  • @karensowa6854
    @karensowa6854 3 ปีที่แล้ว

    thanks, super helpful

  • @DuaAafi
    @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.

  • @cessapangestu3120
    @cessapangestu3120 2 ปีที่แล้ว

    Thanks information

  • @inderjeetmaurya472
    @inderjeetmaurya472 3 ปีที่แล้ว

    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

  • @courtneybodkin5556
    @courtneybodkin5556 3 ปีที่แล้ว

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

    • @devonkong
      @devonkong  3 ปีที่แล้ว

      Disgusting 😆

  • @blitzy3244
    @blitzy3244 3 ปีที่แล้ว

    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
      @devonkong  3 ปีที่แล้ว

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

  • @PressureGrafix
    @PressureGrafix 3 ปีที่แล้ว

    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
      @devonkong  3 ปีที่แล้ว

      That's right! 😆

    • @PressureGrafix
      @PressureGrafix 3 ปีที่แล้ว

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

  • @uditshakya6111
    @uditshakya6111 3 ปีที่แล้ว

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

  • @wetdreamstravel1865
    @wetdreamstravel1865 3 ปีที่แล้ว

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

    • @devonkong
      @devonkong  3 ปีที่แล้ว

      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

  • @alex-suciu
    @alex-suciu ปีที่แล้ว

    thanks

  • @KingKrud5
    @KingKrud5 10 หลายเดือนก่อน

    How do I adjust my gif to 60fps ?

  • @GraciaClara
    @GraciaClara ปีที่แล้ว

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

  • @Domarius64
    @Domarius64 ปีที่แล้ว +1

    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.

  • @GreySwole
    @GreySwole 2 ปีที่แล้ว

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

  • @theunknown3650
    @theunknown3650 3 ปีที่แล้ว +2

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

    • @devonkong
      @devonkong  3 ปีที่แล้ว +2

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

  • @satoruzinn_
    @satoruzinn_ 4 หลายเดือนก่อน

    love you

  • @دبيدورمشاكل
    @دبيدورمشاكل 3 ปีที่แล้ว +4

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

  • @casakive
    @casakive 3 ปีที่แล้ว

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

  • @ebtntw
    @ebtntw 4 ปีที่แล้ว +5

    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
      @devonkong  4 ปีที่แล้ว +1

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

  • @doniwana
    @doniwana 2 ปีที่แล้ว +2

    the DISGUSTING, i felt that

  • @waqarpatel3737
    @waqarpatel3737 2 ปีที่แล้ว

    Beans 247 facts

  • @benjbaird6851
    @benjbaird6851 2 ปีที่แล้ว

    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
      @devonkong  ปีที่แล้ว

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

  • @caseyphudson
    @caseyphudson 2 ปีที่แล้ว

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

  • @ashleyd9786
    @ashleyd9786 3 ปีที่แล้ว

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

    • @devonkong
      @devonkong  3 ปีที่แล้ว

      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

  • @trex7370
    @trex7370 4 ปีที่แล้ว

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

    • @devonkong
      @devonkong  4 ปีที่แล้ว

      I have no idea who Kin Ryan is 🤔

    • @trex7370
      @trex7370 4 ปีที่แล้ว

      @@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

    • @devonkong
      @devonkong  3 ปีที่แล้ว

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

    • @trex7370
      @trex7370 3 ปีที่แล้ว

      @@devonkong you have a nice voice too 😁

  • @endorphinzz
    @endorphinzz ปีที่แล้ว

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

  • @li0npower224
    @li0npower224 2 ปีที่แล้ว

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

    • @devonkong
      @devonkong  2 ปีที่แล้ว

      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

  • @highlightedcomment3078
    @highlightedcomment3078 3 หลายเดือนก่อน

    OHHHHH I thot it was GIF as in JiF ...

  • @pepperj
    @pepperj ปีที่แล้ว +1

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

  • @gracesonfernandes6008
    @gracesonfernandes6008 ปีที่แล้ว

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

  • @LennartPaulsen
    @LennartPaulsen 15 วันที่ผ่านมา

    Fantastic Video, thanks a lot!

  • @mcbain3764
    @mcbain3764 ปีที่แล้ว

    This was very helpful! Thanks!

  • @mfrazeehvacc5012
    @mfrazeehvacc5012 ปีที่แล้ว

    Excellent Tutorial!!! Thanks

  • @mlungisikunene4787
    @mlungisikunene4787 10 หลายเดือนก่อน

    Thanks! really helpful

  • @kafkastiles
    @kafkastiles 10 หลายเดือนก่อน

    Great content! Thanks!

  • @zakiii38
    @zakiii38 2 ปีที่แล้ว

    thanks a lot !

  • @speedyheadshots
    @speedyheadshots 3 ปีที่แล้ว

    Amazing, thanks for making this