علامة مائية على الصورة

مكون السمة
21

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

إعجابَين (2)
22

Thank you. I will check

إعجاب واحد (1)
23

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

إعجاب واحد (1)
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)
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)
26

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

27

I think Its not possible.

إعجابَين (2)
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 إعجابات
29

图片
图片1465×528 33.6 KB

一直卡在这里这是什么情况？

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)
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)
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)
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)
38

That fixed it, thx! :slight_smile:

إعجاب واحد (1)
39

此组件会导致无法上传Gif，如启用此选项上传Gif将自动转为png格式。
image

إعجاب واحد (1)
40

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