Have Camera Will Travel - Reviews & Tips HomepageHave Camera Will Travel - Reviews & Tips

David Coleman Photography

  • Reviews & Tips
  • GoPro
  • Lightroom
  • Places
  • Photos
  • Reviews
    • Nikon
    • Sony
    • Fujifilm
    • Ricoh
    • Cameras
    • Lenses
    • Sample Images
    • Travel Tripods
    • Adventure Cameras
    • 360°
  • GoPro
  • Memory Cards
  • Flash
  • Travel Tripods
  • Books
  • Social Media
    • Facebook
    • Instagram
    • YouTube
    • Twitter

Optimizing Images for the Web with ImageOptim

If you're posting images on the web there are very good reasons to keep the files as small as possible.

ImageOptim-featured

Categories: Optimizing Images for Websites, Reviews, Software, Web

Last updated about 3 months ago // Originally published about 7 years ago

Photographers like to show off big photos. But if you’re posting images to the web, there are a lot of good reasons to make the files as small as possible.

If you’re emailing photos to someone, keeping the attachments as small as possible reduces the chances of hitting their email attachment size limits.
s
More importantly, it makes your website faster for your visitors and reduces bandwidth. And there are tangible benefits to having a faster website. There are oodles of studies that show that visitors are more likely to stay on a faster website. And Google now explicitly factors in site speed when calculating your search engine rankings. It can also have a big affect on mobile users of your website who are using their precious data quota to view your site.

In short, smaller image file sizes means a faster web, lower bandwidth bills, and happier visitors.

There are different ways to tackle the problem. Image optimization is one of the best and is something I use with any photo or graphic I put on my websites.

If you’re sharing images on social media sites like Facebook or Twitter, doing image optimization yourself prior to upload is usually pointless because they do it automatically when you upload an image. One good reason to do it, though, is to remove any identifying or location information in the metadata.

Making Image Files Smaller

Once is to make the pixel dimensions smaller. But that’s not much good if you’re aiming for a specific size on the page or the whole point is to show off your photos.

Another way is to crank up the compression on your JPEG images. Sure, you’ll get smaller, faster files, but the more JPEG compression you apply the worse the images look. That’s why it’s called “lossy compression.” Again, it’s not much good if the point is to show off your photos.

But there is also something you can do to significantly reduce filesizes without affecting the display size of the photo or affecting the quality in any way. It’s known as image optimization.

Some apps blur the line between the terms “optimizing” and “compressing.” They mean similar things, but “compressing” often means applying more image compression, while “optimizing” is stripping out redundant information.

What is Image Optimization?

If you’re wondering what it means to optimize photos, the short version of what happens when you optimize images is that all the redundant information that’s usually included in the file is stripped out. If you’re using the right settings and not using the “compression” option if the software has one, it shouldn’t have any affect at all on the image quality itself.

The types of information that you can strip out safely in many instances are things like color profiles, metadata information like EXIF and IPTCS, and those mysterious “optional chunks.” Unless you need that information to be included in your files for some reason, it’s just adding unnecessary bloat.

How much of a gain you get depends on how the file your optimizing was saved in the first place. Some software is pretty good about small files. As an example, it’s why you usually get smaller files from Photoshop’s “Save for Web” option rather than just using the regular save. Some apps do a very good job of optimizing the images when you save. Some aren’t so good.

In general, in working with photos, I find that I routinely get savings of 10% to 40%. Smaller files typically end up with a higher percentage than larger files in large part because the ratio of redundant information to image information is higher.

Those savings translate directly into a faster, snappier website. If your site is getting only a handful of visitors each day, that’s not going to make a huge difference. But when you start measuring the number of visitors each day to your website in thousands, it adds up very quickly.

ImageOptim for Mac

There are quite a few image optimizer apps and services out there. Many of them are front ends to scripts that you can run from the command line if you’d prefer to have absolute control. But the apps make thing far more user-friendly and convenient.

My go-to app is ImageOptim. It’s an app for Mac. It’s tagline is “Better Save for Web”, and that’s exactly what it does. And it’s free (you can donate to support the project).

ImageOptim works on JPEG photos, PNG graphic images, and GIF animations. It bundles together a bunch of different image optimization scripts in its toolbox.

Using ImageOptim

ImageOptim saves over the image you’re optimizing. So don’t use on original files.

Using ImageOptim is simplicity itself. When you first open ImageOptim you’ll get a blank window. You can just drag and drop images onto the window. Or you can use the small + symbol at bottom left to browse for the files. You can also put the ImageOptim app icon in the Dock and drag image files onto it there.

ImageOptim for Mac Image Optimization-blank window

As soon as you drop the files there, ImageOptim gets to work–there’s no start button to push. As each file gets done optimizing, you end up with a small green checkmark icon to its left.

The important column is the Savings column at right. That tells you what percentage saving you got for each file. Down the bottom you get an overview of the total savings in terms of data size and percentage.

