4

Google is cropping my images in the result of google image search. I do have a height defined on my images that are SVG-files. The image code looks like this:

<img class="img-responsive height-4" 
src="/path/to/img.svg" alt="Woman standing" 
title="Woman standing">

and corresponding CSS:

.img-responsive{
    margin: auto;
}

.height-4{
    height: 250px !important;
}

This is the result in image search in Google:

enter image description here

What is the reason for Google's mean behaviour?

4

Google image search shows thumbnails of images that fit in their search results layout. If the aspect ratio doesn't allow it to fit into the layout, Google crops the image. Google crops the thumbnails show in the search results that are either too tall or to wide.

It looks like the tallest images you can use without cropping have an aspect ratio of about 7:9. To prevent Google from cropping your images in the search results, increase the image width.

For some searches, almost all the images are a taller aspect ratio than what fits in the search results layout. If you search for "standing woman", almost all the results show women with parts of their heads or feet cropped off. There are a couple that are not cropped though. Note that the image from 3D Warehouse on the right of the screenshot below is not cropped. That image has plenty of white space on the right and left making the aspect ratio of the image wider than tall.

Standing Women Google Image Search

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.