# Marca de agua en la imagen

**URL:** <https://meta.discourse.org/t/watermark-image/347138>\
**Category:** Theme component\
**Created:** [14 Enero, 2025 21:13 UTC](https://meta.discourse.org/t/watermark-image/347138 "2025-01-14T21:13:27Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [14 Febrero, 2025 13:03 UTC](https://meta.discourse.org/t/watermark-image/347138/21 "2025-02-14T13:03:01Z")

</div>

@LaptechInfo, el problema ha sido solucionado; una vez que actualice Discourse, ¡esto debería funcionar!

---

<div class="post-metadata">

**Author:** ![LaptechInfo](https://avatars.discourse-cdn.com/v4/letter/l/e8c25b/32.png) [@LaptechInfo](https://meta.discourse.org/u/LaptechInfo)\
**Post date:** [14 Febrero, 2025 13:07 UTC](https://meta.discourse.org/t/watermark-image/347138/22 "2025-02-14T13:07:09Z")

</div>

Gracias. Lo reviso

---

<div class="post-metadata">

**Author:** ![LaptechInfo](https://avatars.discourse-cdn.com/v4/letter/l/e8c25b/32.png) [@LaptechInfo](https://meta.discourse.org/u/LaptechInfo)\
**Post date:** [15 Febrero, 2025 01:48 UTC](https://meta.discourse.org/t/watermark-image/347138/23 "2025-02-15T01:48:52Z")

</div>

funciona bien. ahora.  
pero no hay opción para agregar texto como marca de agua  
Gracias

---

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [15 Febrero, 2025 01:55 UTC](https://meta.discourse.org/t/watermark-image/347138/24 "2025-02-15T01:55:50Z")

</div>

> [@Arkshine](#):
>
> **¿Por qué no se admite la marca de agua de texto?**
> 
> _La marca de agua de texto requeriría amplias opciones de configuración (selección de fuentes, estilo, etc.) que serían difíciles de implementar de manera efectiva sin una interfaz dedicada. Las marcas de agua de imagen proporcionan más flexibilidad y se pueden crear utilizando herramientas de diseño existentes._

@LaptechInfo Esa es la razón. Originalmente comencé a trabajar con texto, pero la capacidad de crear/mostrar opciones en Discourse es limitada. Tienes muchas herramientas en línea donde puedes crear fácilmente una imagen con texto.

---

<div class="post-metadata">

**Author:** ![LaptechInfo](https://avatars.discourse-cdn.com/v4/letter/l/e8c25b/32.png) [@LaptechInfo](https://meta.discourse.org/u/LaptechInfo)\
**Post date:** [15 Febrero, 2025 02:06 UTC](https://meta.discourse.org/t/watermark-image/347138/25 "2025-02-15T02:06:09Z")

</div>

Tienes razón. Hay muchas herramientas para crear estilos de texto.  
Gran trabajo el que has hecho. Aprecio tu trabajo y tus esfuerzos.  
👍👍👍  
👏👏👏👏👏

---

<div class="post-metadata">

**Author:** ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)\
**Post date:** [16 Febrero, 2025 13:41 UTC](https://meta.discourse.org/t/watermark-image/347138/26 "2025-02-16T13:41:42Z")

</div>

Gracias por tu plugin, después de añadir la marca de agua, ¿puedo ajustar el nivel de reducción de la calidad de la imagen?

---

<div class="post-metadata">

**Author:** ![LaptechInfo](https://avatars.discourse-cdn.com/v4/letter/l/e8c25b/32.png) [@LaptechInfo](https://meta.discourse.org/u/LaptechInfo)\
**Post date:** [16 Febrero, 2025 14:43 UTC](https://meta.discourse.org/t/watermark-image/347138/27 "2025-02-16T14:43:42Z")

</div>

Creo que no es posible.

> [@Watermark Image](https://meta.discourse.org/t/watermark-image/347138/4?u=laptechinfo):
>
> The component doesn’t perform any modifications or compression apart from applying the watermark. Discourse already preprocesses the image first (using [squoosh](https://squoosh.app/) library) → the watermark is applied → The image is uploaded to the server. That would be how it works.

---

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [16 Febrero, 2025 14:54 UTC](https://meta.discourse.org/t/watermark-image/347138/28 "2025-02-16T14:54:40Z")

</div>

La marca de agua se aplica en el lado del cliente antes de que la imagen se cargue en el lado del servidor, por lo que el TC no tiene control sobre la calidad final de la imagen. Creo que tiene la siguiente configuración del sitio para controlarla:

 ![La imagen y una captura de pantalla de la configuración para ajustar la calidad de la conversión de PNG a JPG y la calidad de carga de JPG. (Subtitulado por IA)](https://global.discourse-cdn.com/meta/original/4X/c/2/9/c29c97e55183d4a78a874f600eae122ff9c63f43.png)

Pero también:

 ![La imagen contiene configuraciones y opciones de configuración para la optimización de imágenes, habilitando funciones para cargas de medios del Compositor, detallando parámetros relacionados con el tamaño del archivo, dimensiones, redimensionamiento y configuraciones de calidad. (Subtitulado por IA)](https://global.discourse-cdn.com/meta/original/4X/2/3/b/23b39858ef162a2ddaa5262747a0617bdb81164a.png)

---

<div class="post-metadata">

**Author:** ![copymonopoly](https://avatars.discourse-cdn.com/v4/letter/c/4491bb/32.png) [@copymonopoly](https://meta.discourse.org/u/copymonopoly)\
**Post date:** [18 Febrero, 2025 17:31 UTC](https://meta.discourse.org/t/watermark-image/347138/29 "2025-02-18T17:31:52Z")

</div>

![Imagen](https://global.discourse-cdn.com/meta/original/4X/d/9/f/d9fdcd16ea02b25ce21c4a9d993d762071c46f78.png)

¿Qué está pasando, que se queda atascado aquí?

---

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [18 Febrero, 2025 17:34 UTC](https://meta.discourse.org/t/watermark-image/347138/30 "2025-02-18T17:34:33Z")

</div>

¿Puedes revisar la consola de tu navegador si ves algún error?

---

<div class="post-metadata">

**Author:** ![copymonopoly](https://avatars.discourse-cdn.com/v4/letter/c/4491bb/32.png) [@copymonopoly](https://meta.discourse.org/u/copymonopoly)\
**Post date:** [18 Febrero, 2025 17:49 UTC](https://meta.discourse.org/t/watermark-image/347138/31 "2025-02-18T17:49:19Z")

</div>

TypeError: Error de red al intentar obtener el recurso.

---

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [18 Febrero, 2025 18:09 UTC](https://meta.discourse.org/t/watermark-image/347138/32 "2025-02-18T18:09:26Z")

</div>

¿Ves solo este error? ¡No dudes en tomar una captura de pantalla de la consola!

¿Funciona al subir una imagen a la vez? ¿O falla todo el tiempo con cualquier carga?

---

<div class="post-metadata">

**Author:** ![copymonopoly](https://avatars.discourse-cdn.com/v4/letter/c/4491bb/32.png) [@copymonopoly](https://meta.discourse.org/u/copymonopoly)\
**Post date:** [18 Febrero, 2025 18:16 UTC](https://meta.discourse.org/t/watermark-image/347138/33 "2025-02-18T18:16:29Z")

</div>

SÍ，

 ![Imagen](https://global.discourse-cdn.com/meta/original/4X/b/1/e/b1ef8c4a3a60754a05ea25ae6ff60ff8f1bc11a0.png)

---

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [18 Febrero, 2025 18:46 UTC](https://meta.discourse.org/t/watermark-image/347138/34 "2025-02-18T18:46:40Z")

</div>

Interesante 🤔. El componente aplica la marca de agua en el lado del cliente en segundo plano (Web Worker), por lo que supongo que algo está sucediendo en este contexto. Sin embargo, no estoy seguro de qué.

¿Funciona la vista previa de la imagen con tu imagen de marca de agua en la configuración del tema sin errores?

---

<div class="post-metadata">

**Author:** ![LaptechInfo](https://avatars.discourse-cdn.com/v4/letter/l/e8c25b/32.png) [@LaptechInfo](https://meta.discourse.org/u/LaptechInfo)\
**Post date:** [21 Febrero, 2025 05:03 UTC](https://meta.discourse.org/t/watermark-image/347138/35 "2025-02-21T05:03:46Z")

</div>

Hola, tengo una sugerencia. Si pudieras habilitar la función de marca de agua en los canales de Discourse también.  
Sería una gran característica.

Gracias 😊  
@Arkshine

---

<div class="post-metadata">

**Author:** ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)\
**Post date:** [29 Marzo, 2025 09:32 UTC](https://meta.discourse.org/t/watermark-image/347138/36 "2025-03-29T09:32:02Z")

</div>

En Discourse 3.4.2, la marca de agua de imagen funciona, pero no se agregan códigos QR ni texto. He probado varios archivos, actualización forzada, etc. ¿Alguien más tiene el mismo problema?

Mi configuración:

 ![Admin - Staging Forum _ Cannabisanbauen_net](https://global.discourse-cdn.com/meta/original/4X/7/f/9/7f983d2371b97635d6ff21036636c9875b2846cc.jpeg)

---

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [29 Marzo, 2025 14:11 UTC](https://meta.discourse.org/t/watermark-image/347138/37 "2025-03-29T14:11:05Z")

</div>

Gracias por el informe. Déjame revisar de nuevo para ver si me perdí algo.

@jrgong Uno de los problemas que noté está relacionado con el color. La variable CSS en Discourse ahora usa color abreviado (por ejemplo, #fff en lugar de #ffffff), pero la biblioteca quiere el formato completo.  
Así que en `Color del código QR de la marca de agua` y `Color de fondo del código QR de la marca de agua`, usa el formato completo:

 ![La imagen es una captura de pantalla que muestra las opciones de color y color de fondo del código QR de la marca de agua, cada una con un campo de entrada de texto y un botón de reinicio, donde se admiten códigos de color hexadecimales y variables CSS. (Subtitulado por IA)](https://global.discourse-cdn.com/meta/original/4X/9/5/5/9553cf50663415b1b4edda2ea0b1ec646eaac118.png)

Actualizaré el TC pronto.

---

<div class="post-metadata">

**Author:** ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)\
**Post date:** [5 Abril, 2025 12:19 UTC](https://meta.discourse.org/t/watermark-image/347138/38 "2025-04-05T12:19:59Z")

</div>

¡Eso lo solucionó, gracias! 🙂

---

<div class="post-metadata">

**Author:** ![祁同伟](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/%E7%A5%81%E5%90%8C%E4%BC%9F/32/501520_2.png) [@祁同伟](https://meta.discourse.org/u/%E7%A5%81%E5%90%8C%E4%BC%9F)\
**Post date:** [4 Mayo, 2025 11:42 UTC](https://meta.discourse.org/t/watermark-image/347138/39 "2025-05-04T11:42:40Z")

</div>

Este componente provoca que no se puedan subir Gifs. Si se habilita esta opción, los Gifs se convertirán automáticamente al formato png.  
 ![image](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/original/4X/5/5/f/55fec90e1fe926152ae114b9c9ec92d756880cb4.png)

---

<div class="post-metadata">

**Author:** ![Olle11](https://avatars.discourse-cdn.com/v4/letter/o/cdc98d/32.png) [@Olle11](https://meta.discourse.org/u/Olle11)\
**Post date:** [6 Mayo, 2025 05:29 UTC](https://meta.discourse.org/t/watermark-image/347138/40 "2025-05-06T05:29:56Z")

</div>

¿No puedes usar GIFS y este componente temático de marca de agua al mismo tiempo?

[Página anterior](https://meta.discourse.org/t/watermark-image/347138.md?page=1)

[Página siguiente](https://meta.discourse.org/t/watermark-image/347138.md?page=3)
