DEV Community

Cover image for MontiMark - Watermark + Web Monetization
Huecki
Huecki

Posted on

4 1

MontiMark - Watermark + Web Monetization

[Instructions]:
Alt Text

made by Nokol

What I built

MontiMark is a very simple to use image watermarker.
You can watermark your images and gain a reward if people wants to use or download your pictures without a watermark.

Every image will be transformed into a base64 with the watermark on it. To provide good UX , while loading a ghostimage will be displayed (option : default gray)

Alt Text

If a buyer / supporter / fan oe wants a picture without a watermark he can demonetize it and the image is an normal path.

Alt Text

Possible improvements

  • Secure downloadable image paths
  • Possibility to remove the watermark without Web Moni.

How to:

Just do :

new Montimark('.selector', 'watermarkpath.jpg');

and you have a sweet watermark

Alt Text

there are also options of the position and more

Alt Text

Submission Category:

Foundational Technology

Demo

https://nokol.net/montimark/

Link to Code

https://github.com/DomEscobar/montimark

How I built it

Javascript

Additional Resources/Info

Resources are already linked

Image of Datadog

How to Diagram Your Cloud Architecture

Cloud architecture diagrams provide critical visibility into the resources in your environment and how they’re connected. In our latest eBook, AWS Solution Architects Jason Mimick and James Wenzel walk through best practices on how to build effective and professional diagrams.

Download the Free eBook

Top comments (1)

Collapse
 
wobsoriano profile image
Robert

nice