How to crop images for your website

one of the most common questions when it comes to self-managing your own website, blog, or online store is: how big should the photos I have to be that I am going to use? The answer will generally depend on the section or location of the same. In other words, the same size is not used for a photo gallery, an advertising banner or to illustrate a service.

The first thing we should know when we are going to upload an image to our website is the required size. For this, we must look at what are the proportions allowed for that field and select an image that is the required size or somewhat larger. If you do not know where to download photos do not hesitate to read our post on "Image Banks ". neck joint service Next, we are going to explain two ways to cut an image in a simple way, and then we can introduce it on your website.

Once installed, go to the image you want to resize.

Click with the right mouse button.

Choose the VSO Image Resizer option.

Select the "Resolution" (for example 750px. X 500px).

In " Destination " you must indicate the folder where you want to save the trimmed image.

Check the option "Save by default" to avoid having to re-enter the resolution.

Finally, click on "OK".

Crop images using Gimp

(Professional tool - free - Windows / Mac / Linux)


We download and install Gimp from its official website.

Once installed we open the image in the program.

In the main menu of the application we select "Scale" (Menu-> Image-> Scale the image). A box with various options will appear. We cut the "Width" and insert the required width and click on height (it is important to keep the chain so that it is trimmed proportionally) and click on "Scale".

At this point, it is possible that "Width" and "Height" coincide, if this is your case goes to the last point, otherwise continue with the following steps.

We will have to use the manual trimming function. This tool is in the main menu "Crop" (Menu-> Tools-> Selection tools-> Rectangular selection). Once the tool is selected, click with the left button and drag it until reaching the desired size. To know exactly the proportions in the toolbar on the left there is a section called "Size" where it shows us both width and height.

Now we are going to do three steps in a row. In the main menu "Copy" (Menu-> Edit-> Copy), "Create image to scale" (Menu-> File-> Create-> From the clipboard) and finally click on the new tab that has been created.

To finish "Save the image" (Menu-> File-> Export as). In the window that appears we choose where to save it and the extension ".jpg". Since it is the ideal format for the web.

Using either of these two techniques you can easily crop and adapt your images. We must be aware of the importance of uploading content in an appropriate way to our website.

you may read also how to do a clipping path in photoshop