DEV Community

loading...
Cover image for MontiMark - Watermark + Web Monetization

MontiMark - Watermark + Web Monetization

Nokol
Dev. from Germany. Started with GWT 2010 moved to Angular
・1 min read

[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

Discussion (1)

Collapse
wobsoriano profile image
Robert

nice