Add padding to an image by increasing the canvas around it. A 600x400 image with 40px padding on every side becomes 680x480; the original image still occupies 600x400, and the new pixels sit around it as transparent space or a chosen color.
That distinction matters. Padding adds room around the subject. It does not crop the image, scale it, or draw a border over the original pixels.
Add transparent, white, or colored padding
Start with one image or drop in a batch of JPG, PNG, and WebP files. The global padding controls apply to every image in the batch unless an image has its own override.
Use Uniform padding when every side needs the same value:
24pxaround a small icon80pxaround a product photo120pxaround a logo that needs more canvas
Turn Uniform padding off when the image is visually off-center. Top, right, bottom, and left values can be different, so a product can get more space underneath or a logo can be shifted optically without editing the artwork.
Transparent PNG padding
Transparent padding is the right choice for logos, icons, stickers, UI assets, cutouts, and files that need to sit on different backgrounds later. The checkerboard in the preview marks transparent pixels only; it is not exported.
When transparency matters, enable Export as PNG. PNG stores alpha transparency, so a JPG source can become a padded transparent PNG. If a transparent result is exported as JPEG, the transparent area is flattened because JPEG has no alpha channel.
White padding and product margins
Use a background color when the padded area should be visible. White padding, #ffffff, is common for product photos, marketplace listings, catalog images, email graphics, and thumbnails that need the same outer margin.
The color input also accepts brand or layout colors. Use an exact hex value when the padded area must match a page background.
Batch padding
The batch controls are meant for repeated asset work:
- add several images at once
- set one global padding value
- preview each padded result
- open Preview & Edit for images that need custom side values
- download a single padded image
- download the full batch as a ZIP
Per-image overrides help when most files follow the same rule but one logo, icon, or product shot needs a different amount of space.
Padding vs resizing, cropping, and borders
Padding changes the canvas size. Resizing scales the image. Cropping removes pixels. A border draws a visible edge around or over the image.
Use padding when the subject is too close to the edge, a logo needs transparent space, product photos need equal margins, or a social image needs safer outer room. Use resizing when the whole image needs a new pixel size. Use cropping when unwanted content should be removed.
Output notes
Large batches can use enough memory to slow the tab, especially with high-resolution photos. Export a smaller group first when the files are very large.
The downloaded filename keeps the source name and output format where possible. ZIP export is built on the device, so the files are not sent to a server during processing.