The Complete Guide to Frames, Borders & Rounded Corners
In short
Frames add a border, padding (matte), or rounded corners around your image. Useful for social media polish, product photos, presentation slides, and anywhere you want the image to feel intentional rather than dropped in.
What are image frames?
Frames add visual structure around an image. There are three independent effects: a border (a colored ring directly around the image), padding (extra space between the image and the border, like a matte in a picture frame), and rounded corners (softening the hard rectangular edges into curves). Used together, they turn a raw photo into something that feels designed — useful for social posts, product cards, slide decks, and portfolio pieces.
How to add a frame, padding, or rounded corners
- Upload your image.
- Border — pick a width and color. A 4–8px border in your brand color is a clean default.
- Padding — set a size and color to add space between the image and the border. White padding creates a classic photo-mat look.
- Round Corners — drag the radius slider to soften the edges. 12–24px works for cards; higher values create pronounced rounding.
- Watch the live preview update with each change. The checkerboard pattern shows where the result is transparent.
- Click Download to save. The output is a PNG so transparency (from rounded corners) is preserved.
When frames help
- Instagram / social media polish: A consistent frame style across a series of posts creates a recognizable feed aesthetic.
- Product photos: White padding plus a thin border makes a product photo feel professional even when shot on a phone.
- Comparison / before-and-after: A frame around each photo helps the viewer's eye separate the two states.
- Slide decks: Rounded corners on screenshots make a deck feel more modern than raw rectangular crops.
- Quote cards: Photo + colored padding + bold caption underneath is a common viral-content template.
- Profile cards / team pages: A circular crop (very large radius) plus a border is the classic "round avatar" look.
- Print-ready presentation: A solid border separates the image from a white page.
Frame design tips
- Combine border + padding for a classic look: Thin dark border + generous white padding mimics a real picture frame with a matte.
- Match your brand: Use one of your brand colors for the border or padding to make a series of images feel coordinated.
- Subtle rounding for modernity: 12–24px radius reads as "modern card". 40–80px reads as "soft and friendly". Anything above ~50% of image dimensions creates pill or circle shapes.
- Asymmetric padding for weight: More padding at the bottom than the top is a common book/magazine layout that feels intentional.
- Keep borders thin unless they are a feature: 1–4px is enough most of the time. Anything thicker becomes part of the design language.
- Watch the checkerboard preview: It shows transparency. Rounded corners and external padding (with no padding color) become transparent in the exported PNG.
- Output format matters: Frames with rounded corners or transparent padding need PNG or WebP. JPEG fills transparency with white, which may or may not be what you want.
Frames — common questions
- Do I need a transparent background for rounded corners?
- Only the output format needs to support transparency. Choose PNG or WebP-lossless when downloading and the rounded corners will be transparent. Choose JPEG and the corners will be filled with white (or whatever fill color you pick), since JPEG cannot store transparency.
- How do I make a round profile picture?
- Crop the image to a 1:1 square first using the Crop tool, then come here and set the Round Corners radius to about half of the image dimensions (or just the maximum value the slider allows). The result is a perfect circle. Export as PNG to keep the transparent surround.
- Will adding a border change my image dimensions?
- Yes. Borders and padding are added on the outside of the image, increasing the final width and height by roughly twice the border width plus twice the padding size. If you need a specific final dimension, plan for the frame size or resize after framing.
- Can I add a frame to multiple images at once?
- PhotoTools currently processes one image at a time so you have a real-time preview of each. For batch framing of many images with identical settings, dedicated batch tools are a better fit.
Privacy: your images stay on your device
Every operation in PhotoTools runs locally in your browser using the HTML5 Canvas API. Your image file is read into memory on your device, transformed there, and the result is generated locally — nothing is ever uploaded to a server. When you close the tab, the image is gone from memory. There is no account, no cloud storage, and no analytics on the file itself.