Home Upgrade Search Memberlist Extras Hacker Tools Award Goals Help Wiki Contact

[TUT] How to change image dimensions + file size (PNG + GIF)

Hey guys, ok so this is my first tutorial and I've decided to address a situation that I keep seeing in the Free Graphics Requests section. There are a lot of requests that ask someone to reduce the file size of an image, be it a static image or a GIF. There are also lots that ask for images to be reduced in dimensions to fit certain limitations such as avatar and signature space. I'll be showing you how to do these things in Photoshop.

I understand there are other ways to do this, but here's how I do it.

This took me a long time to create this so I'd appreciate feedback if you found this useful or not :D

Before we start, I'd like to mention that some of the images I've posted are very large, I apologize for this.

So, starting with the most basic of these tasks, changing the dimensions of a static image. I'll be using this image that I found on Google images:
Spoiler (Click to View)

Open the image in PS and follow the steps

Step 1:
Spoiler (Click to View)

Step 2:
Spoiler (Click to View)

Step 3:
Spoiler (Click to View)

This is how the image would turn out if you decide not to keep the proportions
Spoiler (Click to View)

That's about it for changing image dimensions, just be sure to save the image when you're done ;)


Now, moving on to changing the file size of a static image. I'll be using an image taken by JAMESY™ that I found on this thread. This is the image I'll be using.
Spoiler (Click to View)

As you can see, the size of this image is about 15mb. Here's the image file size on the properties of the image. It may be different on the image above because for some reason when I uploaded it to imgur the file size changed as well. So alternatively, from this experience I've just encountered, you could just upload the image to imgur if you want the file size changed :L
Spoiler (Click to View)

However, I'll carry on in the hope that this will be useful for someone.

Step 1:
Open the image
Spoiler (Click to View)

Step 2:
Spoiler (Click to View)

Step 3:
Spoiler (Click to View)

Edited image:
Spoiler (Click to View)


That's the end of lowering the file size of an image.


Now, moving on to the hardest thing in this tutorial, changing the file size of a GIF. I say hardest, its not hard as such, it can just take a while. This tutorial also includes changing the dimensions of a GIF, I've combined both of them into this one tutorial, so if that's what you came for, you'll find it below.

Keep in mind that changing the file size of a GIF will probably lower the image quality too, which is what you will notice if you read the rest of this tut.

This is the GIF I will be using
Spoiler (Click to View)

Step 1:
Open the image. I wont include a picture for this step.

Step 2:
Spoiler (Click to View)

Step 3:
Spoiler (Click to View)

Step 4:
Spoiler (Click to View)

Step 5:
Spoiler (Click to View)

Step 6:
Spoiler (Click to View)

Step 7:
Spoiler (Click to View)

Step 8:
Spoiler (Click to View)

This is the new file size, as you can see its under 75kb, making it useable as a HF avatar.
Spoiler (Click to View)

Edited GIF:
Spoiler (Click to View)

That's it for this tutorial, I hope this has been useful to someone 🤝
[Image: iLTqgQD.png]
Awesome tutorial! Thanks!

For GIFS, I normally use http://ezgif.com/

It's very easy and fast :)
(Apr 26, 2014 02:11 PM)Alexander Hamilton Wrote:  Awesome tutorial! Thanks!

For GIFS, I normally use http://ezgif.com/

It's very easy and fast :)

Thanks for the reply! I've been awaiting a comment from someone haha :p And yeah thats a good site to use, I just prefer photoshop sometimes because you can maintain a bit more quality in the GIF at the end
[Image: iLTqgQD.png]
This is a awesome tutorial . make more and thank you for this nice tutorial
(May 14, 2014 09:23 AM)XsystemX Wrote:  This is a awesome tutorial . make more and thank you for this nice tutorial

Thank you man, I'm glad you liked it. I will be sure to make more after my exams are over :)

@Thrєє Days Grace
If you tried PMing me back, sorry if it didn't go through. I just got downgraded because I was upgraded by someone who was a ban evader. I will clear my PM box and reply to you when I can.
[Image: iLTqgQD.png]
Pretty basic.. but I guess might help somebody.
(May 16, 2014 05:04 AM)x34c Wrote:  Pretty basic.. but I guess might help somebody.

Yea... Thanks for the tutorial though, someone will need it.
thank you for the tutorial great share for the graphics section
I understand its basic, but it might help a few people :) I made it because I saw a lot of requests asking for images to be resized. Thank you, RUNFORRESTRUN, I'm glad you liked it!
[Image: iLTqgQD.png]
thanks for sharing this awesome tut dude
hi friends
Very detailed tutorial, thanks a lot sir!
awesome tutorial i learned a lot thanks
Thank you so much for this it was very useful!


Possibly Related Threads...
Thread / Author Replies Views Last Post
by ShoppaJun 13, 2023 01:05 PM 2 228 Jun 13, 2023 01:05 PM
Last Post: Shoppa
by Kn0wnOct 18, 2020 01:14 PM 0 97 Oct 18, 2020 01:14 PM
Last Post: Kn0wn
by SereniteeMay 24, 2018 08:30 AM 3 204 May 24, 2018 08:30 AM
Last Post: Purple Heart