To ensure that the handbag is kept in the crop we can choose between object-based automatic gravity ( g_auto:handbag) and object-specific gravity ( g_handbag). Here’s the original image:Ī square crop is required for a website product detail and here we can use the fill cropping method to fill the specified dimensions. Let’s take a look at a product image of a handbag. To help address this pain point, Cloudinary’s Object-Aware Cropping add-on automatically ensures that the object of interest, your product, is front and center for any crop, no matter which channel or device it’s being viewed on. To ensure that in each situation, your product, be it a handbag, a shoe or a vase, remains fully in view is a huge undertaking, one which requires creative teams to manage different crops, very painstakingly, and often manually. Factor in social channels, and the number of different crops required quickly multiplies. If you want your images to be responsive to different viewport sizes, yet more variations are required.
#CROP IMAGE BULK HOW TO#
We’ve seen how to fit different images into the same space, so now we’ll look at how to fit the same image into different spaces, while still keeping the desired object as the focus of attention.Īn e-commerce website typically requires a handful of image crops for the same product images (thumbnails, product listing, detail view, and zoom). With an additional 600 objects now supported, you can spend less time focusing your efforts on image cropping and more time looking at the bigger picture. In this case, you specify what you want to keep in your image along with one of Cloudinary’s many cropping options to suit your design and usability constraints. Like many of Cloudinary’s image transformation features, all you need to do is add a few parameters to the image delivery URL. So, unless AI is used, it’s an expensive proposition to ensure that 40,000 images of different sizes and aspect ratios best portray the objects you are selling.Ĭloudinary’s Object-Aware Cropping add-on applies advanced AI-based object detection algorithms on-the-fly during the crop process to keep specific objects in the picture.
For example, a typical e-commerce website may have 10,000 products in its catalog, with four images per product. Anyway, let’s cut to the chase – or should that be crop to the object…?Īutomatic AI-driven object-aware cropping is a very powerful feature that can save you time, money and a lot of hassle when it comes to displaying images on your website or app.
It is helpful though if you’re familiar with the likes of Java, PHP, Javascript or other popular frameworks, as you’ll be able to implement these automatic image cropping techniques in your code. I hope you don’t object when you discover that the objects in this post are not so much the instantiated class types, but real-life objects found in images.
If you’ve come across this post and, based on the title, are expecting insights into object-oriented programming languages, then please forgive me for overloading the term object-oriented.
0 kommentar(er)
