Pixel dimensions describe the whole canvas, including empty transparent space. A subject occupying a small area of a large PNG can therefore look tiny when a website fits the entire image into a card. Inspect the visible content bounds and the receiving layout before increasing resolution. Trim unnecessary padding on a copy, while retaining margins needed for shadows, motion or print placement.
Measure canvas and content separately
Place the PNG over a contrasting background. Identify the outermost visible pixels, including soft shadows and hair. A nominal square canvas may contain a small centered portrait with wide empty borders. The receiving page can scale that complete square faithfully and still make the person too small.
In an external image editor, inspect canvas size and the content boundary. Adobe’s image-size documentation concerns pixel dimensions; that number alone does not describe how much of the canvas the subject occupies. Do not crop from a thumbnail that hides low-opacity edges.
Prepare a use-specific copy
- Keep the untrimmed master with its transparency.
- Inspect all four edges over light and dark backgrounds.
- Crop a working copy around the subject with deliberate breathing room.
- Export in a format that preserves the transparency you need.
- Test it inside the actual avatar, product card or design frame.
A round avatar needs a different margin from a product cutout with a long soft shadow. Choose the copy for its receiving frame; do not destructively trim the master merely to make one thumbnail fill more space. If the site uses a forced crop, check that it does not then clip the newly enlarged subject.
Distinguish layout errors from source errors
If the file looks correctly sized in another viewer but tiny only on one page, inspect that page’s layout with its maintainer. A restrictive content box, extra CSS padding or a chosen fit mode may be the cause. Changing the AI prompt will not fix that receiving layout.
Should I upscale the PNG instead?
Upscaling increases the canvas and subject together. It does not change their relative occupancy. Resolve padding and layout first, then assess whether the visible subject has enough recorded detail for the intended size.
Why did trimming remove a shadow?
The boundary was judged from opaque pixels only. Review low-opacity content and preserve its full extent when it belongs to the design. For strict flat artwork, decide explicitly whether that shadow should be present at all.
Sources and scope
This is an original Imagild Editorial workflow guide, assisted by AI and reviewed against the linked sources on October 12, 2026. External tool procedures do not imply that Imagild provides those tools or guarantees their results.