A browser-based watermarking tool that allows users to add text or image watermarks to their images and PDFs. All processing is done locally in the browser, ensuring complete privacy and security of your files.
- Support for both image and PDF files
- Two watermark types:
- Text watermark with customizable properties
- Custom logo/image watermark
- Watermark customization options:
- Adjustable font size
- Color picker for text watermarks
- Opacity control
- Spacing configuration
- Repeat pattern mode
- Real-time preview
- Dark/Light mode support
- Local file processing (files never leave your device)
- Responsive design with Tailwind CSS
- HTML5 Canvas for image manipulation
- PDF.js for PDF handling
- Tailwind CSS for styling
- Font Awesome for icons
- No backend required - purely client-side processing
- Clone the repository:
git clone https://github.com/Paylicier/WTRMRKD.git- Open
index.htmlin your web browser
Alternatively, you can serve it using any web server of your choice.
- Click "Upload File" to select an image or PDF
- Choose watermark type (text or image)
- For text watermarks:
- Enter your desired text
- Choose color
- Adjust font size
- Set opacity level
- For image watermarks:
- Upload your logo
- Adjust size and opacity
- Toggle repeat mode if desired
- Adjust spacing when using repeat mode
- Preview your changes in real-time
- Click "Download Watermarked File" to save
Works with modern browsers that support:
- HTML5 Canvas
- JavaScript ES6+
- CSS Grid and Flexbox
All file processing is done entirely in your browser. No files are uploaded to any server, ensuring complete privacy and security of your documents.
Contributions are welcome! Please feel free to submit a Pull Request.
This project is open source and available under the MIT License.
Created by Paylicier