Resizing pictures is an easy task, but it gets terrifying when you deal with hundreds, or even thousands of images. Luckily, we’ve found a way to save you from all that boring manual work.
Meet Smart Resize by Uploadcare. This feature allows you to automate image resizing without losing quality or distorting objects in a picture. Keep reading to learn more about how it works and when you should opt for it.
Smart Resize is an innovative feature that utilizes AI and deep learning neural networks. The software analyzes the contents of an image and resizes only the unimportant pixels. Simply put, it preserves the correct proportions of faces, silhouettes and objects, and resizes only the background and insignificant details.
It allows you to automatically resize images to the desired dimensions without stretching or squashing important areas. With this technology, you can:
✅ Turn a vertical image into a square one, or vice versa:
✅ Implement batch image resizing to fit existing images into an updated website design:
✅ Automatically resize images uploaded by users, for instance, profile photos:
✅ Generate nice-looking image thumbnails:
✅ Create horizontal and vertical banners using a single photo:
When you use a basic resize feature to shrink or stretch an image, it applies the effect to the entire picture, without taking account of what’s in it. This means that sometimes you risk losing picture detail or distorting objects in a photo, making them squashed or stretched out and fuzzy.
As you can see, the ballet dancer in this photo looks stretched out, because resizing has been applied to the entire picture.
To get the desired size without distortion, you’d need to adjust every image manually, which is time-consuming and inefficient.
That’s where Uploadcare’s Smart Resize comes in. The feature has a content-aware mechanic that detects visually important objects or regions in images. When shrinking or stretching images, the smart resize algorithm leaves important objects unchanged and applies effect only to the background.
Here you can see that the ballet dancer looks the same, and only the background is stretched.
This way you’ll be able to easily resize images while keeping the right proportions of the people and objects in them.
Uploadcare’s smart resize feature is an AI-based algorithm. We utilize deep learning neural networks to analyze images and find the most important areas: faces, objects, and corner points.
Face and object detection don’t require a long explanation: they locate human faces and the most visually important regions in images.
As for corner points, this method analyzes image pixels to find high contrast corners in the image, which comes in handy when you need to resize abstract images, landscapes, and art images. A good example from the business world would be resizing clients’ logos for landing pages.
For the smart resize algorithm, it doesn’t matter how many objects there are and where they are located in the picture. Even if there are several objects, smart resize will keep the right proportions of each of them.
Obviously, the algorithm works best with simple monochrome backgrounds. This is perfect for online stores, as most often they use the same neutral, unicolored background for all product photos. Thus, they’ll be able to get images of any size and resolution without distortion.
As for complicated backgrounds, smart resize is also up for the task. It can blur the background a bit, but the image as well as the objects in it still look fine:
That said, not every background can be resized effectively. In some cases, you’ll need to opt for regular image resize and adjust the image manually.
All image transformations are done with Uploadcare Image CDN. To request a file from the CDN, you need to make a request to ucarecdn.com via HTTP or HTTPS. Here’s what it looks like:
To implement image transformations, you need to include URL directives in their respective CDN URLs:
- :uuid – your unique file identifier (UUID), assigned to every uploaded file.
- /-/ – the mandatory delimiter for our parser to tell operations from one another and other path components.
- :operation – CDN operation URL directive.
- :params – related parameters.
- :filename – a filename you can add after the trailing / in a CDN URL. (optional)
To enable smart mode, you need to use a new operation smart_resize instead of regular resize. Thus, to apply the smart resize feature, your URL should look like this:
Just change :uuid to your file UUID and 1024x1024 to the size in pixels you need.
Uploadcare Smart Resize handles image resizing while keeping the highest quality, as well as the right proportion of objects in the picture. This feature reduces manual work to a minimum and lets you focus on more important and exciting tasks, rather than tweaking images.