×
Can you tell us why did you rate it this way?
×
Successfully send feedback Your feedback was submitted! Thank you!

How to optimize images for the Web?

One of the most important success factors for websites and mobile apps are page load times. Users simply don't like to wait for pages to load. Reducing page load times will improve website usability (especially for mobile users) and:

  • reduce bounce rates
  • increase conversion rates

There are many ways to improve response times. This includes minifying css and javascript, loading javascript at the bottom of the page, using browser caching, combining small images into CSS sprites, enabling compression etc. But I would like to focus on optimising images, as this is one of the simplest steps you can take to significantly improve your page load times.

In most cases it is possible to reduce the size of an image.

Example:
Let's say we have a website or a blog post with four photos 300 kB each. If we reduce the size of each picture from 300kB to 100 kB, we will save 800kB (0,8 MB) on a single page view. If the page is displayed 1000 times a day, we will save 800MB. This gives us 24 GB savings in a month!

How image size can be reduced?

  1. Select the right format for the image. The rule of thumb is to store photos in JPG, but drawings and charts in PNG. For more information about choosing the right format see PNG or JPG format.
  2. Photos taken by cameras and smartphones add some extra information, like manufacturer, date and even geolocation data, to picture files. This metadata information is often redundant when a picture is published on a website and it can be removed.
  3. Define accurate image dimensions (width and height) to match the required design. If the dimensions of your image are larger than required, browsers will need to scale it every time someone requests your page. Loading and scaling large images increases page load times.
  4. Slightly decrease the image quality. Don’t be alarmed as small changes shouldn’t be noticeable. A human eye is not able to detect all of almost 17 million colours, which can be stored in an image file.


Simple Image Optimizer helps you in points 2, 3 and 4. Check it out!

FAQ: Frequently Asked Questions

Why convert image format / type at all?

Because you can pick the format that is right for the content, medium or platform where you use the images. For example, JPG images are generally better at storing digital photography than PNG. But PNG is better at storing vector graphics. WEBP is better for storing photos online.

Why convert image to PDF?

Sometimes you might want to print the documents, and your printer might work better with PDF files than images. That is especially useful when you deal with files containing vector graphics.

Why convert images to WEBP?

Website speed is an important factor when it comes to positioning of your website on the top of the search results. That’s why it is a good idea to use WEBP image format to store your photos for SEO sake. Such images have small file size but retain good quality when converted in comparison to PNG or JPG. And as a plus Google developed the format, which is why it looks favourably at websites that use it!

Why convert HEIC to other image formats (like JPG or PNG)?

HEIC is a great image for storing photos taken by iPhone, because it allows the photos to retain the “Live Photo” feature. But this is not the best format for exporting photos, especially to Android or Windows. That’s why it’s good to convert HEIC to JPG or PNG before sending them to mail or uploading them on a website.

How to convert PNG to JPG or JPG to PNG?

That’s actually quite simple using Simple Image Resizer | Image Converter. That’s because you just need to upload the photo in either JPG or PNG, select the output format and let the tool do it’s job. After that, all you need to do is click download now!

How to convert images on Mac or iOS?

Our tool let’s you convert images or photos on any platform (Mac, iOS, Windows, Android, Chromebook etc.). Just open Simple Image Resizer | Image Converter on your device and upload the photos you want to convert!

How to convert images to jpg on mobile?

It’s very simple, just open Image Converter on your mobile device and upload the images in whatever format you want. Then just select the format for output (JPG) and download the images.

How to convert HEIC to JPG or PNG on Windows PC, Mac, iOS or Android?

Simple Image Resizer | Image Converter Let’s you convert HEIC to either JPG or PNG. Just open the website on your desktop or mobile device, upload the HEIC file and select the output format. After our image converter finishes the job, you can download the image!

How to convert / change format from WEBP to JPG?

It’s quite simple, all you have to do is upload the WEBP file to our Image Converter and select the output file as JPG. Then wait for the conversion to happen and download the file!

How to convert TIFF to JPG?

It’s quite simple, all you have to do is upload the TIFF file to our Image Converter and select the output file as JPG. Then wait for the conversion to happen and download the file!