Optimize Your Images For Web With GIMP (FREE)

MarketingSalesFacebookInbound MarketingPerspectivesNews

Enter your name and email below to receive all our valuable blog posts straight to your inbox.

Optimize Your Images With GIMP

Why Should I Optimize Images For The Web

The biggest mistake begginers make is not optimizing images for the web. When uploading an image to the web you don’t want to have an image that is larger then needed. By reducing the dimensions of the image and the file size of the image we can maintain image quality, keeping the image pleasing to the eye, and decrease the amount of time needed to load on the user’s computer. People today expect your site to be instantaneous, and when it’s not, you get a frustrated visitor who may leave your website and search for a quicker alternative.

How Can I Optimize Images For The Web

There are many options for optimizing images for the web including a few websites. We use Photoshop but that’s not always an option for everyone. A great free open source alternative to Photoshop is GIMP. It works on Windows, Mac OSX and Linux.

Using GIMP To Resize And Optimize Image File Size

Download And Install GIMP

optimize image gimpOpen GIMP.org in your browser and download the latest version of GIMP for your operating system. Follow your standard operating system procedures (clicking ok a bunch of times) and you should be ready to roll. *Note: Mac users may have to install a new version of X11. It will tell you the first time you open GIMP. Head to the XQuartz website and get it*

Open Your Image In GIMP

*Note: I use GIMP in single window mode and with the pro theme turned on. So if my screenshots look a little different from what you see on your screen don’t worry. You can turn on single window mode from the Windows menu and the pro theme by going to Edit> Preferences> Theme> Pro.*

From the main menu select File> Open. Then choose the image you would like to optimize.

open in gimp

Resize Image Dimensions And Resolution

From the menu select Image> Scale Image. From here you can change the width and height of your image and the resolution. Keep in mind this menu is for scaling the image not cropping it.  A resolution of 72 ppi is fine.

scale image gimp

Export And Optimize File Size

Once you have your image down to the correct dimensions and resolution it’s time to compress the file size and save the image. From the menu select File> Export. Choose the file name and file type and click Export in the bottom right. There you will be presented with a quality slider. You may need to play with this setting the first time you do this to strike a balance between quality and file size. For example the images in this post have a very low quality but are still usable. Take into consideration the subject of your image to best fit the needs of your blog but please try not to exceed 150-200kb.

Want to get really into GIMP? Want to do really awesome Photoshop like projects without Photoshop? Check out these tutorial videos and share your GIMP projects with us in the comments.

Leave a Reply

Your email address will not be published. Required fields are marked *

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

52 Digital Marketing Tips

We’ve been leading the digital marketing world for quite some time now and we’ve learned A LOT along the way. As such, we have created this powerful resource as a way of organizing and sharing our collective expertise so that we can help you, our digital marketer friend in need.

Categories: Marketing Read Article

Remote Work: Committing 100% to a Remote Team

Our company has evolved over the course of a decade in many ways. One of the biggest changes, however, has been our move from a traditional brick-and-mortar office environment to a 100 percent remote work setup. While this type of business model has brought changes in how we function, we’ve found that the benefits far outweigh any risks.

Categories: Business Strategy Read Article

How to Create an Editorial Style Guide [Step-by-Step Guide]

“An editorial style guide is a set of editorial rules that ensure brand consistency. For copywriters, content creators, editors, and digital marketers, an editorial style guide is an invaluable reference for optimizing content and polishing copy. These guidelines serve as a roadmap to the editing process and outline practices that ensure the quality of your company’s work.”

Categories: Marketing Read Article