Goal: Standardize product image sizes so they are always proportionally consistent
Before preforming any automation tasks using your product assets, they must be prepared for it. Here we are primarily making sure the product images are all proportionately sized. This way, when we make visuals, we ensure that:
-
Proportions stay consistent no matter what visual is being created.
-
Do not accidentally make a tiny sample sized bottles bigger than the main product.
-
Non-designers are not guessing and randomly re-sizing products.
Step 1: Get a rough idea of physical proportions
The easiest and perhaps the fastest way to size products to scale is by simply arranging physical products in a row on a table and taking a photo with your phone. It should look something like this:
Then, we can use the photo you take of your products as a reference for resizing all of your products.
Step 2: Remove background from product images
Remove backgrounds and trim transparent pixels of product images
- Method 1 (fast & easy): one click background removal on dipp's platform
- Open Brand settings > Image assets > Product photos > Your Desired folder
- From the flyout menu under the '+' icon, click on Upload assets
- Drag & drop product images in the area provided
- Click on each asset to preview it and remove background by clicking Remove background
- Method 2 (slower & harder): Photoshop's object detection to select objects
- Layer > New > New Layer via Cut
- Delete background
- ⌘/Ctrl+Click on the layer thumbnail to select layer boundaries
- Select the Crop tool and hit enter to crop
- Save as a PNG
Step 3: Scale products proportionally
- Download and open this template in Photoshop
- Replace “Layer” with the picture of your products
- Drag & drop product images on the template
- Import as smart objects to minimize resolution loss
- Resize each product to match the reference photo
- Export ‘layers to files’
- Make sure the ‘Trim Layers’ check mark is on, this way the transparent pixels will be cropped off