Do not deform your photos: learn to resize them

This content is part of the Sitelicon editorial archive. It retains the information available on the date of publication; the conditions, tools and requirements of the platforms may have changed.

Context

You have the perfect photo, but it doesn’t fit well in the space you want to place it. The template of your blog does not allow square images; or the home slideshow of your website is too long; or the photos of your products are not always well-framed in the list of your online shop, etc.

Each case can be treated differently, we show you the possible solutions… and what you should never do.

Imagine you have this picture and you need to place it in a square space:

http: / / www.contrabase.com / wp-content / uploads / 2015 / 03 / post-01.jpg

OPTION 1: DEFORMAR

If the space you have is different from the image format, the easy solution is to hover or stretch the photo, but, Watch out! This is the worst choice of all and **You shouldn’t ever do it.**If you deform your logo or photos, your image and your web lose quality. It will seem that you neglect your web and give a “cutre” impression.

http: / / www.contrabase.com / wp-content / uploads / 2015 / 03 / post-02.jpg

OPTION 2: CENTRAR

Focus the image It’s usually the best option. In most cases. This means that the sides of the photo will be cut a little, but we can almost always dispense with a piece. The frame of the photo is focused on the available space. It would be something like this:

http: / / www.contrabase.com / wp-content / uploads / 2015 / 03 / post-03.jpg

OPTION 3: ADJUST

This way we get the whole image into the space we have. It is not cut or deformed, but there will be some margins filling in the space left over. This option is less aesthetic than the previous one, but it is the right solution when it is important to show the full image.

http: / / www.contrabase.com / wp-content / uploads / 2015 / 03 / post-04.jpg

Do you have any more doubts? If you need help or have any problems with managing your images on the web, Contact us.