Publishing workflows

How to Add a Watermark to an Image

Choose a text or logo watermark, set its position, width and opacity in Pixilo, and check readability at the final display size before sharing.

By Pixilo · Updated

The workflow at a glance

  1. Keep the original image and prepare the crop you plan to publish.
  2. Choose a short text watermark or a suitable logo file.
  3. Open Add Watermark and select your image.
  4. Set the watermark’s position, width and opacity while inspecting the preview.
  5. Process the image and download the PNG copy.
  6. Open the downloaded file and check the mark at the size used in the finished post or page.
Two images with a signature watermark and a logo watermark.

A watermark needs to communicate something useful without distracting from the image. Decide whether viewers should recognize a person’s name, read a website address or recognize a brand. That purpose matters more than choosing the most elaborate design.

QuestionTextLogo
What does it communicate?A readable name, brand or short address.A visual identity that viewers may already recognize.
What do you need?A short line of text; no separate image file.A clear logo image, preferably with a transparent background.
What should you check?Small letters must remain readable in the published image.Thin lines, tiny lettering and complex details must remain distinguishable.

Choose text if your logo is unfamiliar or contains a long tagline that becomes illegible when reduced. A short name can work better than a detailed emblem. Choose a logo if its simpler form remains recognizable without making it dominate the photograph.

Pixilo adds one text watermark or one logo at a time. If you need a specific typeface, a symbol and text together, or a custom arrangement, prepare those elements as one logo image before adding it.

Prepare the photograph and logo first

Work from a separate copy and keep an unmarked original. The exported watermark becomes part of the image’s pixels, so changing its wording or position later is easiest by starting again from the original.

Finish the crop before adding the watermark. Otherwise, a later crop can cut off a corner mark or leave it awkwardly close to the edge. Use Crop Image when needed. If the final pixel dimensions are known, you can also resize the image first and judge the mark on that version.

Pixilo accepts JPG, PNG and WebP files up to 25 MB for both the main image and the logo. Each image must also fit the dimension limits: neither side may exceed 8000 pixels, and the total must not exceed 32 million pixels. Check these points when preparing a logo:

  • Use a transparent PNG or WebP if the logo should sit directly on the photograph without a rectangular background.
  • Remove unnecessary empty margins around the design. The width setting applies to the entire logo file, including transparent padding.
  • Use a source with enough pixels for the intended mark size. Enlarging a tiny logo does not recreate missing detail.
  • Prefer a simple version if small lettering or fine lines disappear when reduced.

A white rectangle in a JPG logo is part of the image. Lowering opacity makes that rectangle more transparent too; it does not remove the background. For more detail, see why a transparent image can appear to have a background.

Add a text watermark in Pixilo

  1. Open Add Watermark and choose the main image. Confirm that the preview shows the image you intend to publish.
  2. Set Watermark type to Text. Replace the sample word “Pixilo” with your name, brand or short website address.
  3. Keep the wording concise. Pixilo fits the whole line into the selected width, so adding more characters makes the letters smaller at the same width.
  4. Choose Color for contrast against the area behind the text. Then adjust position, width and opacity using the guidance below.

The text option uses a built-in font; it does not offer a font selector or separate controls for font size and line breaks. If exact brand typography matters, use an image of the finished wordmark instead.

  1. Choose the main image in Add Watermark, then set Watermark type to Logo image.
  2. Select your JPG, PNG or WebP logo in the file field. The preview shows the selected logo on the main image.
  3. Choose the position and adjust Width (% of image). The logo retains its proportions; a very tall logo may be reduced further to fit.
  4. Adjust Opacity (%) and check whether the logo is recognizable against the photograph. To change its colors or remove its background, edit the logo file first and select the revised file.

Pixilo does not recolor the logo. A light and a dark version of the same logo can therefore be useful for different photographs. Existing transparency in the logo is retained.

Choose the position and width together

Choose one of the four corners or the center as a starting point. Corner positions include a small automatic margin. You can then drag the text or logo anywhere within the image using a mouse or touch, or focus the preview and move it with the arrow keys. Selecting a preset again replaces the custom position.

  • A corner is a useful starting point for a discreet source label, provided it does not cover a face, product detail or important text.
  • The center makes the mark more prominent but can obstruct the subject. Use it only when that tradeoff suits the image.
  • A quieter part of the background often makes the mark easier to read without increasing its size. Try another available corner before making it much larger.

The width setting describes the whole watermark relative to the image, not the height of its letters. On a 1600-pixel-wide image, a width of 20% gives a mark approximately 320 pixels wide. For text, the lettering is sized to fit that width. For a logo, any empty space inside its file also counts toward the width.

