Add a text watermark to an image

Composite a text or brand mark into exported pixels.

freeworks offlinenothing uploaded
ToolImage Watermark
Input
Output
—
Put this on your own site

The frame below runs the same code as this page, in the reader's own browser. Nothing is sent to us, and nothing is sent to you.

Pick a dark background and the text and panels follow it, so the frame stays readable on a dark page.

Preview

How it works

A logo or text mark is composited over the source at a chosen position, scale, and global alpha using canvas drawing operations. The final pixels contain the overlay; it is not a reversible metadata annotation.

  • Opacity and placement balance visibility with source readability.

Worked example

Add Center Watermark
Add a centered text watermark to an image
Input
											data:image/png;base64,iVBORw0KGgo=
Output
												PNG with centered semi-transparent SAMPLE text

When to use this

Photo previews, document ownership marks, and product catalogs add visible branding.

Edge cases

  • A mark outside the source bounds is clipped.
  • Transparent overlay pixels still affect alpha compositing.
  • A low-opacity mark can disappear after lossy compression.

References