Enhancing Website performance using GIMP

GIMP (GNU Image Manipulation Program) is best Open Source Software for image manipulation.The software is extremely powerful.One can master the tool and use it for image processing.Freelancers can make money using this tool.The software is free to download and interested person can get hold of books to master it and start earning money.

One of the uses of GIMP is Image Scaling.Image scaling means resizing the dimension of image and maintaining the quality of image.This is an important feature and is used to make websites faster.

If a website hosts images (for example if you have a wordpress blog and in wordpress for you are using images) then image size plays an important role in time webpage takes to load.The image with size 90KB will load faster than image with size 100KB.Often image resizing is done through HTML or CSS.Let you have used a image of dimension 1200*1600 in your wordpress post or webpage then when the post or page is requested then image size is scaled to say 632*843 (wordpress twentyten theme dimension) in HTML or CSS.This causes extra bytes of information transfer and slow web page loading.Image with dimension 1200*1600 will have size greater than that of 632*843.

Google Page Speed and YSlow can be used to find out whether a webpage has Serve Scale Image (Google Page Speed terminology) or don’t scale images in html (Yahoo Yslow terminology) issue.The dimensions to be used for the image can also be found using the above tools.

After finding the dimension and name of the image need to be scaled for better performance use below steps

  • Download and Install GIMP.

  • Open the image to be scaled in GIMP.
  • Go to the option Image –> Scale Image and click it.
  • A window as shown in the picture below is displayed.The window lists original image dimensions.In this case the image dimension is 1200*1600.
  • Change the dimension as shown in second picture.The dimension is changed to 632.If you change the first one then second one automatically gets changes.Note that on right side of dimension change text boxes you have a chain.If you want to change second dimension then click on the chain.Clicking on the chain breaks it.Then you can change the dimensions freely.
  • There is no need to break chain in most of the cases.Fill the first dimension and let second get calculated automatically to retain best image quality.
  • Make money by optimizing website using this small processing.

GIMP scale image option to scale or resize image

GIMP scale image option to scale or resize image

8 thoughts on “Enhancing Website performance using GIMP

  1. i am using jpeg only

    • Well, I tried scaling images through cPanel as you mentioned in another post. But, I have a few questions…. How to fix the intended size? How will I understand if the image size has reduced in KBs? Can I check it from cPanel data?

      • reducing image size will reduce it’s size..you can not see the reduced size in cpanel but can see in File manager option of cpanel

  2. i am using jpeg only

    • Well, I tried scaling images through cPanel as you mentioned in another post. But, I have a few questions…. How to fix the intended size? How will I understand if the image size has reduced in KBs? Can I check it from cPanel data?

      • reducing image size will reduce it’s size..you can not see the reduced size in cpanel but can see in File manager option of cpanel

  3. Namaste,

    I have found difficulty with text feature of GIMP. Aligning it along a path takes away its beauty.

    I don’t know where to get the option of resolution. Where does it show GIF 128 v/s PNG 8 so that we can see the image quality and compare the size.

    Have a great day.

    Ashok

    • While exporting an image you should uncheck all the boxes to make file size small..(for JPG the size quality should be 70%)

Leave a Comment