Image Padding & Border
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
- Drop or select an image — it's resized down to 2400 px max edge for canvas performance.
- Choose 'Fixed padding' for equal padding on all sides, or 'Aspect ratio' to fit a target ratio.
- Pick padding amount, background color (or transparent for PNG/WebP), and optional border.
- 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
Image Crop (Aspect Ratio)
Crop any image to a standard aspect ratio (1:1, 16:9, 4:3, etc.) — centered automatically.
Image Aspect Ratio Detector
Drop an image and see its pixel dimensions, simplified aspect ratio, decimal ratio, megapixels, orientation, file size, and the closest common preset.
Aspect Ratio Calculator
Convert between width × height and aspect ratio (16:9, 4:3, 21:9, …) — fit any ratio inside a container.
Image Trim (Auto-Crop Transparent / Solid Borders)
Automatically crop empty transparent, white, black, or any solid-color border off an image — with adjustable tolerance, padding control, and PNG/JPEG/WebP export. Everything runs in your browser.
Image Text Watermark
Drop an image, stamp a text watermark — choose corner, size, opacity, rotation, colour, drop-shadow, or full-image tiling.
Image Compressor
Compress and resize JPEG, PNG, and WebP images in your browser.