Pro and above · 4 CLEAR STEPS
Product photography layouts
Let each product photograph keep its shape and give its details room to breathe.
Reading this guide is free. Opening the tool needs an authorised account; public paid sign-up remains closed.
READ IT. TRY IT. MAKE IT YOURS.
One useful step at a time.
Follow the numbered instructions below. Use “Watch this part” where a related clip is available; it pauses so you can try the step.
STEP 1 OF 4
Choose a product and image
Upload PNG, JPEG or WebP: up to 8 MB, 40 megapixels and 16,384 pixels on either side. Any aspect ratio within those limits is accepted.
Watch this part 5 secSTEP 2 OF 4
Check the prepared size
The editor makes a WebP copy no more than 1,600 pixels on its longest side and under 650 KB. Aim for an original around 1,600 pixels on the long side; smaller than 600 pixels may look soft.
Watch this part 6 secSTEP 3 OF 4
Choose the composition
Follow the original image with whole-image fit, or choose a square, portrait, landscape or wide frame. Crop to fill is optional; use Crop focus to keep the subject where it belongs.
Watch this part 6 secSTEP 4 OF 4
Arrange the card and review
Choose Automatic, Image above the details or Image beside the details. Apply the product changes, inspect Desktop, Tablet and Mobile, then save and back up the catalogue.
Watch this part 13 sec
HOW YOU KNOW IT WORKED
Check your result.
The full product is represented accurately, text is readable, and no image is stretched. Wide images can use a wider card; very tall images are bounded so details stay reachable.
If it doesn’t feel right yet.
For an awkward crop, return to original proportions and whole-image fit. Extremely long images may need space around them. Keep your original and use a separate close-up when a single image cannot show enough detail.
Ask for a helping hand ↗Include the step and what happened. Leave passwords, keys and private customer information out.
Saved only on this browser. It is a reading reminder, not proof of completion or compliance.
WATCH WHEN IT HELPS
Product photography layouts
29 sec · silent, captioned screen walkthrough · recorded 12 October 2026 in a local workspace with fictional content. Pauses edited for reading. Clips show related controls; follow every written step, including any checks outside PorridgeWeb.
Read the video transcript
- 0:00 Step 1 Choose a product and upload PNG, JPEG or WebP within the displayed limits.
- 0:04 Step 2 Read the size recommendations before choosing your original image.
- 0:10 Step 3 Choose a square frame. Whole-image fit keeps the bottle intact.
- 0:16 Step 4 Return to original proportions and place the details beside the image.
- 0:21 Step 4 Check the phone preview, then save the browser draft and keep a backup.
Keep going at your own pace.
← All tutorialsGuide checked against the working tools on 12 October 2026. External service screens and requirements may change.