워터마크 이미지

[Arkshine]

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

[LaptechInfo]

Thank you. I will check

[LaptechInfo]

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

[Arkshine]

@Arkshine

Why isn’t text watermarking supported?

Text watermarking would require extensive configuration options (font selection, styling, etc.) that would be difficult to implement effectively without a dedicated interface. Image watermarks provide more flexibility and can be created using existing design tools.

@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.

[LaptechInfo]

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

[thaidb]

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

[LaptechInfo]

I think Its not possible.

Watermark Image

The component doesn’t perform any modifications or compression apart from applying the watermark. Discourse already preprocesses the image first (using squoosh library) → the watermark is applied → The image is uploaded to the server. That would be how it works.

[Arkshine]

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:

But also:

[copymonopoly]

Why is it stuck here?

[Arkshine]

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

[copymonopoly]

TypeError: NetworkError when attempting to fetch resource.

[Arkshine]

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?

[copymonopoly]

YES，

[Arkshine]

Interesting . 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?

[LaptechInfo]

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

Thank you
@Arkshine

[jrgong]

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:

[Arkshine]

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:

I will update the TC soon.

[jrgong]

That fixed it, thx!

[祁同伟]

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

[Olle11]

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