In this example, I’ve used the screenshots that are used in this post. As you can see, the size savings were significant. Sure, each file is only small. But those small savings add up if you get a lot of web traffic.

ImageOptim for Mac Image Optimization-results

If you’re getting 0% in your savings column, it means that your image was already optimized for the web.

ImageOptim Options

You have quite a bit of control over how aggressively the optimization is applied. The screenshots below of the ImageOptim preferences tabs give you a good sense of what you can control. If the acronyms are gibberish to you, you can find some links to detailed explanations on the ImageOptim website.

ImageOptim for Mac Image Optimization-prefs-1

ImageOptim for Mac Image Optimization-prefs-2

ImageOptim for Mac Image Optimization-prefs-3

ImageOptim for Mac Image Optimization-prefs-4

ImageOptim for Mac Image Optimization-prefs-5

What’s the Downside of Image Optimization?

Overall, image optimization is a very good thing for all the reasons I mentioned above. But there are times it’s not the best option. There are times that you might need the information to stay in the file.

A common example for photographers is when using metadata to including captions or other information about the photo, embedding contact and copyright information, or using something like the PLUS metadata system. In its most aggressive forms, image optimization will remove all of that. But with ImageOptim you can choose not to remove it by unchecking the “strip metadata” options (unfortunately there’s no way to pick and choose what metadata gets included).

Image optimization–at least not this kind–also doesn’t work on TIFF, PSD, or RAW files. But none of those file formats are really designed for sharing images on the web.

Integrating ImageOptim with Lightroom

It’s possible to use ImageOptim as part of the export process in Lightroom to automatically optimze any photos you export. Here’s a guide.

By David Coleman
Instagram: @havecamerawilltraveldc

Last updated on January 12, 2021

Categories: Optimizing Images for Websites, Reviews, Software, Web

I may earn a commission for purchases using links on this page. Learn more.

News & Deals

With the holidays fast approaching, there’s some great deals on photography gear and services available. I’ve put together a roundup of Black Friday and Cyber Monday 2020 Photography Deals. It’s a running list as new deals are announced, so be sure to check back.

Canon announces new EOS Rebel T8i DSLR. Canon has announced their new T8i DSLR. 24MP APS-C cropped CMOS sensor, 4K24 video, and updated image processing and detection systems. It’s available for preorder from B&H Photo.

New Firmware for the Ricoh GR III. Ricoh has release firmware v1.31 for the GR III. Release notes are: “Corrected — When shooting with the multiple exposure, in rare cases the live view may not display correctly. Improved stability for general performance.” You can download it here.

New Canon 1D X Mark III Pro DSLR Announced. Canon has announced their new flagship model of pro DSLR, the 1D X Mark III. They’re sticking with a 20.1MP CMOS sensor, but it’s a new and improved version and boasts an incredible native ISO range of ISO 100 to ISO 102400 and an extended range that goes up to a jaw-dropping ISO 819200. With revamped autofocus, a new image processor, and all sorts of other bells and whistles, it’s no wonder that Canon is billing it as “The Ultimate EOS.”

New Manfrotto Pro Rugged Memory Cards. Manfrotto, an Italian probably best known for their tripods and studio accessories, has launched a new Pro Rugged range of high-end SD, microSD, and CompactFlash cards. While they don’t have a huge selection of sizes and speeds, the cards are aiming for very fast cards that can put up with rugged demands. For instance, they claim that their V90 rated SD cards can withstand three times the force (20kg / 45 lbs) of a regular SD card. I’ve ordered some to run through my speed tests.

New Sony Alpha a7 firmware released. A firmware update for the Sony a7R IV now lets you control external Sony flashes from the camera’s own menu system. Up to 15 flashes in five groups can be controlled via the camera. It also applies to the a7R III and a7 III.

Comments

  1. Chad Foreman says

    June 22, 2017 at 12:34 pm

    Thanks for the tips, David.

    Reply
  2. Erick says

    October 27, 2016 at 6:06 am

    which option are you using for jpg on internet, I want no sign of compression visible
    Do you apply lossy compression and which % ? or without lossy compression ?

    thanks for helping

    Reply
    • David says

      October 27, 2016 at 8:51 am

      I use a combination of two things: lossless compression using traditional optimization in ImageOptim or EWWW IO or Optimus (depending on which site) and then lossy compression with JPEGmini.

      Reply

Questions & Comments Cancel reply

You have to agree to the comment policy.

About Me

I take photos. I travel. I do it for a living. Seven continents. Dozens of countries. Up mountains. Under water. And a bunch of places in between.

Get in Touch

Newsletter

© 2009–2021 David Coleman · Have Camera Will Travel LLC · all rights reserved


Photos by David Coleman. Please contact me for licensing images.
All images are registered with the U.S. Copyright Office.


Privacy & Disclosure · Cookie Declaration · Disclaimer · Terms of Service · Copyright · Contact


XML Sitemap