Add Padding to an Image
Add breathing room around any image, transparent or a solid colour. Fix logos that sit too tight, or extend the canvas to hit an exact aspect ratio. The preview updates instantly; one credit downloads the full-resolution file.
Free preview · No signup · ~10 seconds
Drop an image here
PNG, JPG, WebP or SVG — up to 30 MB
Runs entirely in your browser. Your image is never uploaded.
Padding, margins and safe areas
Even space on every side
Set how much room to add and it is applied evenly around the image, growing the canvas without scaling or distorting your content. The picture stays exactly the same size and sharpness; it simply gains margin on all four sides. This is the reliable way to add consistent whitespace instead of nudging things by hand.
Transparent or solid fill
Leave the new space transparent to keep a clean PNG that drops onto any background, or fill it with a solid colour to sit the image on a coloured card. A transparent fill is best for logos over unknown backgrounds, while a solid fill is handy for uniform social tiles and thumbnails.
Fix tight crops
Logos and icons that touch the edges of their file often look cramped or get clipped by rounded masks and circular avatar frames. Adding padding gives them a safe margin so nothing important is cut off in app stores, profile pictures, and social previews where the platform applies its own crop.
Padding vs border vs resize
Padding adds space around the image. A border adds a visible coloured outline. Resizing changes the pixel dimensions of the image itself. If your logo feels tight, pad it. If you want a frame, add a border. If the file is simply too big or small, resize it instead of padding.
Hit an exact aspect ratio
Many platforms expect a square or a specific ratio, and a wide or tall image gets awkwardly cropped to fit. Padding a short side out lets you reach a square or the ratio you need while keeping the whole image visible. The result downloads as a PNG so transparent padding is preserved cleanly.
How to add padding to an image
Upload your image
Drop in a PNG, JPG, WebP, or SVG, or click to browse. Everything is processed in your browser to build the preview.
Set the padding
Choose how much space to add on every side and whether the fill is transparent or a solid colour. The canvas grows live.
Preview and download
Check the margins look even and balanced, then download a PNG with the added space baked around your untouched image.
When an image needs breathing room
App icons
Add safe-area padding so an icon is not clipped by rounded or squircle masks.
Avatars
Give a tight logo room so it is not cut off by a circular profile crop.
Square-up
Pad a wide or tall image out to a perfect square for social posts.
Coloured cards
Sit a logo on a branded background colour with clean, even margins.
Aspect ratios
Extend the canvas to a required ratio without cropping the image itself.
Or just ask
Describe the edit in your own words
Type what you want changed and the assistant does it on the canvas — useful when the edit is easier to say than to find.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Change a Logo Color in Figma (4 Methods, Step by Step)
A complete guide to recoloring a logo in Figma — the Fill row, the Selection colors panel that swaps one hex everywhere at once, the clipped-rectangle trick for placed PNGs, and why the export panel has no WebP.
How to Make a Vector Logo (and When You Actually Need One)
What vector really means, the three honest routes from where you are now, when auto-tracing works, and how to check the result is genuinely vector.
SVG vs PNG for Logos: Which File Do You Actually Need?
What SVG and PNG really are, where each one wins, why your developer keeps asking for the SVG, and the three files that cover almost every request.
Add padding to your image
Add even space around it and download.