Print and framing
Show each photo's proportions.
Content / widget · Elementor module
Attachment Image Ratio Widget Plugin for Elementor
Show the aspect ratio of a Media Library image: a familiar ratio such as 16:9 or 3:2, the exact whole-number ratio, or a decimal such as 1.78:1.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Attachment image ratioProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try it
These are the actual published outputs of the widget for files from the Media Library.
02 / Inside WordPress
Attachment image ratio controls in Elementor
Content sets the file source, the image, what to show, the decimal places, the separator, text before and after, the empty text, the HTML tag and an icon. The Style tab covers typography, colours, surface, border, alignment, padding, radius and the icon.
03 / Website use cases
Where to use attachment image ratio
Designers, photographers and print shops talk in aspect ratios, and working them out from pixel sizes by hand is error-prone, especially when WordPress has stored a scaled copy. Attachment image ratio shows a familiar ratio such as 3:2, marks close matches with ≈, or shows the exact or decimal ratio, from the original upload.
Design resources
Label images for layouts.
Video stills
Show 16:9 or 21:9 at a glance.
04 / Installation and setup
How to add an attachment image ratio in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Attachment image ratio in the Complementor library.
Choose the image, or the featured image in a template.
Choose familiar, exact or decimal.
Pick a separator and style it.
Publish and check it on the live page.
05 / Content and style controls
Customize attachment image ratio in Elementor
Configure the settings available for this module to suit the page you are building.
Familiar ratios such as 16:9.
Close matches marked ≈.
Exact whole-number ratio.
Decimal such as 1.78:1.
Uses the original of scaled uploads.
Skips files of private posts.
06 / Choose the right approach
Attachment image ratio and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Pixel sizes
Leave the reader to work out the ratio.
Attachment image orientation
Says landscape or portrait, not the proportions.
07 / Requirements and compatibility
Attachment image ratio compatibility with Elementor
- Requires Elementor; works without WooCommerce.
- Describes proportions; it does not crop images.
- Full-page caches keep the value until they are refreshed.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot attachment image ratio
Check these settings if the published page behaves differently from the editor.
Why is there a ≈ sign?
The image is within 1% of a common ratio but not exactly it.
Why does it show a decimal?
No small exact ratio or common ratio fits; choose Exact to see the whole numbers.
Why is nothing shown for an SVG?
SVG files have no stored size in WordPress.
Why is nothing shown?
The file is not an image, or belongs to a draft or private post.
Attachment image ratio plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Can it reveal private files?
No. Files attached to drafts, private or password-protected posts are never shown on the live site.
Why 3:2 and not 2560:1707?
WordPress stores a scaled copy of big uploads; the original's sides are used.
Is it accessible?
Yes. It is ordinary text.
Does it work in post templates?
Yes. Choose the featured image of the current post, or the attachment page in media templates.
10 / Annual All Access subscription
Get attachment image ratio with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.