PNG Resizer
Resize
Enter one value and the other follows automatically while locked.
Transparency is preserved — the alpha channel survives the resize.
Saves the edited image at its current dimensions. JPG, PNG, and WebP keep their format; other supported inputs download as JPG. Check the downloaded file for final quality.
Your images are processed locally in your browser and never uploaded to any server.
Resize and download one PNG at a time with transparency preserved. Use exact pixels or percentage scaling with the aspect ratio locked, all processed locally. Check small text and fine edges: changing dimensions can soften them.
PNG is useful for transparent logos, screenshots and interface graphics. The resize scales transparency along with colour, but fewer pixels still mean less source detail. Lossless PNG encoding preserves the resized pixels without adding lossy compression artifacts; it does not make the resizing itself lossless. Keep your original if you may need a larger version later.
How to use the png resizer
- Add one PNG image.
- Enter target dimensions or a scale percentage, then click Apply resize.
- Check the resized preview and transparent edges.
- Click Download to save the PNG. Repeat for another image.
Logos, icons, and screenshots
For a logo or icon on a high-density screen, aim for roughly twice its CSS display size when the source is large enough. A mark shown at 150 CSS pixels can use a 300px PNG. This helps retain sharpness at that display size, but enlarging a small PNG cannot recover missing detail.
For screenshots and UI captures, choose dimensions that keep text readable in the intended column or slide, allowing for screen density. Keep the aspect ratio locked so interface elements are not squashed. PNG avoids JPG compression artifacts on text and flat graphics, but resized text is not pixel-identical to the source.
Frequently asked questions
Is transparency preserved when resizing?
Yes. The alpha channel scales with the color channels and the PNG download retains transparency. Resampling changes edge pixels, so inspect fine or semi-transparent outlines at the target size.
Why did my PNG get bigger after shrinking?
PNG file size depends on pixel content and encoding, not just dimensions. Resampling may introduce extra colors, and the browser may encode differently from the original. A smaller pixel count does not guarantee fewer bytes. Compare formats separately if file size is the priority.
What size should a logo PNG be?
For a 2× density display, use a 300px PNG for a logo shown at 150 CSS pixels, provided your source is large enough. Keep the original: downscaling removes detail, and upscaling the result cannot recover it.