Per-side pixel control
Best when exact margins matter for products, print space, or icon padding.
011 · IMAGE EDIT
Image Padding & Background Tool
Add padding and backgrounds without cropping your image.
LOCALPROCESS IN YOUR BROWSER
WORKSPACEImage padding & background workspace
Drop an image here or choose a file
Your image is processed only in this browser and is not uploaded to a server.
JPG, PNG, WebP · one image at a timeHOW TO USE
How to use
- 01
Select the image you want to pad.
- 02
Choose square, directional padding, or an aspect ratio.
- 03
Choose a solid, transparent, or blurred background.
- 04
Adjust top, bottom, left, and right padding when needed.
- 05
Adjust image size and position.
- 06
Compare the original and result and check output pixels.
- 07
Choose output format and quality.
- 08
Download the result.
CANVAS & BACKGROUND GUIDE
How to choose padding, ratio, and background
Understand the choices that create the target canvas without cropping the source.1:1 · 4:5 · 16:9
Use it to match publishing proportions while keeping the entire source visible.
Solid, transparent, blur
Solid often suits products, transparent suits graphic assets, and blur can fit photo-centric posts.
USE CASES & NOTES
Use cases and important notes
Practical uses and limits to check when preparing publishing, product, and profile images.Posts, products, and profiles
Make portrait photos square, add white space to product photos, create transparent room around PNG assets, or use a blurred fill behind photo-centric posts.
Do not confuse padding with crop or resize
Tool 011 expands the canvas without cropping. Use Tool 008 to remove image areas and Tool 006 to freely change the source pixel dimensions.
Check alpha, blur, and high resolution
JPG cannot store alpha, blurred background copies may crop to fill, and large result canvases can consume much more memory than the source. Keep the result within 16,384px per side and 100,000,000 total pixels.
EXPERT POST
Technical criteria for accurate image padding and backgrounds
Canvas math, alpha, blur rendering, coordinates, and high-resolution export explain most output differences.Padding is not the same as resizing
Padding expands the canvas outside the original pixels; resizing changes the pixel dimensions of the image itself. When the goal is only to fit a publishing ratio, padding often preserves the source more directly.
Square fitting follows the long edge
A landscape image needs vertical space; a portrait image needs horizontal space. This creates a square without cropping. If a smaller square is requested, the source must scale down proportionally.
Aspect ratios are not fixed pixel sizes
1:1, 4:5, and 16:9 describe relationships, not resolution. 1080×1350 and 2160×2700 are both 4:5 but differ greatly in file size and processing cost.
Transparency depends on output format
PNG and transparency-capable WebP can store alpha; JPG cannot. A checkerboard is only a preview aid and must never be baked into the downloaded pixels.
Blurred background is a separate render layer
A source copy fills the canvas using cover behavior and is blurred, then the uncropped source is drawn again in front. The background copy may crop; the foreground must not.
Preview and export must share coordinates
The preview can use a reduced canvas for speed, but padding and placement must be calculated in source-pixel coordinates so export does not shift by a few pixels.
Upscaling does not restore detail
Making a small image larger increases dimensions without inventing lost detail. Expanding background space is often safer than unnecessary foreground enlargement.
Large outputs can use far more memory than inputs
Padding and blur can require final and intermediate canvases. Verified limit testing sets the operating limit at 16,384px per side and 100,000,000 total pixels; results above either limit are blocked from download.
Mobile drag must not fight page scrolling
Touch dragging in the preview needs to be isolated from page scrolling and normal scrolling restored afterward. Tall 9:16 previews also need fit-to-screen behavior.
Check ratio and pixels before export
Publishing services can care about both ratio and resolution. Verify result ratio, pixel dimensions, background mode, and output format before downloading.
FAQ
Frequently asked questions
01Will the original image be cropped?+
No. The default workflow expands the canvas so the full foreground image remains visible.
02Can I make a photo square?+
Yes. Make Square adds only the space needed around the full image.
03Can each side use a different padding value?+
Yes. Top, bottom, left, and right can be set independently in pixels.
The original file is unchanged. Refreshing or resetting removes the current edit.