Skip to content
SocialTools

Instagram Highlight Cover Maker

Crop a circular Instagram highlight cover in the browser so icons stay centered.

Instagram ToolsInstagramReviewed 2026-09-11 by SocialTools editorial. How we test

Images never leave your browser - processed 100% locally.

Live highlight cover
Upload an image to see a live preview

Runs in your browser. Nothing you enter is uploaded.

Overview

Highlight covers are the smallest design surface on a profile and one of the few a visitor scans deliberately. Five or six circles sit directly under the bio, each about the size of a fingertip, and together they tell someone what your account is organised around before they scroll a single post.

This tool crops an image into that circle. Drop a file in, adjust zoom and position until the part you want sits inside the frame, and download a square PNG with the circle cut out of it. Export sizes are 1080, 640, and 400 pixels; the preview shows the result at 280 with a ring drawn round it to mark the edge.

The work is entirely about what to leave out. A circle at display size shows almost nothing, and the tool exists to help you decide which almost-nothing that is.

Designing an icon that survives being 60 pixels wide

Whatever you export at 1080 is displayed at roughly a tenth of that. At that size a photograph becomes a colour, an icon becomes a shape, and text becomes a smudge - so the only decisions that carry through are the ones a viewer can read as one glance: a single strong silhouette, a flat contrasting background, one recognisable object filling the frame.

That rules out most of what people try first. A cropped product photo with the product at natural distance reads as noise. A word set across the circle is illegible below about four characters. A busy scene loses its subject entirely. What works is a centred symbol on a plain field, or a single object shot close enough that one shape fills the circle.

Consistency across the set matters as much as any individual cover. Six circles that share a background colour and a visual weight read as a designed row; six unrelated photographs read as clutter, even when each photograph is good. If you are making a set, decide the background first and apply it to all of them.

  • One shape or one symbol per cover, centred, filling most of the circle.
  • Flat high-contrast background rather than a photographic one.
  • No more than three or four characters if you use text at all.
  • A shared background and weight across the whole set of covers.

Why the exported PNG has transparent corners

The export is a square file with a circular image inside it and nothing in the four corners. That is deliberate: PNG carries an alpha channel, the crop is a true circular mask, and leaving the corners empty means the cover sits cleanly on whatever background Instagram draws behind it in light or dark mode.

It also means the file will look odd anywhere that does not respect transparency. Opened in an image viewer that composites onto white you will see a circle on a white square; converted to JPEG the corners become solid white or solid black. If you need to hand the cover to someone else or place it in a layout, keep the PNG as the master and convert only at the last step.

Because there is no background fill, an image that does not cover the whole circle leaves transparent gaps inside the frame too. That is what the zoom control is for - the fit mode scales to cover rather than contain, so at any zoom of 1 or above the circle is full.

The clip, the fit, and the export canvas

Rendering happens twice from the same settings. First an off-screen canvas is created at your chosen export size, a circular path is set as the clipping region, and your image is drawn into it with a cover fit - scaled by whichever dimension needs the larger factor so the circle is never left partly empty - offset by the pan values and multiplied by the zoom. The background is left transparent rather than filled.

That export canvas is then drawn down into the 280-pixel preview, and a grey ring is stroked just inside its edge so you can see exactly where the crop boundary falls. Because the preview is a scaled copy of the export rather than an independent render, what you see is genuinely what downloads - the only difference is resolution.

Zoom runs from 1 to 3 in hundredth steps, and both pan axes run from −1 to 1, where the extremes push the image as far as the cover fit allows before a gap would appear. Changing the export size re-runs the whole pipeline, so a cover framed at 400 and then switched to 1080 keeps its composition.

A logo and a photo through the same crop

Input

Cover 1: a square brand logo, 2000×2000, mark centred with generous padding. Cover 2: a 4032×3024 phone photo of a workbench, subject slightly left of centre.
Both exported at 1080 with default zoom 1.00 and no pan.

Output

Cover 1 → the mark sits well inside the circle with the original padding intact; readable at display size.
Cover 2 → the landscape photo is scaled to cover, cropping the left and right thirds; the subject is pushed near the edge and the visible area is mostly background texture.

The logo needed nothing because it was already square and centred. The photo needed pan and zoom: raising zoom to about 1.6 and panning left brings the subject into the middle, at which point the cover reads as one object rather than as a fragment of a scene. The general lesson is that square, centred, padded source images need no adjustment and everything else does.

Limitations

  • Only the image is cropped. There is no text, shape, or icon layer, so any lettering has to exist in the file you upload.
  • Background is always transparent - you cannot fill the circle’s surround or add a colour behind a partially transparent logo.
  • Export is PNG only, at 1080, 640, or 400 pixels. No JPEG, no WebP, and no custom size.
  • Covers are made one at a time. Producing a matching set of six means six separate uploads and downloads.
  • Pan is limited to the range the cover fit allows, so you cannot deliberately leave a gap or position the subject outside the circle.
  • Instagram applies its own scaling when you set the cover in the app, so fine detail visible at 1080 will not be visible on the profile.

When not to use this tool

  • For a circular avatar rather than a highlight cover, the profile picture cropper exports at the 512-pixel size profile fields expect.
  • If the image needs a rectangular crop to a platform ratio first, the image cropper is the right step before this one.

How to use it

  1. 1

    Start from the largest version of the image you have, ideally already square and centred on a flat background.

  2. 2

    Raise the zoom until one recognisable shape fills most of the circle, then pan to centre it against the ring in the preview.

  3. 3

    Squint at the 280-pixel preview or step back from the screen - if you cannot identify the subject, neither will anyone on your profile.

  4. 4

    Export at 1080 as PNG and keep that file as the master, converting only if something downstream cannot handle transparency.

Questions

What size should I export at?

1080 unless you have a reason not to. Instagram downscales aggressively for display, and starting from the largest option gives the resampling the most information to work with. The smaller sizes exist for cases where file size matters more than edge quality.

Why does my cover look soft on the profile?

Almost always because the source image was small or heavily zoomed. Zooming to 2.5 on a 600-pixel image means the tool is scaling roughly 240 pixels of detail up to fill a 1080 export, and no amount of export resolution recovers detail that was never there. Start from the largest original you have.

Can I make all six covers match?

Yes, but the consistency has to come from the source files. Prepare each image on the same background at the same scale in whatever tool you design in, then run each through here with the same zoom value. The cropper aligns the circle; it cannot harmonise images that differ.

Should the covers use text or symbols?

Symbols, in almost every case. Text at highlight-cover display size is illegible beyond about three or four large characters, and the label underneath the circle already carries the words. Use the circle for a shape the eye recognises and the label for the name.