Amos Nudel

Watermark Application

Next.jsTypeScriptReactHTML5 Canvas
I developed a Watermark Application that enables users to easily protect their images by adding customizable watermarks.
Built with Next.js and TypeScript, this web application features an intuitive interface for uploading images, applying transparent watermarks, and downloading the results.
The application leverages HTML5 Canvas API for advanced image processing, including automatic watermark resizing to match the base image dimensions and precise opacity control for a professional, non-intrusive overlay effect.
With support for multiple image formats (PNG, JPG, JPEG) and a clean, modern interface built with React components, this project demonstrates practical file handling, client-side image manipulation techniques, and responsive web design principles.

Watermark

Add watermarks to your images with ease

Upload Image

Supports: PNG, JPG, JPEG, BMP

Watermark Settings

Max 20 characters • 9/20

Choose a color for your watermark text

Preview

No image uploaded

Upload an image to get started