{"id":698,"date":"2024-05-07T11:41:45","date_gmt":"2024-05-07T11:41:45","guid":{"rendered":"https:\/\/kb.shortpixel.com\/docs\/what-is-smart-cropping\/"},"modified":"2025-08-27T08:46:51","modified_gmt":"2025-08-27T08:46:51","password":"","slug":"what-is-smart-cropping","status":"publish","type":"docs","link":"https:\/\/kb.shortpixel.com\/knowledge-base\/article\/what-is-smart-cropping\/","title":{"rendered":"What is Smart cropping?"},"content":{"rendered":"\n

Both ShortPixel Image Optimizer<\/a> (SPIO<\/strong>) and ShortPixel Adaptive Images<\/a> (SPAI<\/strong>) can smart crop your images easily.<\/p>\n\n\n\n

What is smart cropping and why is it helpful?<\/h2>\n\n\n\n

Regular cropping doesn’t take into consideration the elements in a picture. Let’s take this picture, for example:<\/p>\n\n\n\n

<\/p>\n\n\n\n

When cropped regularly to 500×320 pixels, it will look like this:<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

On the other hand, when smart cropped, it will look like this:<\/p>\n\n\n\n

<\/p>\n\n\n\n

As you can see, the framing on the smart-cropped thumbnail is much better!<\/p>\n\n\n\n

Photo by Azamat Zhanisov on<\/em> Unsplash<\/em><\/a><\/p>\n\n\n\n

How does smart cropping work in ShortPixel’s plugins?<\/h2>\n\n\n\n

SPIO<\/h3>\n\n\n\n

In ShortPixel Image Optimizer, smart cropping works for both the original image and thumbnails<\/a>. Each time an image is sent for optimization, the thumbnails keep the original size but display the “right” part of the image, as described above.<\/p>\n\n\n\n

Smart Cropping also has a nice additional feature: the cropped thumbnails become sharper. This sometimes makes the Smart Cropping thumbnails a bit larger, but the result is amazing. Here is an example. This is an original thumbnail:<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

And this one is sharpened, after going through the Smart Crop algorithm:<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

The original image is also cropped in the same way, but only if the “Resize large images<\/a>” option is enabled.<\/p>\n\n\n\n

SPAI<\/h3>\n\n\n\n

In ShortPixel Adaptive Images, smart cropping works mainly on background images, i.e. images set with the CSS background-image<\/code> property. This is because normal images in img<\/code> HTML tags display the entire image and therefore do not require (smart) cropping.<\/p>\n\n\n\n

However, not all background images are smart cropped. Our API supports smart cropping by simply passing the width and height of the image, but in order for SPAI to send a width and height parameter that triggers smart cropping, the image needs to not<\/strong> be fully visible on the page, as it would be with the background-size: cover<\/code> property\/value.<\/p>\n\n\n\n

Where can I enable smart cropping?<\/h2>\n\n\n\n

SPIO<\/h3>\n\n\n\n

You can enable the option by going to your WordPress dashboard and then to Settings > ShortPixel > Image Optimization. Look for the setting “Enable SmartCrop”:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

SPAI<\/h3>\n\n\n\n

You can enable the option by following the steps below:<\/p>\n\n\n\n

    \n
  1. On your WordPress dashboard, go to Settings > ShortPixel AI.<\/li>\n\n\n\n
  2. Enable the Advanced mode
    <\/figure><\/li>\n\n\n\n

  3. Go to the Behavior tab.<\/p><\/li>\n\n\n\n

  4. Enable “Smart crop”: <\/p><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

    Both ShortPixel Image Optimizer (SPIO) and ShortPixel Adaptive Images (SPAI) can smart crop your images easily. What is smart cropping and why is it helpful? Regular cropping doesn’t take into consideration the elements in a picture. Let’s take this picture, for example: When cropped regularly to 500×320 pixels, it will look like this: On the other […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[35,37],"glossaries":[],"doc_tag":[],"class_list":["post-698","docs","type-docs","status-publish","hentry","doc_category-shortpixel-adaptive-images","doc_category-shortpixel-image-optimizer"],"blocksy_meta":[],"year_month":"2026-04","word_count":377,"total_views":"2696","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"admin","author_nicename":"admin_mdli53m5","author_url":"https:\/\/kb.shortpixel.com\/author\/admin_mdli53m5\/"},"doc_category_info":[{"term_name":"ShortPixel Adaptive Images","term_url":"https:\/\/kb.shortpixel.com\/knowledge-base\/category\/shortpixel-adaptive-images\/"},{"term_name":"ShortPixel Image Optimizer","term_url":"https:\/\/kb.shortpixel.com\/knowledge-base\/category\/shortpixel-image-optimizer\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/kb.shortpixel.com\/wp-json\/wp\/v2\/docs\/698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.shortpixel.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/kb.shortpixel.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/kb.shortpixel.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.shortpixel.com\/wp-json\/wp\/v2\/comments?post=698"}],"version-history":[{"count":4,"href":"https:\/\/kb.shortpixel.com\/wp-json\/wp\/v2\/docs\/698\/revisions"}],"predecessor-version":[{"id":2147,"href":"https:\/\/kb.shortpixel.com\/wp-json\/wp\/v2\/docs\/698\/revisions\/2147"}],"wp:attachment":[{"href":"https:\/\/kb.shortpixel.com\/wp-json\/wp\/v2\/media?parent=698"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/kb.shortpixel.com\/wp-json\/wp\/v2\/doc_category?post=698"},{"taxonomy":"glossaries","embeddable":true,"href":"https:\/\/kb.shortpixel.com\/wp-json\/wp\/v2\/glossaries?post=698"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/kb.shortpixel.com\/wp-json\/wp\/v2\/doc_tag?post=698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}