Photography
Show each photo's resolution.
Content / widget · Elementor module
Attachment Pixel Area Widget Plugin for Elementor
Show how many pixels a Media Library image has, as megapixels such as “6 MP” or as a pixel count, from the original upload.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Attachment pixel areaProduct 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 pixel area controls in Elementor
Content sets the file source, the image, megapixels or pixel count, the wordings and decimal places, 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 pixel area
Photographers and stock libraries list resolution in megapixels, but WordPress keeps a smaller scaled copy of big uploads, so sizes read from the copy are wrong. Attachment pixel area counts the original upload's pixels and shows “6 MP” or “6,000,000 pixels”, with width and height if you like.
Stock libraries
List megapixels for buyers.
Print shops
Show whether a photo is big enough to print.
04 / Installation and setup
How to add an attachment pixel area 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 pixel area in the Complementor library.
Choose the image, or the featured image in a template.
Choose megapixels or the pixel count.
Adjust the wording and style it.
Publish and check it on the live page.
05 / Content and style controls
Customize attachment pixel area in Elementor
Configure the settings available for this module to suit the page you are building.
Megapixels or pixel count.
Original upload, not the scaled copy.
{width} and {height} in the wording.
No trailing .0.
Featured image and attachment pages.
Skips files of private posts.
06 / Choose the right approach
Attachment pixel area and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Pixel sizes from the metadata
Show the scaled copy for big uploads.
Attachment image dimensions
Shows width and height; this shows the area.
07 / Requirements and compatibility
Attachment pixel area compatibility with Elementor
- Requires Elementor; works without WooCommerce.
- Describes resolution; it does not resize 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 pixel area
Check these settings if the published page behaves differently from the editor.
Why does it differ from the image size in the Media Library?
The Media Library may show the scaled copy; this counts the original upload.
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.
Can I show width and height too?
Yes. Use {width} and {height} in the wording.
Attachment pixel area 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.
What is a megapixel?
One million pixels; a 3000 × 2000 photo has 6 megapixels.
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 pixel area 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.