If an image is not ‘web-ready’ or ‘optimized’ it can slow the speed of your website. We’ve all experienced websites that open incredibly slowly. This is usually because of an image that is too large and is not website ready.
There is a simple and easy way to prevent this – sort out your images! They’re probably waaaay too big.
Here are some super easy little tricks using GIMP to help you get your photos web ready.
1. Scale Your Image to 800 pixels
What is image size? Image size is the size of your image in pixels. For your website you want the image to be at the size it will be displayed at on your web page. Some websites also allow you to change the size of the image once it is loaded up and before it is displayed.
What size do you make it? Most website banners are 900 pixels x 200 pixels and have a resolution of 72 dpi (or ppi). A good idea is to make the longest side of your image no more than 800 pixels.
This is the image I want to scale:
Then click on the top menu: Image > Scale Image
The Scale dialogue box appears:
Click the little chain symbol, this means that your image will scale proportionately on each side,
In the drop down menu on the right click ‘pixels’ then in the image size width write 800.
2. Ensure the Resolution is 72 pixels per inch (ppi)
What is resolution? Resolution is the amount of detail you can see in an image and is measured in dpi (dots per inch) or ppi (pixels per inch). If you’re printing an image you will need a high resolution but on computer monitors it doesn’t matter as much.
Most computer monitors are 72 dpi or ppi. If an image is larger than 72 dpi it shows up larger on your computer screen and will need to be made smaller.
In the box next to ‘X Resolution’ enter 72, the ‘Y Resolution’ will automatically update. See the image above.
Make sure either ‘Cubic’ or ‘Sinc’ are in the box next to ‘Interpolation’.
Click on the red button that says ‘Scale’.
The last thing to do is save as either a .jpg or a .png. GIMP allows you to export: File > Export and then use the drop down to choose either .jpg or .png if you have anything transparent in the image.