GIMP reduce file size PNG

How To Reduce PNG File Size By 70% with GIMP

How To Reduce PNG File Size By 70% with GIMP 1024 602 Nick Saporito

In today’s tutorial I’ll be demonstrating how to use GIMP to reduce the file size of your PNG images by 70%, and without losing much quality.

Why Reduce File Size?

Large PNG file

If you’ve ever created a website that you wanted to do well in Google Search, you probably already know that site speed is a significant factor. The size of your image files can drastically impact your site’s load time. As designers we have a tendency to be meticulous with things like clarity and resolution, and often sacrifice file size in favor of that. When it comes to creating graphics for the web, this is a problem.

Another reason you may need to reduce the file size of your PNGs is because you’re uploading them to a website that has file size limits. I ran into this problem myself when I was creating some banner ads for Google’s display network.

Third Party Services

TinyPNG logo

There’s a variety of free online tools that you can use to reduce the size of your PNG files while maintaining respectable image quality. One tool in particular that I’ve used in the past is TinyPNG. If you’re using something like Inkscape or GIMP to create your graphics though, you don’t necessarily have to resort to using third party services to accomplish this. It can be done directly in GIMP before you export your image!

Shameless Plugs:

Get Master Resale Rights

All templates sold on the Logos By Nick Store come with master resale rights, meaning you can resell and re-brand them as your own!

  125 Templates

Logo Mega Bundle

A collection of over 125 logo templates in editable vector format.

  Nick Saporito
Price: $17
  180 Templates

Ultimate Texture Pack

Vector textures in monotone and SVG format. Scalable infinitely without quality loss.

  Nick Saporito
Price: $9

Shop All Templates

Using GIMP To Reduce PNG File Size

To get started, simply open up your image with GIMP and go to Image > Mode and select Index.

Image mode index

 

This will bring up the Indexed Color Conversion menu.

Index color conversion menu

By default, “Generate optimum palette” will be selected and the maximum number of colors should be set to 255. Leave those values just as they are (or set those values if GIMP didn’t default to them) and click Convert.

Now, go ahead and export your image as a PNG file. Upon export, you’ll be prompted with the following export menu…

The export menu in GIMP

Open up the Advanced column and make sure you have unchecked absolutely everything listed in the entire menu. This is all useless information that needlessly takes up disk space. Don’t worry about  preserving thumbnail or timestamp data. This information is automatically captured by your operating system anyway.

Once you’ve done that, go ahead and click Export and check the file size.

Reduced size amount

As you can see, stripping down the photo’s colors to just 255 reduced the PNG file size dramatically.

As for quality loss, here’s a before and after comparison…

Reduced PNG before and after

You’ll notice that the image on the right is slightly more pixelated than it originally was, but unfortunately this is the compromise we have to make when creating graphics for the web.

If you want your site to load quickly for users with slower internet speeds — and prevent them from bouncing from your page — you’ll have to make sure your site loads in a reasonable amount of time. There’s a variety of factors that impact this, but image file size is a factor that certainly should not be ignored.

Shameless Plugs:

Learn To Master The Software

Gain a complete understanding of your favorite design apps with my comprehensive collection of video courses. Each course grants access to our private community where you can ask questions and get help when needed.

  81 Videos
  11 Modules

The Inkscape Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Inkscape.

  Nick Saporito
Price: $17
  77 Videos
  7 Modules

Affinity Designer Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Affinity Designer.

  Nick Saporito
Price: $17
  98 Videos
  7 Modules

Illustrator Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Illustrator.

  Nick Saporito
Price: $17
  70 Videos
  9 Modules

GIMP Master Class

Learn how to use all of the primary tools and features in the GIMP application.

  Nick Saporito
Price: $17

View All Courses

Nick Saporito

Hi, I'm Nick— a Philadelphia-based graphic designer with over 10 years of experience. Each year millions of users learn how to use design software to express their creativity using my tutorials here and on YouTube.

All stories by: Nick Saporito
21 comments

Leave a Reply

Your email address will not be published.