Hero Image Focal Point Preview
Test whether a chosen focal point survives desktop, square and mobile crops.
Local image preview
Your image stays in your browser. We do not upload or store your file.
Focal point result
Focal point at 50% / 50%: horizontal crop risk safe, vertical crop risk safe.
- Keep the focal point near the center to survive responsive crops.
- Use CSS object-position or your theme focal-point control to align around this point.
FAQ
What is a focal point?
It is the part of the image that should remain visible when a responsive layout crops the image.
Is this theme-specific?
No. It is a crop-model preview; your theme may use different object-position settings.
Related tools
Sources and limits
official: Shopify focal point and responsive crop guidance. Last checked 2026-05-24.
Platform dimensions are centralized in data files. Every platform spec must include sourceConfidence, sourceUrl and lastCheckedAt. Official platform documentation overrides this tool when specifications differ.