← All guides
How-To Guide6 min

How to Add a Logo Watermark to Images (Step by Step)

Add a logo watermark to your images in the browser: prepare a transparent PNG, size and position it right, set opacity, and save a reusable preset.

To add a logo watermark to images, export your logo as a transparent PNG, open a browser-based watermarking tool, drop your images in, place the logo where you want it, set the size and opacity, and download the results. Done in the browser, nothing uploads to a server, and you can stamp the same logo across a whole batch in one pass. The steps below cover the part most guides skip: getting the logo file right, choosing a size and opacity that look professional, and saving the settings as a preset so you never redo the setup.

What kind of logo file do I need for a watermark?

A transparent PNG. This is the single most common stumbling block: if your logo is a JPG, it carries a solid rectangle of background with it, and that rectangle will sit on top of your photo as an ugly white or black box. PNG files support transparency; JPGs do not.

  • Export from your design tool (Canva, Figma, Illustrator) as PNG with the background layer hidden or set to transparent.
  • Check for the checkerboard pattern behind the logo in the export preview. Checkerboard means transparent; solid white means it is not.
  • Export at a generous size, around 1000 px wide or more. You can always scale a big logo down cleanly, but scaling a tiny one up makes it blurry.
  • Keep a white version and a dark version of the logo. You will want the white one for dark or busy photos.
If you only have a JPG logo, re-export it from the original design file rather than trying to erase the background from the JPG. A clean source beats a patched-up one every time.

How do I add the logo watermark step by step?

With a transparent PNG ready, the rest takes about a minute in a browser-based tool, and it works the same on Mac, Windows, and phones:

  • Open the tool and drag your image (or your whole set) onto the page. In-browser processing means the photos appear instantly and never leave your device.
  • Switch to logo mode and add your transparent PNG.
  • Drag the logo into position. Corners look tidy; centered is harder to crop out.
  • Set the size, usually 10 to 20 percent of the image width as a starting point.
  • Lower the opacity until the logo is present but not shouting, typically 30 to 60 percent.
  • Preview against a light photo and a dark photo if you are batching, then download.

How big should the logo be, and how transparent?

Size and opacity are where logo watermarks go wrong most often. Too big and the watermark competes with the photo; too faint and it protects nothing. Two practical rules help. First, judge size at the final viewing size: a logo that looks subtle on your full-screen editor may be unreadable as an Instagram thumbnail, and one sized for thumbnails may look enormous on a portfolio page. Second, treat opacity and color together. If the logo vanishes into a busy background, the fix is usually switching to the white version of the logo, not cranking opacity to 100 percent.

Where should the logo go?

The classic spot is the bottom-right corner: familiar, unobtrusive, professional. Its weakness is that a corner is trivial to crop away. If deterring theft matters more than presentation, place the logo nearer the center at a lower opacity, where cropping it out would destroy the image. Many photographers split the difference: corner logo for portfolio and social posts, centered logo for client proofs that have not been paid for yet.

How do I apply my logo to a whole batch of images?

Placing a logo on one image is quick; placing it on a product catalog or a full shoot one image at a time is miserable. A batch tool solves this: load the whole set, set the logo, position, size, and opacity once, and it applies identically to every image, up to around 150 at a time in the browser on desktop, then hands you a ZIP. Because processing happens locally, a batch that would crawl through an upload queue elsewhere finishes in moments, and client photos never touch a server.

How do I save my logo watermark as a reusable preset?

Consistency is most of what makes a logo watermark look professional. If the logo sits bottom-right at 15 percent width and 40 percent opacity on one post, it should sit exactly there on the next one. Rather than eyeballing it each time, save the combination of logo, position, size, and opacity as a preset in your watermarking tool. Next session, you load the preset, drop in new images, and download. The setup you did once becomes a few seconds of work forever after, and every image you publish carries an identical mark.

Make one preset per use case: a corner preset for social posts, a centered low-opacity preset for client proofs. Naming them clearly saves you from second-guessing settings later.

That is the whole workflow: export a clean transparent PNG, place it deliberately, keep the size and opacity restrained, and lock the settings into a preset. From then on, branding a photo or a batch of a hundred is the same short routine.

Frequently Asked Questions

How do I add my logo as a watermark to an image?

Export your logo as a transparent PNG, open a browser-based watermarking tool, drop your image in, add the logo, then set its size, position, and opacity before downloading. With in-browser processing the image never uploads anywhere, and you can apply the same logo to a whole batch at once.

Why does my logo watermark show a white box around it?

Your logo file has a solid background instead of a transparent one. JPG files cannot store transparency, so re-export the logo from your design tool as a PNG with the background layer turned off. The checkerboard pattern behind the logo in your design software confirms it is transparent.

How big should a logo watermark be?

A common starting point is a logo width around 10 to 20 percent of the image width. Big enough to be identifiable at the size the photo will actually be viewed, small enough that it does not compete with the subject. Test at the final display size, not zoomed in.

What opacity should I use for a logo watermark?

Roughly 30 to 60 percent works for most photos. Dense, detailed logos usually look better at the lower end; simple wordmarks can sit higher. If the logo disappears against busy backgrounds, use a white version of it at lower opacity rather than pushing opacity up.

Can I apply the same logo watermark to many images at once?

Yes. A batch watermarking tool lets you set the logo, size, position, and opacity once and apply it to your whole set, up to around 150 images at a time in the browser on desktop, then download everything as a ZIP. Saving the settings as a preset means the next batch takes seconds.

Do I need Photoshop to put a logo on my photos?

No. A browser-based watermarking tool does this without any install or account, on Mac, Windows, or a phone. Photoshop makes sense if you are already compositing images in it, but for stamping a logo across photos it is slower than a dedicated batch tool.

Watermark your photos now

Add a text or logo watermark in your browser — no uploads, no account, up to 150 images at once.

Start Watermarking