Skip to content
Log in Start
Logo Watermarks

How to Make a Transparent PNG Logo for Watermarks

A logo watermark only looks professional when nothing but the logo lands on the photo. Here is how to get a clean transparent PNG, even if all you have is a JPG.

Watermark.ws 5 min read Updated
A file card showing a Harlow Finch Photography logo on a checkerboard background, labeled harlow-finch-logo.png, next to a night photo of a snowy mountain with the same logo in white in the lower right corner
The checkerboard means "nothing here". On the photo, only the logo itself shows.
On this page

Why a Watermark Logo Needs a Transparent Background

Every image file is a rectangle. If the area around your logo is white, that white rectangle comes along when you place the logo on a photo. A transparent PNG logo stores "no color at all" around the artwork instead, so only the letters and shapes appear on the photo.

A misty glacier lake with a dark Harlow Finch Photography logo sitting inside a solid white rectangle in the upper right Logo with a white background
The same lake with the same dark logo placed directly on the sky, with no box around it Transparent PNG
The short answer
  • Use a PNG with a transparent background. JPG files cannot store transparency, so a JPG logo always brings its background box with it.
  • Export it from the original design file if you can. That gives the cleanest edges.
  • Only have a JPG? Remove the background in a free tool such as Preview or GIMP, then check the edges for a white halo.
  • Make a white and a dark version, each in a single color, at around 2,000 pixels wide.
Transparent background is not the same as opacity

A transparent background removes the box around the logo. Opacity, which you set in the watermark tool, makes the logo itself see-through. You usually want both: a transparent file, shown at a lower opacity. For how far to lower it, see how transparent a watermark should be.

How to Tell if Your Logo Is Already Transparent

You cannot tell from the file name. A .png can still have a solid white background; a .jpg never has a transparent one. Check it instead:

  • Look for a checkerboard. Image editors, and the logo preview in Watermark.ws, show transparent areas as a gray and white checkerboard. If you see solid white around the logo, the white is part of the file.
  • Put it on something dark. Drop the logo onto a dark photo or a black slide. A box or a light outline gives the background away at once.
  • Check the file type. If it ends in .jpg or .jpeg, it is not transparent, whatever it looks like on a white page. The finished photo is a different matter; JPEG, PNG or WebP for watermarked photos covers which format to export it in.

Logos sent by a designer usually come as a folder of versions. Look for files labeled "transparent", "PNG" or "RGB", or a vector file (.svg, .ai, .eps or .pdf), which you can export from yourself.

Put Your Logo on Every Photo Upload your transparent PNG once, size and fade it, and apply it to a whole batch of photos or documents. Add Your Logo

How to Make a Transparent PNG Logo

The best route: export from the original. If your logo was made in Illustrator, Affinity, Figma or a similar app, hide or delete any background shape and export a PNG. In Illustrator, choose File › Export › Export As, pick PNG, and set the background color to Transparent. In Canva, choose Share › Download, pick PNG and tick "Transparent background", an option Canva reserves for its paid plans.

If all you have is a JPG on white, you can remove the background yourself. A logo on a plain white background is about the easiest cut-out there is:

  • Preview on a Mac: show the Markup toolbar, choose Instant Alpha, drag over the white background and press Delete. Then use File › Export and choose PNG to keep the transparency.
  • GIMP (free, Windows, Mac and Linux): open the file and choose Colors › Color to Alpha with white as the color. It turns white into transparency and partly white edge pixels into partial transparency, which avoids most halos. Export as PNG.
  • Photoshop: use Select › Color Range or the Magic Wand to select the white, add a layer mask to hide it, then File › Export › Export As › PNG with Transparency ticked. The one-click Remove Background action is built for photos of people and objects, and can soften fine lettering.
  • Watermark.ws: after you upload a logo, the Remove Background option (on paid plans) clears a plain background, with Fuzz and Blur sliders to tune the edge. It works best on logos with a solid, even background.

Avoid screenshotting your logo from a website or a PDF. You get a small file with the page background baked in, and the edges are already blended with that color.

Avoid the White Halo Around the Edges

The most common mistake after the white box is a thin light outline around every letter. It appears when a logo is cut out of a white background by deleting only the pure white pixels.

A close-up of a gold Harlow Finch logo on a dark underwater photo, with a light, ragged outline around the hexagon and letters Cut out of a white background
The same close-up with clean gold edges and no outline Exported with transparency

Smooth edges are made of pixels that are partly logo color and partly background. On a white background those edge pixels are pale. Delete the white and the pale pixels stay behind, fully solid, which is invisible on a light photo and glaring on a dark one. JPG compression makes it worse by adding faint speckles around the letters.

  • Re-export from the vector file if there is one. It is the only perfect fix.
  • Use Color to Alpha in GIMP rather than deleting white pixels. It removes the white from edge pixels too.
  • In Photoshop, try Layer › Matting › Remove White Matte on the cut-out layer, or Defringe for a stubborn outline.
  • Always check the result on a dark photo before you use it on a batch.

Make a White Version and a Dark Version

Most brand logos are designed in full color for websites and print. As a watermark, a single-color version works far better, and you need two of them:

