Skip to main content

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

  1. Drop JPG — Image renders in a preview canvas.
  2. Set widths — Uniform (single number) or per-side (top, right, bottom, left). Pixels or % of image dimension.
  3. Pick colour and style — Solid colour, two-colour gradient, or transparent (no border but expanded canvas — useful for adding margin then a coloured background).
  4. Optional rounded corners — Corner radius slider — useful for "polaroid" style.
  5. 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.

Open the tool ↗


Last updated: 2026-05-06 · Author: Ahsan Mahmood · Edit this page on GitHub