Image border workflow
Add a clean border to an image online.
A border helps when a light screenshot sits on a light page, when an image needs a visible edge, or when a product preview needs a stronger frame. Keep the border subtle unless the style is intentionally bold.
How to choose border width
For screenshots and UI previews, a 1px to 4px border is usually enough. For social cards, thumbnails, or images placed on busy backgrounds, a thicker border can help the image read as one object. If the border becomes the first thing people notice, reduce it.
Border color choices
Light gray
Good for documentation, product pages, and clean UI screenshots.
Brand color
Useful for social posts or marketing visuals, but keep saturation under control.
Dark neutral
Works when the image needs more contrast against a bright background.
White border
Can look clean on dark backgrounds, but disappears on white pages.
Transparent background
Best when the page or slide background should show through around rounded corners.
Solid background
Use it when you want the image to become a complete card with padding.
When to add padding
Padding is useful when the image feels too close to the frame. It creates a card-like result, especially for product mockups and screenshots. If you are exporting a transparent PNG for flexible placement, keep padding modest so the visual does not become oversized.