If that image is displayed at 400 pixels wide, the mark will appear about 80 pixels wide. This is why a watermark that looks clear in a large preview may be unreadable in a small post. Judge both the photograph and the mark at the intended display size.

Adjust opacity without losing readability

Opacity controls how strongly the watermark is drawn over the image. At 100%, its non-transparent areas are fully opaque. Lower values let more of the underlying image show through. This is separate from any transparency already in a logo file.

Start with a clearly visible mark, then lower the opacity until it feels balanced. There is no percentage that works for every image: a busy background, a thin logo and a solid text label need different treatment.

If the mark disappears, first check contrast and position. Increasing opacity will not help black text stand out against a nearly black area. Try a lighter text color or another corner. For a logo, use a suitable color version. Do not rely on opacity alone to make an unsuitable design work.

Example: a name on a landscape photograph

Suppose you have a 1600 × 1000-pixel photograph and want a small source label for a post displayed at 400 pixels wide. The following settings are a trial, not a universal preset:

  1. Choose Text and enter a short name, such as “A. Example”.
  2. Start at Bottom right, width 20% and opacity 60%. Choose a color that contrasts with that corner.
  3. Check whether the mark covers important detail. If it does, try another corner before reducing readability.
  4. Download a trial copy and view it at 400 pixels wide. If the name is too small, shorten it or increase width. If it dominates the image, reduce width or opacity slightly and check again.

Keep the background and intended use in mind. The same settings on a different photograph can produce a completely different result.

Download and check the finished image

  1. When the preview looks right, select Download PNG. The tool creates a new PNG with the same pixel dimensions as the main image.
  2. Open the downloaded file. Inspect the text spelling, logo edges, transparency and placement, first at full size and then at the intended display size.
  3. Keep the unmarked original separately. After changing a setting, download a new copy from the updated preview.
  4. If the PNG is too large for its destination, make a smaller publishing copy. Use Compress to a File Size or choose a suitable format with the help of the website image format guide. Check the watermark again after any resizing or compression.

PNG can be larger than the original JPG, even though the pixel dimensions are unchanged. Adding a watermark is an editing task, not a file-size reduction. The current tool works on one image at a time and exports a single still image; it does not preserve an animation as an animated output.

Finally, check the actual post or page. A platform may crop or resize the uploaded image, and a corner mark may end up missing or too small. Fix the publishing copy if necessary rather than assuming the editor preview represents every destination.

Fix common watermark problems

The logo looks much smaller than its width setting

Check for transparent padding or a large background around the design. The tool measures the full file, not just the visible symbol. Trim the excess area in the logo file and select it again. Very tall logos are also limited in height to fit the main image.

The text becomes tiny when I add a website address

The entire line fits into the selected width. Remove unnecessary wording, use a shorter address or increase width. If you need a specific layout or typeface, prepare a logo image instead.

The mark disappears against part of the photograph

Try another corner, a contrasting text color or a different logo version. Then adjust opacity. Check the whole mark: one end may be readable while the other blends into the background.

The downloaded image shows an earlier version

Download a new PNG after changing settings. Check that you opened the latest file rather than an earlier copy with a similar filename.

Frequently asked questions

Does a watermark prevent someone from copying my image?

No. It can make a name or brand visible in a shared copy, but it does not prevent downloading, cropping or editing the image. A corner mark can be cropped out, and a central mark is not a guarantee against removal.

Can I add both text and a logo?

The tool adds one text line or one logo at a time. For a combined design, prepare a single logo image containing both elements. This lets you position and scale them together.

Can I remove the watermark from the exported PNG later?

The PNG has no separately editable watermark layer. Keep the original and create a new copy when you want to change or omit the mark.

Does a transparent logo make the whole output transparent?

No. Transparent parts of the logo let the main image show through. They do not remove its background. Transparent areas already in the main image remain transparent unless the watermark covers them.

Is the PNG copy automatically smaller or ready for every website?

No. Check its file size, pixel dimensions and appearance at the destination. A photograph may need a smaller or differently encoded publishing copy after watermarking.

Further reading

For technical background on how a browser applies opacity when drawing an image, see MDN’s explanation of drawing opacity.

Adobe’s Watermark Editor documentation describes text and graphic watermark controls, including opacity, proportional size and placement. It is useful background for those concepts, but its Lightroom controls and supported formats are not the same as Pixilo’s.

Add a watermark to your image

Keep the original, add text or a logo to a copy, and check the downloaded image at its final display size.

Open watermark tool