AZ Tools

Image Padding & Border

Image

Pad an image with a solid color (or transparent background) and optionally add a colored border, then either keep equal padding on all sides or fit the result to a target aspect ratio. Useful for Instagram square posts, story aspect ratios, YouTube thumbnails, slide deck consistency, or print frames. Output is rendered to a canvas you can download as PNG, JPEG, or WebP. The image and all processing stay in your browser.

How to use

  1. Drop or select an image — it's resized down to 2400 px max edge for canvas performance.
  2. Choose 'Fixed padding' for equal padding on all sides, or 'Aspect ratio' to fit a target ratio.
  3. Pick padding amount, background color (or transparent for PNG/WebP), and optional border.
  4. Download the result as PNG, JPEG, or WebP.

Frequently asked questions

Does this upload my image?
No. Image data is loaded via `URL.createObjectURL` and drawn to a `<canvas>` — all in your browser. Nothing is sent to any server.
What does 'aspect ratio' mode do?
It pads the image asymmetrically so the final canvas matches the chosen ratio (e.g., 1:1 for a square Instagram post). The image is centered, with extra background filled on the shorter axis. The padding slider sets the minimum padding before aspect fitting.
Why is the transparent checkbox disabled when I pick JPEG?
JPEG does not support an alpha channel — transparent pixels would render as black or white. Use PNG or WebP for transparent backgrounds.
What's the difference between padding and border?
Padding is background space around the image; border is a colored frame drawn flush against the image edges, inside the padding. You can use either, both, or neither.

Related tools