add-border-jpg
Adding a border around a JPG creates visual containment — useful for galleries (frames around prints), social-media post layouts (white border around a photo gives an instant Instagram-classic look), printable photo cards, and visual separation when many images sit next to each other. The ZTools Add Border JPG tool lets you set per-side widths (uniform or asymmetric), border colour (or gradient), corner style (square or rounded), and outputs a new JPG with the border baked in.
Use cases
Instagram-classic white frame
A 5-10% white border around a photo signals "intentional photograph" rather than snapshot. Works for portfolios.
Photo prints / cards
Most home printers crop the bleed; a built-in border preserves the full image edge. Plus it looks finished.
Visual separation in a grid
12-image gallery without borders feels chaotic. Thin 2-4 px borders in a contrast colour bring order.
Watermark backing
Place a logo + © text in the bottom border instead of overlaying on the image. Less intrusive.
How it works
- Drop JPG — Image renders in a preview canvas.
- Set widths — Uniform (single number) or per-side (top, right, bottom, left). Pixels or % of image dimension.
- Pick colour and style — Solid colour, two-colour gradient, or transparent (no border but expanded canvas — useful for adding margin then a coloured background).
- Optional rounded corners — Corner radius slider — useful for "polaroid" style.
- Save as JPG — New file with border baked in. Original untouched.
Examples
Input: 1080×1080 photo + 30 px white border, all sides
Output: 1140×1140 image (60 px total of border added across each axis). Clean Instagram-style frame.
Input: 1920×1080 photo + 50 px bottom border, white
Output: 1920×1130 image. Bottom strip useful for caption / copyright text overlaid afterwards.
Input: Same with 8 px black inner border + 30 px white outer border
Output: Layered look. Achieved by adding two borders sequentially.
Frequently asked questions
Does adding a border degrade quality?
No — original pixels are unchanged. The border is added around them. JPG re-encoding does cause minor loss; toggle "high quality" if precision matters.
Can I use transparent border?
Output is JPG (no alpha). For transparency, save as PNG or WebP via the format option.
How do I add a polaroid frame?
White border, top/left/right thin (~3% of image), bottom thicker (~10%). Optionally add caption text in the thicker bottom area afterwards.
Can the border be a gradient?
Yes — pick two colours and the gradient direction (linear horizontal, vertical, or diagonal).
Privacy?
Browser-only.
Tips
- For Instagram-classic, white border ~5% of the shorter image dimension hits the sweet spot.
- For dark photos, use a darker border colour and let the image breathe — a bright white border on a moody photo fights the mood.
- For batch work, save your border config and apply across many images.
- Thin contrasting borders (2-4 px) work well in grids; thick borders dominate when the photo is the focus.
Try it now
The full add-border-jpg runs in your browser at https://ztools.zaions.com/add-border-jpg — no signup, no upload, no data leaves your device.
Last updated: 2026-05-06 · Author: Ahsan Mahmood · Edit this page on GitHub