Skip to content
Media Forge

Matte Generator

Add a white border to a photo, or a colour, blur or gradient frame, so it fits square, 4:5 portrait or 9:16 story posts uncropped.

  • #add white border to photo
  • #photo border
  • #instagram border
  • #matte
  • #square
  • #instagram
  • #padding
  • #letterbox
100% client-side

Runs in your browser. Your data never leaves this device.

The Workbench
Matte Generator — workspaceLive

Drop image here

or click to select, or paste

Network requests0
Bytes uploaded0
Trackers fired0
The Guide

About Matte Generator

/01 Fitting any image into a square without cropping

Platforms that expect square images will crop whatever you give them, usually through the middle of the subject. Sitting the image on a square matte solves it: the full picture is preserved and the surrounding area fills the rest of the frame.

Set the matte colour to suit the image and export at the size you need.

/02 Choosing a matte colour

A matte sampled from the image itself usually disappears into the composition, while pure white or black reads as a deliberate border. Which works better depends on where the image will appear — a white matte vanishes on a light background and frames sharply on a dark one.

The same technique helps with tall or panoramic images that would otherwise be cropped to a fraction of their width, and keeps a set of mixed-orientation images looking consistent when displayed together in a grid.

/03 Add a white border to a photo for Instagram

Instagram only accepts shapes between 4:5 portrait and 1.91:1 landscape, and crops profile thumbnails further. A white border solves both: the whole photo sits inside a frame of the right shape, so nothing is cut, and the clean gallery look has become a signature style for photographers.

Drop the photo in and pick the output shape: 1:1 square, 4:5 portrait or 9:16 for Stories, with a rotate option to flip the orientation. Padding sets the border thickness. The Solid style gives you a white border or any colour you choose, Blurred fills the frame with a soft, enlarged copy of the photo, and Gradient uses a smooth colour blend. Export at 1080, 1200, 1440 or 2048 pixels wide.

/04 Choosing the border thickness and colour

A slim border of around 3 to 8 percent of the width reads as a deliberate frame. A wide one turns the photo into a small print floating on a page, a minimalist look that suits single subjects and plenty of negative space.

Remember where the image will be seen. Instagram's light mode background is white, so a pure white border can merge into the app and look like empty space rather than a frame. A very light grey keeps the frame visible in light mode, and black borders stand out on both. For Stories, where a flat band of colour can look unfinished, the blurred style usually looks more polished.

FAQ

Questions about Matte Generator.

Why does my image get cropped when posting?
Feeds display a fixed aspect ratio and crop anything that does not match, usually centred. A matte pads the image to the expected ratio so nothing is cut.
What colour should the matte be?
One sampled from the image blends in; white or black frames it deliberately. Consider the background of the platform where it will appear.
Does it reduce image quality?
No. The original pixels are unchanged — the matte adds area around them rather than resampling the picture.
How do I add a white border to a photo?
Drop the photo in, choose the Solid style with white as the colour, select a square, portrait or story shape, and adjust padding to set the border thickness. Download it and the whole photo stays visible inside an even white frame.
How thick should a border be on Instagram?
Around 3 to 8 percent of the image width looks like an intentional frame. Instagram's light mode is white, so if you want the border to stay visible there, try a very light grey or black instead of pure white.
What is a blurred background border?
Instead of a flat colour, the photo itself is enlarged and blurred to fill the space around it. The frame picks up the colours of the picture, which suits Stories and Reels where a plain white band can look unfinished.
Related
WiFi File Transfer

Transfer files from phone to PC, PC to phone or phone to phone over WiFi. Scan a QR code to connect — no app, no cable, no upload and no file size limit.

wifi file transferphone to pcpc to phone
Placeholder Generator

Placeholder image generator: make PNG or SVG placeholders at any size, colour and label, with presets for banners, avatars and social cards.

placeholder image generatorplaceholder imagedummy image
Social Media Cropper

Resize an image for Instagram, Bluesky or Threads: crop to 1:1, 4:5, 1.91:1, 9:16 and more at full resolution, right in your browser.

resize image for instagraminstagram photo sizeinstagram crop
Seamless Scroll Generator

Instagram carousel splitter: slice a wide panorama into square or 4:5 portrait panels that scroll seamlessly across swipes.

instagram carousel splitterpanorama carouselseamless carousel
Watermarker

Add a watermark to a photo: place your logo or any PNG over an image with position, size, padding, opacity and blend mode controls.

add watermark to photologo watermarkwatermark image
Image Splitter

Online image splitter: cut any image into an even grid of tiles for Instagram grids, sprite sheets and printing, then download every tile.

image splittersplit imageinstagram grid splitter
Image Clipper

Crop transparent image padding: trim the empty transparent border from a PNG so it sits at its true size, in one click.

crop transparent imagetrim transparent pngremove transparent padding
Favicon Generator

Favicon generator: turn any image into 16 to 512 pixel PNG icons plus a favicon.ico file, with the HTML link tags ready to paste.

favicon generatorfavicon icoapple touch icon
Paste Image

Paste image online: press Ctrl+V or Cmd+V to paste a screenshot or copied image, crop it, and download it as a PNG file.

paste image onlineclipboard to imagesave screenshot as png
Image Converter

PNG to JPG converter and more: convert images between PNG, JPEG, WebP, JPEG XL, GIF, BMP, TIFF and ICO in batches, with resizing.

png to jpg converterjpg to pngconvert to webp
Image Stitcher

Combine images into one: join photos side by side, stacked, or in custom grid layouts, with spacing and background colour, then download.

combine imagesmerge photoscombine images into one
SVG Optimiser

SVG optimizer powered by SVGO: strip editor bloat from SVG files and minify them without changing how they look, with a before and after preview.

svg optimizersvgo onlineminify svg
Image Tracer

Free image to SVG converter: trace a PNG, JPG, WebP or GIF into real scalable vector paths, with presets and detail control.

image to svg converterpng to svgvectorize image
Artwork Enhancer

Add noise to image artwork: lay fine grain over flat artwork and gradients to remove colour banding and add texture, with opacity and scale control.

add noise to imagegrain texturefilm grain effect