A misty forest at sunrise with a white Harlow Finch logo in the lower right
White. For darker photos and shadows. Add a soft shadow on busy areas.
A snowy mountain with flying birds under a white sky, with a charcoal Harlow Finch logo in the upper right
Dark. For snow, sky, sand and bright interiors.
A misty green geothermal landscape with a full-color logo in the lower right: a teal hexagon badge stands out while the dark lettering disappears into the grass
Full color. The badge looks like a sticker, and the dark text vanishes.
  • Make the white version white, not light gray. You can always lower the opacity in the watermark tool; you cannot brighten a gray file.
  • Make the dark version charcoal or black. Very dark gray often looks softer on photos than pure black.
  • Drop fine details that disappear when small, such as a long tagline or thin outlines.

Which version to use comes down to the part of the photo the logo sits on; choosing a watermark color covers it in more depth. Still deciding whether to use a logo at all? See logo vs text watermark.

Logo Size and Export Settings

A watermark tool scales your logo to fit each photo. When the file is smaller than the size it ends up on the photo, it gets stretched and goes soft.

A close-up of a white logo on a starry night sky with blocky, blurred edges and unreadable small lettering Small PNG, stretched
The same close-up with crisp edges and clearly readable lettering Large PNG
  • Export at around 2,000 pixels wide. A logo covering a fifth of a 6,000-pixel photo is 1,200 pixels wide, so 2,000 leaves room to spare. More than that only makes the file bigger.
  • Choose full transparency. In export dialogs this may be called PNG-24 or PNG-32. Some PNG-8 and GIF exports only support on-or-off transparency, which gives jagged edges.
  • Use RGB color (sRGB). Print-ready CMYK files can shift color on screen, and some tools will not read them.
  • Trim the empty space. Crop the canvas tight to the logo, as shown below.
A diagram comparing a logo file with wide empty margins and a trimmed one; on a photo of lupines, the padded file places the logo smaller and farther from the corner at the same size setting
Empty margins count as part of the logo, so they shrink it and push it away from the edge.

For how big the logo should be on the photo itself, see how big a watermark should be.

Using Your Transparent Logo in Watermark.ws

  1. Upload your photos

    One photo or a whole batch. PDFs, Word documents, GIFs and videos work too.

  2. Add a logo watermark

    Upload your transparent PNG. JPG and GIF logos are accepted too, but only a PNG keeps soft, transparent edges.

  3. Check the checkerboard

    The logo preview shows transparent areas as a checkerboard. If you see a white box instead, use Remove Background or go back to your source file.

  4. Size, place and fade it

    Drag the logo where you want it, resize it and lower the opacity. It is scaled to each photo in proportion when you download.

  5. Save it as a template

    Save one template with the white version and one with the dark version, and pick the right one per batch.

More on placing a logo in the guide to adding a logo to photos. No logo yet? The signature logo creator turns your name into a handwritten signature you can use straight away.

Sample photos: Night mountain by Caleb Ralston, Glacier lake by Roger Burkhard, Diver by Talia Cohen, Misty forest by Sebastian Unrau, Snowy mountain by René Reichelt, Geothermal valley by Gian-Reto Tarnutzer, Lupines by Shannon Richards on Unsplash.

Questions people ask

How do I make my logo background transparent for free?
On a Mac, use Instant Alpha in Preview and export as PNG. On any computer, GIMP’s Colors › Color to Alpha removes a white background cleanly. Best of all, export a PNG with a transparent background from the original design file, if you have it.
Why does my logo watermark have a white box around it?
The logo file has a white background, usually because it is a JPG or a PNG saved with a background layer. Make a transparent PNG version, or remove the background before you apply it.
Can a JPG logo have a transparent background?
No. The JPG format cannot store transparency, so any empty area is saved as a color, usually white. Use PNG for logos that go on top of photos.
Why does my transparent logo have a white outline?
It was cut out of a white background, and the pale edge pixels were left behind. Re-export it from the original file, or use a tool that removes white from the edges too, such as GIMP’s Color to Alpha.
What size should a logo PNG be for watermarking?
Around 2,000 pixels wide, trimmed tight to the artwork. That is large enough to stay sharp on high-resolution photos without making the file needlessly big.
Should my watermark logo be white or black?
Keep both. Use the white version on darker photos and the dark version on bright ones such as snow, sky or white interiors. A single-color logo almost always looks better as a watermark than a full-color one.

Related articles

Browse all articles
Design Where to Put a Watermark on a Photo Corner, center, tiled or diagonal? See six watermark placements on real photos, how easily each one is cropped or removed, and which to use for portfolios, proofs and social media. Design Diagonal Watermarks, Explained Why a diagonal watermark is so hard to crop, which angle to use, why corner to corner is 33.7° on a landscape photo but 51.3° on a portrait, and three diagonal styles compared on real photos. Design The Best Fonts for Watermarks Script, serif or sans-serif? We put 10 popular watermark fonts on real photos, shrank them to thumbnail size and tried them on busy backgrounds. Here is which fonts hold up, and why. Design Signature Watermarks A handwritten signature is the most personal watermark there is — and the easiest to get wrong. Four signature styles, scanned vs generated signatures, sizing and placement, tested on real photos. Design What to Write in a Watermark Your name, your business, your website, your @handle or a copyright line? What to write in a watermark, how long it should be, whether to add the year, and how to use ©, ® and ™ correctly. Design How to Type the Copyright Symbol © Type © on Windows (Alt+0169), Mac (Option+G), iPhone, Android, Word, Google Docs and HTML, then use it the right way in a notice or a watermark.