Source for best-priced products from millions of qualified suppliers at Sup Dropshipping    Start Sourcing

No credit card required to Start Shopify Trial or Try PageFly

Start Shopify trial Try PageFly freeTry PageFly free
Product page optimization

Include Dimension Images in Expected Locations on Product Pages

By Victor Bui | Mar 31, 2025 | 5 minutes read

Share

Main problems ❌

  • Users struggle to find product dimension images where they expect them
  • When dimension images aren't found in one location, users often assume they don't exist
  • Users need accurate measurements for confident purchasing decisions
  • Without easily accessible dimension images, users may abandon their purchase, misinterpret written dimensions, or make incorrect purchasing decisions that lead to returns.
example of lacking any dimension visuals

❌ The product is shown in only one image, lacking any visuals of its dimensions. Crucially, no measurements are provided, which leaves potential buyers unsure of the product's size and hesitant to purchase.

Solutions ✅

  • Include dimension images in both the main product image gallery and next to the written dimensions in the product details/specifications section.
  • Ensure all dimension-related information is visible in the same location
  • Make dimension images easily discoverable when users encounter written measurements
example of dimension images in Amazon.png__PID:eb4ddabc-ae2d-45d6-b571-a4253932c635

✅An Amazon product page shows dimensions both as a gallery image and in the product description, making it easy for customers to quickly find size information in their preferred format.

Learn // Optimize // GrowLearn // Optimize // GrowLearn // Optimize // GrowLearn // Optimize // GrowLearn // Optimize // GrowLearn // Optimize // Grow
Learn // Optimize // GrowLearn // Optimize // GrowLearn // Optimize // GrowLearn // Optimize // GrowLearn // Optimize // GrowLearn // Optimize // Grow

Table of content

Meet Keychron

Challenge

Solution

How Keychron found PageFly?

Hightlight solutions that PageFly provides

Product Details Page

Results

CRO side banner.gif__PID:b56d1244-9308-4d56-9fc2-86fdd229c567

Findings

Research from Baymard Institute indicates that users require precise measurements to feel secure in their purchasing decisions. A "Dimensions" image helps bridge the gap between written data and physical representation. However, testing revealed a significant concern: many participants struggled to locate the "Dimensions" image when it was positioned away from expected areas. Here are some insights:

  • Users look for the dimensions image in the gallery or near written measurements.
  • Poor visibility of this image may cause users to leave or misread specs.
  • Testing showed dimension visuals boost purchase confidence, particularly for new buyers.

The following are best practices for optimally placing dimension images on product pages:

tips to add dimension images

Tips for desktop

Place dimension images in the main gallery

CRO Promo Box.png__PID:45c057f2-2abe-4e26-9048-6b90471930c6

Ensure "Dimensions" images are prominently displayed in the main product image gallery, ensuring they are easily visible without excessive scrolling. This mirrors familiar shopping behaviors found across various e-commerce platforms.

Sonex Nonstick showcased product dimension images.

A PageFly user, Sonex Nonstick, effectively showcased their product dimensions by featuring a detailed dimension image alongside primary product photos in their gallery, ensuring customers could easily find this crucial information while browsing.

Showcase clear and attractive thumbnails

Place the "Dimensions" image along with any written dimension information in the product details section. Use clear headers such as “Specifications,” “Measurements,” or “Dimensions” to clearly delineate the section.

Show dimension images alongside the written dimensions

Another PageFly user, Merowings, enhances product understanding by placing a detailed dimension diagram next to written measurements in their product description, allowing customers to quickly grasp the item's size through both visual and text formats.

Add alt text to dimension images

Use descriptive alt text for "Dimensions" images to make product details accessible to screen reader users and improve SEO. Clear alt text helps visually impaired users understand product measurements while also allowing search engines to better index the images, making the product more discoverable in search results.

PageFly's intuitive editor streamlines your store's accessibility by making it simple to enhance images with descriptive alt text, customize title text, and optimize image quality - ensuring all shoppers can access your product information effectively.

This practice helps screen reader users understand product measurements, making the shopping experience more inclusive and user-friendly for visitors who rely on assistive technologies.

Add alt text to dimension images in PageFly

Tips for Mobile

Display dimension images optimally on mobile

Place dimension images where users can easily see them in the mobile view, without requiring lengthy scrolling. Keep the layout clean and uncluttered to help customers quickly find and understand product sizes, reducing frustration and increasing the chances they'll complete their purchase.

placing dimension information at the top of the product details tab.png__PID:c4d21226-31f8-42c9-9694-3cc8bebb0e1d

IKEA optimizes their mobile shopping experience by strategically placing dimension information at the top of the product details tab, allowing customers to immediately view sizing details without needing to scroll through lengthy content - a practice that keeps shoppers engaged and informed from the start of their product exploration. Source: Baymard

Ensure image responsiveness on mobile

Mobile devices come in a wide range of screen sizes and resolutions. Dimension images need to adapt to these differences to look good on every device.

By using PageFly, you can optimize your images for different screen sizes, ensuring that they resize correctly and maintain visibility and legibility, which significantly enhances user experience during scrolling and contributes to a more polished and professional website.

Ensure image responsiveness on mobile

Conclusion

Integrating "Dimensions" images effectively into your product pages can significantly enhance user experience by aligning with customer expectations.

With PageFly, you can strategically place these images in both the main gallery and adjacent to written dimensions, helping build consumer confidence, reduce abandonment rates, and ultimately improve conversion rates.

In addition, PageFly's responsive design capabilities ensure your dimension images are optimized across both desktop and mobile platforms, creating a smoother and more engaging shopping experience that drives successful purchases.

Frequently asked questions

Why are dimension images important on product pages?

Including "Dimensions" images enhances user understanding of product size, which is crucial for informed purchasing decisions. It minimizes confusion and potential returns due to size misunderstanding.

How do dimension images affect conversion rates?

By providing a clear visual representation of size, dimension images can lower return rates and improve conversion rates by ensuring customers feel informed and satisfied with their purchases.

What if my product doesn’t have set dimensions?

If your products are highly variable in size, consider creating a standard image showing relative size comparisons using common objects (like a ruler or a common household item) alongside the product.

Can dimension images enhance accessibility?

Yes, by incorporating alt text and ensuring that dimension images are placed alongside written dimensions, you significantly improve accessibility for users relying on screen readers or other assistive technologies.

Related posts

Use vertically collapsed sections for better PDPs (Especially on mobile)Product page optimization

Use vertically collapsed sections for better PDPs (Especially on mobile)

March 31, 2025

Use a sticky TOC for long PDPsProduct page optimization

Use a sticky table of content for long product page

March 31, 2025

Always Have at Least 3–5 Product Images for All ProductsProduct page optimization

Always have at least 3–5 product images for all products

March 31, 2025

PageFly CRO features

Check out our powerful built-in CRO features to help you grow

A/B testing

Coming soon

New analytic dashboard

Highlight your deals and engage shoppers to take actions.

Build your storefront that converts

Access all the tools you need to build your unique store!

Install PageFly now

Free plan forever. No risk.