toolgarden.xyz
中文
image watermarktext watermarklogo watermarkimage tools

How to Add Text, Image, Tiled, and Diagonal Watermarks to Images

Image watermarks can be text or logos. Position, opacity, rotation, and tiling decide whether the mark is useful without distracting from the image.

ToolGarden tools prioritize browser-local processing, so files and text do not need to be uploaded to a server.

Published July 2, 2026Updated August 3, 20266 min readBy ToolGarden

Adding a watermark is not just placing a logo on top. The mark should be visible without damaging the main image.

Text Watermark or Image Watermark?

TypeBest forTip
Text watermarkAuthor names, URLs, order IDs, internal labelsTune size and opacity carefully
Image watermarkBrand logos, campaign marks, copyright stampsUse transparent PNG when possible
Tiled watermarkDiscouraging reposts and screenshotsKeep opacity low
Diagonal watermarkContracts, samples, review imagesKeep rotation and spacing consistent

When to Use Nine-Grid Positioning

Nine-grid positioning is useful for a single watermark. Bottom-right works well for copyright marks, center works for samples, and corner marks usually cover less important content.

Which Output Format Should You Use?

  • Use JPG or WebP for photos when smaller files matter.
  • Use PNG for screenshots, transparent images, and UI assets.
  • Keep the transparent logo source if your watermark is an image.
  • Preview on mobile and desktop before publishing.

Choose the layout from the purpose

An attribution mark mainly identifies the source, so a readable corner placement is usually enough. Review images and paid proofs need to remain traceable after a screenshot, which favors low-opacity tiling. An order number, recipient, or date is a personalized marker and should not sit where one simple crop removes every occurrence. Stronger marks reduce image usefulness, so there is no universal opacity setting.

  • Check contrast over both the brightest and darkest parts of the image, adding a subtle text outline when necessary.
  • Space tiles so a common crop still contains one complete mark without turning the image into visual noise.
  • Start from a transparent logo source, and scale before rotating to reduce jagged or blurry edges.
  • If the text contains an order ID or a person name, review the sharing scope and retention period so the mark does not create a new privacy leak.

What a watermark can and cannot do

A visible mark can state origin, discourage casual reuse, and make an internal proof traceable. It is not access control or tamper-proof copyright protection. Cropping, repainting, and image inpainting can still remove it. When access to the source matters, combine the mark with permissions, lower-resolution previews, and a separate archive rather than relying on pixels alone.

Frequently asked questions

Q.What opacity works best for a watermark?

There is no single answer, and it depends on the goal. For portfolio or photography, 30 percent to 50 percent keeps the mark visible without dominating the image. For samples or internal review, 60 percent to 80 percent is fine because the goal is a strong reminder. For full-page tiled watermarks meant to discourage reposts, drop the opacity to 10 percent to 20 percent so it does not obscure the content. Always preview on both mobile and desktop before publishing, because brightness and resolution change how the same opacity actually looks.

Q.Is a diagonal watermark or a tiled watermark better at preventing theft?

A tiled watermark covers more area, so even if someone crops a small piece of the image, a mark is still visible; better for screenshot and repost protection. A diagonal watermark has clean, uniform strokes and stronger visual impact, which fits contract samples or review images that need an obvious warning. If your goal is a clear warning, use diagonal. If you worry about cropping and reposting, use tiled. Both need low opacity so they do not damage readability of the actual content.

Q.Why do some watermarked images look crisp while others look blurry?

Sharpness depends on three factors: font rendering quality, export format, and final resolution. Text watermarks with small font sizes or non-anti-aliased fonts show jagged edges. High-compression JPG output introduces blocks and noise around edges. If the source image is low-resolution but scaled up, the watermark blurs along with it. Use reasonable font sizes for text marks, prefer transparent PNG for logos, use WebP or high-quality JPG for photos, and PNG for UI screenshots.

Q.Can text and logo watermarks be used together?

Yes, and it is a common pattern: a brand logo in the bottom-right corner plus centered or tiled text carrying a URL, handle, or copyright notice. The two complement each other; the logo communicates brand while text carries copyright and contact info. Watch the visual hierarchy: the logo can be smaller and more opaque, while the text watermark can be lighter but repeated more often, so both do not fight for attention. Preview the result inside the actual publishing environment (social media, article page, stock library) before exporting.

Q.Should I keep the un-watermarked source file?

Yes, definitely. Three reasons. First, you may want to change the watermark later; a new logo, new URL, or new campaign slogan. Second, different platforms need different sizes, ratios, or formats, and re-cropping from a watermarked image usually looks messy. Third, if the font, size, or position turns out wrong, only the clean source lets you redo the work. Name the files clearly (photo-original.jpg, photo-watermark-v1.jpg) or put them in separate folders so the clean version does not get lost after publishing.