Watermark Image

Theme component
21

@LaptechInfo, the issue has been fixed; once you upgrade Discourse, this should work!

2 Likes
22

Thank you. I will check

1 Like
23

its working good. now.
but no option to add text as watermark
Thank you

1 Like
24

@LaptechInfo That’s the reason. I originally started working with text, but the ability to create/display options in Discourse is limited. You have a lot of tools online where you can easily make an image with text.

2 Likes
25

You are right. lots of tools are there to create text style.
Great job you have done. I appreciate your work and efforts.
:+1::+1::+1:
:clap::clap::clap:

2 Likes
26

Thanks for your plugin, after adding watermark can I adjust the image quality reduction level?

27

I think Its not possible.

2 Likes
28

The watermark is applied client-side before the image is uploaded server-side, so the TC has no control on the final image quality. I believe yo have the following site setting to control it:

The image and a screenshot of settings for adjusting quality for PNG to JPG conversion and JPG upload quality. (Captioned by AI)
The image and a screenshot of settings for adjusting quality for PNG to JPG conversion and JPG upload quality. (Captioned by AI)647×322 7.97 KB

But also:

The image contains configuration settings and options for image optimization enabling features for Composer media uploads, detailing parameters related to file size, dimensions, resizing, and quality settings. (Captioned by AI)
The image contains configuration settings and options for image optimization enabling features for Composer media uploads, detailing parameters related to file size, dimensions, resizing, and quality settings. (Captioned by AI)677×586 15.1 KB

3 Likes
29

Image
Image1465×528 33.6 KB

Why is it stuck here?

30

Can you check your browser’s console if you see any errors?

31

TypeError: NetworkError when attempting to fetch resource.

32

Do you see only this error? Don’t hesitate to take a screenshot of the console!

Does it work when uploading one image at a time? Or does it fail all the time for any upload?

33

YES，

图片
图片1655×1045 61.7 KB

34

Interesting :thinking:. The component applies the watermark client-side in the background (Web Worker), so I would assume something is happening in this context. I’m unsure what, though.

Does the image preview with your watermark image in the theme settings work without errors?

2 Likes
35

Hi, I have suggestion. if you could enable the function of watermark on Discourse channels also.
that will be a great feature.

Thank you :blush:
@Arkshine

2 Likes
36

On Discourse 3.4.2 image watermark works, but QR Code or text are not added, tried multiple files, hard refresh etc. Anyone else with same issue?

My settings:

Admin - Staging Forum _ Cannabisanbauen_net
Admin - Staging Forum _ Cannabisanbauen_net1595×7541 366 KB

1 Like
37

Thanks for the report. Let me check again to see if I missed something.

@jrgong One of the issues I noticed is related to the color. The CSS variable in Discourse now uses shorthand color (e.g., #fff instead of #ffffff), but the lib wants the full format.
So in Watermark qrcode color and Watermark qrcode background color, use the full format:

The image is a screenshot showing options for watermark QR code color and background color, each with a text input field and a reset button, where hexadecimal color codes and CSS variables are supported. (Captioned by AI)
The image is a screenshot showing options for watermark QR code color and background color, each with a text input field and a reset button, where hexadecimal color codes and CSS variables are supported. (Captioned by AI)834×291 24.9 KB

I will update the TC soon.

1 Like
38

That fixed it, thx! :slight_smile:

1 Like
39

This component will cause GIFs to fail to upload. If this option is enabled, uploaded GIFs will automatically be converted to PNG format.
image

1 Like
40

Can you not use GIFS and this watermark theme component at the same time?