QuickTip: How To Resize Images Using GIMP

Disclosure: We are a professional review site that receives compensation from the companies whose products we review. We test each product thoroughly and give high marks to only the very best. We are independently owned and the opinions expressed here are our own.

5 Flares Filament.io 5 Flares ×

Many bloggers and social media users carry cameras with them to catch that perfect shot  or use large images on their sites and profiles. These images look good to the viewer, but it kills the site load time. Now a days, this is not a big deal as it use to be since most users have broadband service. But there are still users that do not have access to fast internet services. In addition to those that do not have broadband, users and search engines do not like slow load times. Slow load times kill your return visits and search engine rankings. There is an easy fix for this, just scale down your images. Programs like Photoshop and most other image editors offer a web safe scale down feature. But if you do not have access to these programs, you are limited with what you can do to scale your images automatically.

One of my favorite free but powerful image editors, I use this as a portable app or if I am a system that does not support adobe products.  When you first look at GIMP, it takes some time to get use to GIMP and the way it works. But as a simple image editor and image resizing tool it works great. It’s quick any easy to perform these tasks. Just bring the image down to your design size and you will increase. Just rescaling the image from print size down to a smaller more viewable size will speed your image load time. If you MUST keep your original size images, then store them offsite and link to them…

HowTo Resize Images With GIMP

1. Once you have the image open go to Image >>> Scale Image then a scale image popup window comes up.

GIMP Resize Images

2. When the Scale Image window appears, the image dimensions displays in pixels. You can change the measurement to percentage or different measurements of distance; such as inches, millimeters, ect. Just click on the dropdown menu arrow in the pixel field and then choose.

GIMP Resize Images

scaleimage3

By adjusting one field such as the height, the width will keep the same ratio and GIMP will adjust the width to scale of the image up or down. If you want to change the ratio, unclick the change between the two fields and now you manually resize both fields.

3. Once you have selected the size the image will scale down or up depending on what you are trying to do.

Rusted Old Car       Before

GIMP Resize       After

4. Once you are happy with the results save your work with File >>> Save or File >>>Save As to rename the image and keep the original version untouched.

5. After saving your image you will be asked about image quality. I normally leave this alone, but you can lower the quality or raise it. Just remember if you go to low, then the image looks low quality and if you go to high, this will bring the image size backup, and you rescaled for no reason.

savequality

Image Credit Jay Morrison

EvolutionaryDesigns.net runs on the Genesis Framework

Genesis Framework

Genesis empowers you to quickly and easily build incredible websites with WordPress. Whether you're a novice or advanced developer, Genesis provides the secure and search-engine-optimized foundation that takes WordPress to places you never thought it could go. It's that simple - start using Genesis now!


Take advantage of the 6 default layout options, comprehensive SEO settings, rock-solid security, flexible theme options, cool custom widgets, custom design hooks, and a huge selection of child themes ("skins") that make your site look the way you want it to. With automatic theme updates and world-class support included, Genesis is the smart choice for your WordPress website or blog.

About James

James spends most of his free time using social media and loves to teach others about design, web development, CSS, SEO, and social media. He is addicted to Wordpress, social media, and technology. You can reach him on his, personal website, Do not forget to follow him on Twitter @element321

Comments

  1. I’ve come across GIMP before, but I use my PhotoShop quite a lot, but, GIMP certainly looks like a superb Photoshop alternative and from I can see from your tutorial it is quite easy to get to grips with 😉

  2. I mostly use Photoshop and that is my first choice for image editing. However I keep a copy on my laptop and have a portable version, installed on a USB jump drive so I can run it on any pc I am using…

  3. My first choice is Photoshop too. 🙂 It’s good to know there are other handy options. I never actually gave GIMP a try after hearing so much about it. I use FSResizer occasionally, but bookmarked this in case I’m giving GIMP a try.

    @wchingya
    Social/Blogging Tracker

    • Ching Ya,

      Thanks for stopping by. I used GIMP mostly in the early stages of it developement. Its not an easy program to learn, but I thought that about photoshop. Now I mostly use Photoshop CS3 and CS4 but I use GIMP and several other programs when I can’t use Photoshop.

  4. No other software in this category offers all this, without charge
    Although It would be good to have update system without having to download the whole software

  5. I’ve always wondered how to re-size photos. Thanks for the tutorial.

  6. If you happen to be running Mac OSX Snow Leopard, you can use Preview to resize and adjust color, via tools.

  7. James, that is sweet. I had not heard of gimp as a tool to resize photos but I just went and tried it. Thx for pointing it out. Cheers, Richard

  8. Great! I was always using online tools to do this, but will give GIMP a try. Thanks! Susane

Trackbacks

  1. […] QuickTip: How To Resize Images Using GIMP | Evolutionary Designs […]

  2. How To Resize Images Using GIMP…

    Learn how to quickly and simply re-size an image using the Free Image Editor, GIMP….

  3. Story added…

    Your story was featured in Featured in MMO Social Network! Here is the link to vote it up and promote it: http://www.mmosocialnetwork.com/WebDesign/QuickTip_Learn_How_To_Resize_Images_Using_GIMP

  4. […] This post was mentioned on Twitter by DesignGizer. DesignGizer said: QuickTip: How To Resize Images Using #GIMP http://bt.io/FYZL by @element321 […]

  5. Hesham says:

    QuickTip: How To Resize Images Using #GIMP http://bt.io/FYZL by @element321

  6. Kristi Hines says:

    RT @hishaman QuickTip: How To Resize Images Using #GIMP http://bt.io/FYZL by @element321

  7. Ching Ya says:

    Design Tip: How To Resize Images Using GIMP by @element321 — http://bt.io/FZrU –nice review

  8. Resize Your Images Using GIMP Tutorial…

    Using GIMP to edit images, can be confusing until you learn the basics of GIMP. One of the easiest things to do with GIMP is to resize images. Learn how to quickly and easily resize your images….

  9. […] How to Resize Images Using Gimp […]

  10. How To Resize Images Using GIMP | Evolutionary Designs…

    GIMP is a free image editor. Using GIMP can be a bit challenging for a user unfamiliar with GIMP. Learn how you can quickly and easily use GIMP to edit your images….

Leave a Reply to Ching Ya Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

5 Flares Twitter 4 Facebook 1 Pin It Share 0 Buffer 0 Email -- Filament.io 5 Flares ×
%d bloggers like this: