Add Border to Image

Add border to image files in a few taps: drop your pictures on the box above, pick a quick style or set your own border, and watch the live preview change as you go. When it looks right, press the button and save the framed picture, or take a whole batch at once in one ZIP.

Everything is made in your browser. Your photos are opened, framed and saved on your own device and are never uploaded to a server. JPG, PNG with or without transparency, WebP and HEIC from iPhones all work, and most browsers also open GIF, BMP and AVIF pictures. Up to 100 pictures go into one batch, and the result keeps the full resolution of your original.

Width can be set in three units. Percent is the default and the most practical: the border is a share of the picture's shorter side, so 4% looks the same on a small phone photo and on a large camera file. That makes it the right unit for a batch of pictures with different sizes. Percent goes up to 50.

Pixels give an exact border, for example 20 px, no matter how big the picture is. That is handy when all your pictures already have the same size, or when a website or app asks for a precise border. On a large photo, 20 px is thin; on a small icon, it is wide. Pixels go up to 2000.

Millimetres are for print. Choose mm and a Print resolution of 150, 300 or 600 DPI, and the border is worked out from that resolution: at 300 DPI, 5 mm becomes about 59 pixels. The resolution is also written into PNG and JPG files, so print programs know the intended size. More about that in the printing section below.

As a rough guide, 2 to 3% gives a fine edge, 4 to 6% a clear frame and 8 to 12% a wide mat. The Polaroid style makes the bottom wider by itself, so its width setting describes the top and sides.

Around (bigger picture) is the default. The border is added outside the photo, so the file grows by the border on each side and none of your picture is covered. A 1080 × 1080 photo with a 40 px border becomes 1160 × 1160.

Inside (same size) draws the border over the outer edge of the photo instead. The file keeps its exact pixel size, which matters when a form, template or printer expects that size. The price is that the outermost part of the photo sits under the border, so keep important details away from the edges.

When Round picture with a ring is on, this choice disappears, because a ring is always drawn around the round picture.

Under the border settings you find ten swatches: white, black, a warm off-white, a dark slate, red, amber, green, blue, purple and pink. Next to them is a colour picker for any other colour. In some browsers the picker can also take a colour straight from the screen, which helps when you want a border that matches the photo or your brand.

Double, Gradient and Mat styles use a second colour as well. For Double and Mat it is called Line colour and sets the thin line; for Gradient it is the Second colour the band fades into. Shape padding and the sticker outline have their own swatches, so all parts can be chosen separately.

Simple rules work well. White and off-white feel calm and make colours look brighter. Black makes a photo look deeper and more dramatic. A colour taken from the picture itself makes the frame feel part of it. Strong colours are best kept thin, or used as a gradient ring on a profile picture.

To add border to image online free, you do not need an account, an email address or an app. There is no watermark on the result, no limit on how many batches you frame, and no trial that ends after a few pictures. The page remembers your last settings in your browser, so your favourite frame is ready next time.

It can be free because your own device does the work. Framing a picture is a small job for any phone or computer, so there is no server time to pay for and no queue to wait in. The page loads once, and after that each picture is ready in a moment.

Online here means in your browser, not on someone else's computer. The pictures stay on your device from start to finish, which is also why it works quickly even on a slow connection once the page is open.

To add border to image for Instagram, start with the Instagram square quick style. It gives a thin white border and then pads the picture to an exact square with white space, so a tall or wide photo fits the grid whole instead of being cropped by the app.

For portrait posts, choose 4:5 under Make it a shape. That is the tallest shape the feed shows in full and gives a portrait photo more room on screen than a square. For stories and reels covers, choose 9:16 story. Wide 16:9 suits landscape videos and banners, and 3:2 matches most camera photos.

The space added for the shape can be a plain colour or Blurred photo. A blurred version of the same picture fills the space behind the sharp one, a popular look for stories because the colours match. With Colour, white is the classic grid look and black suits night and concert photos.

Instagram resizes uploads to its own width, so a very wide border in pixels will shrink on screen. Percent keeps the look the same for every photo in a series, which matters if you want a tidy, matching grid.

To add white border to image free, the default settings are already right: Solid style, white, 4%, around the picture. Pick the White border quick style if you have changed things. A white border gives photos breathing space on a busy feed, on a website and on paper.

For a thin modern edge use 2 to 3%. For the wide, airy margin of a gallery print use 8 to 10%, or try the Gallery mat style, which is a warm off-white with a fine dark line. If the white border melts into a white page or app background, add Drop shadow so the edge is visible, or pick the off-white swatch.

Pure white also works well as the padding colour under Make it a shape, so a white border and a white square background join without a visible line.

To add border to image to make square, choose Square 1:1 under Make it a shape. The tool adds space on the short sides until the result is exactly square. The whole photo stays visible, so nobody's head is cut off and no part of a product disappears, which is what usually happens when an app crops to a square.

The border you set is drawn first, and the padding comes outside it. If you want one even colour all round, use the same colour for the border and for the fill, or set the border style to None and let the padding do the work. With Blurred photo, the square is filled with a soft, darkened copy of the picture.

The same works for 4:5, 9:16, 16:9 and 3:2. If you do want to crop rather than pad, Crop Image cuts a picture to an exact shape, and Resize Image changes the pixel size afterwards if a platform asks for one.

To add frame to image online free with a little more character than a plain band, look at the Polaroid, Mat and Double styles. Polaroid gives the instant-photo look with a wide bottom strip; it comes with a shadow in the quick style and makes a nice frame for party photos, mood boards and handwritten-style captions added later with Add Text to Image.

Mat is a passe-partout, the card border that framers put between a photo and the glass. Choose a soft paper colour for the mat and a dark or gold-like colour for the fine line. Double gives a band with a thin line running through it, which looks good in black and white or navy and cream.

Gradient frames fade from one colour to another and suit social posts and profile pictures. Add Rounded corners for a softer card look, and Drop shadow to lift the framed picture off the background. All of these are built from the settings above, so you can mix them freely.

Rounded corners rounds the outside of the frame and the photo inside it, from 0 to 50%. Low values around 3 to 6% give a soft, modern card look; 50% on a square picture gives a circle. Rounded corners need transparent corners, so Automatic saves the result as PNG.

Drop shadow adds a soft dark shadow below and around the framed picture, with some transparent space for it. It makes a white border visible on a white page and gives Polaroid frames their lifted, physical look. The shadow is sized from the picture, so it looks the same on small and large photos.

To add outline to image online free in the sticker style, open More options and move Outline (transparent PNG) above zero. The outline follows the shape of the visible subject, not the rectangle of the file, so a cut-out of a person, pet or product gets a clean white edge all round, like a die-cut sticker. Pick any colour for it; white and black are the usual choices.

The outline needs a picture with a transparent background. A normal photo has no transparent parts, so the outline would just look like a border around the rectangle. Use Remove Background first to cut out the subject, then come back with the PNG. The Sticker outline quick style sets a 3% white outline and a shadow in one tap.

Thickness goes from 0 to 10% of the shorter side. Around 2 to 4% looks like a printed sticker. The outline is not available together with Round picture with a ring, because the ring already frames the subject.

When you add border to image with transparent background, such as a logo, an icon or a product cut-out, the see-through parts are kept. With Automatic file type, a PNG or WebP you add is saved as PNG again, so the transparency survives. A solid border around a transparent logo gives it a clean badge, while the outline option traces the logo itself.

Rounded corners, a round picture, a drop shadow and an outline all create transparent areas too, even on a JPG photo. Automatic switches to PNG in those cases, so the corners and the soft shadow stay see-through and sit nicely on any background. The preview shows transparent areas as a light checkerboard.

If you choose JPG yourself, transparent areas are filled with white, because JPG cannot store transparency. WebP keeps transparency as well and gives smaller files than PNG, which is useful for websites.

To add border to photo for printing, choose mm as the width unit and set the Print resolution your printer or print shop uses; 300 DPI is the usual value for photo prints. A 5 mm border at 300 DPI is about 59 pixels wide. That resolution is also written into the PNG or JPG file, so most print programs show the right physical size.

Borders are a good way to avoid surprises with print sizes. Many photo labs trim a little from the edges, and a white border gives that trimming somewhere harmless to happen. A border also lets a photo with a different shape fit a standard print, for example a phone photo on a 10 × 15 cm or 4 × 6 inch print, without losing the edges: pad it to 3:2 under Make it a shape.

For framing, the Mat style imitates the card mat that framers cut. If you need the pixel size of a file for a print size, Change DPI shows and sets the DPI value without changing the pixels, and Image to PDF puts framed photos on pages for a printer that prefers PDF.

To add border to image for WhatsApp DP, tap the WhatsApp DP ring quick style. The picture becomes a circle with a coloured ring, and the area outside the circle stays transparent, saved as PNG. When you set it as your profile picture, the app's own round crop lines up with the ring.

The circle takes the shorter side of the picture and keeps the centre, so for a tall portrait the top and bottom are trimmed. Put the face in the middle first, or use Circle Crop if you want to pick exactly which part becomes the circle. The ring width is the border width, and Solid, Double and Gradient all work as rings.

The same round frame works for other profile pictures, team pages, email signatures and online meetings. Messaging apps often fill the transparent corners with their own background colour; if you prefer a plain colour behind the ring, choose Square 1:1 under Make it a shape and pick a fill colour.

To add border to image without losing quality, the tool works at full resolution: your photo is drawn at its original pixel size and the border is added around it. Nothing is made smaller, and the preview, which is scaled down to fit the screen, is only for looking.

The file type decides what happens when saving. PNG is lossless, so the framed picture is stored exactly. JPG and WebP compress the picture, and the Quality slider under More options decides how much; it starts at 92%, which looks the same as the original at normal viewing size. Move it to 100% for the very finest result, or lower it, down to 60%, for smaller files.

Two habits help. Keep Automatic file type, so a PNG stays PNG and a photo stays JPG. And frame the original file, not a copy that has already been sent through a messaging app, because those copies are often already smaller and compressed. If a picture is too small to begin with, Upscale Image can enlarge it before you add the frame.

Every platform shows pictures a little differently, and a frame helps your photo look the way you meant on each of them. Feeds that show portrait posts in full suit 4:5; grids and profile tiles suit Square 1:1; full-screen stories, short videos and status updates suit 9:16 story; and link previews, video thumbnails and slides suit 16:9.

Platforms change their recommended sizes from time to time, so check the current guidance of the one you use. The shape matters more than the exact pixel size, because most apps scale pictures to their own width anyway. Padding to the right shape means the app has nothing to crop, and your border is shown the same on every screen.

For a consistent profile across platforms, make one round picture with the WhatsApp DP ring style in your own colours, and a matching square version with Square 1:1 for places that show square profile pictures. Keep the same border colour on your posts and your profile pictures look like they belong together.

A border, a crop and padding solve different problems, and it helps to know which you need. A crop removes part of the picture to reach a shape; it is the right choice when the edges contain nothing important. Padding adds space to reach a shape and keeps the whole picture, which is why Make it a shape on this page never crops. A border is a frame for the look, and it can be combined with either.

Round picture with a ring is the one setting here that does trim, because a circle can only hold the middle of a rectangle. Everything else keeps every part of your photo. If you want several framed pictures together on one page, a collage is the better tool, and if you want text on the frame, add it afterwards.

Automatic is the default and the right choice almost always. A JPG or HEIC photo is saved as JPG, small and widely accepted. A PNG, WebP or GIF picture is saved as PNG, so any transparency is kept. And whenever the frame itself needs transparency, for rounded corners, a ring, a shadow or an outline, Automatic chooses PNG for that picture.

Choose PNG to keep every pixel exactly, for graphics, screenshots and logos. Choose JPG for the smallest widely accepted photo files; transparent areas become white. Choose WebP for websites, where it gives small files and keeps transparency too. The finished list shows the pixel size and file size of each picture, so you can compare.

The saved files contain the picture only. Camera details, dates and location from the original photo are not copied into them. Only when you set the width in mm is a DPI value written, into PNG and JPG files.

You can frame up to 100 pictures in one go. Select many files at once, drop a pile of them on the box, or add more with Add more. The same settings are used for every picture, and the preview shows the first one, so check that one carefully before you start.

For a batch of photos with different sizes, use percent for the width; the border then looks the same on all of them. Press the button, and when it is done, Download all (ZIP) saves every framed picture in one file called bordered-images.zip. Single pictures can be saved one by one from the list as well.

If you change a setting after framing, the results are cleared and the button is ready again, so you can try a different look on the same batch without adding the files a second time.

On iPhone and iPad, open this page in Safari or any other browser, tap Select pictures and pick from Photos or Files. HEIC photos from the camera work directly. After saving, the file goes to Downloads in the Files app, and from there Save Image or Share puts it into Photos or straight into a chat.

On Android, tap Select pictures and choose from the gallery or file manager. Framed pictures land in the Downloads folder and show up in most gallery apps. Phones have less memory than computers, so for very large photos or big batches a computer is the more comfortable choice.

On Windows and Mac, any current browser works: Chrome, Edge, Firefox or Safari. Drag pictures from a folder onto the box, or copy a picture and paste it with Ctrl+V. The ZIP opens with the built-in tools of both systems.

Pick the border for the place the picture will be seen. A thin border looks elegant on a big screen but can vanish on a phone; a wide one looks generous on paper but heavy in a small thumbnail. When in doubt, 4% is a safe middle.

Match rather than contrast for a calm look: use the colour picker to take a tone from the photo itself. For a series, use the same style, colour and percent for every picture so they look like a set.

Keep the originals. A framed copy is a new file with -border in its name, so your source stays untouched and you can always frame it again differently. Watermark Image adds your name or logo if you share pictures publicly, and Compress Image makes the framed files lighter if a site has an upload limit.

Your pictures stay on your device. They are read, framed and saved by your browser, and nothing is sent to our server: no file, no preview, no copy. That makes it safe to frame private family photos, ID-style portraits and work images.

Only the page itself is loaded from our site. Your last settings are saved in your browser's own storage so the page remembers them; you can clear them at any time with your browser's site data settings.

Each picture is opened by the browser, turned the right way up using its own orientation data, and drawn onto a canvas at full size. The border, padding, shadow, ring or outline is then drawn around it, and the canvas is saved as PNG, JPG or WebP. HEIC photos are first decoded by a small component that runs in the page.

The sticker outline is made by tracing the visible part of a transparent picture in every direction and filling that shape with your colour, so it follows curves, hair and corners. The live preview uses the same drawing code on a smaller copy, which is why what you see is what you get.

Framed pictures often go on to other jobs. Photo Collage puts several framed photos on one sheet, Add Text to Image adds a caption under a Polaroid frame, and Image to PDF turns a set into one document for printing or sending.

For profile pictures, Circle Crop picks exactly which part becomes round, and Passport Photo makes ID photos with the right size and background. To change the format afterwards, Convert Image turns the files into other formats.