Hero Image Focal Point Preview
Test whether a chosen hero-image focal point survives desktop, square, mobile, and wide responsive 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.
How to use this result
Start with the target surface: a printed size, a platform canvas, a marketplace image requirement, or a safe-zone overlay. Enter the real pixel dimensions or upload a local image when the tool supports it, then compare the result with the recommended size, ratio, file-size limit, and source note.
Use the copied output as a production checklist rather than as an approval guarantee. The calculator checks measurable dimensions and ratios, while final acceptance can still depend on compression, color, account settings, crop previews, platform policy, or printer-specific export instructions.
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.