Gmail utiliza un sistema de proxy de imágenes que puede modificar o convertir tus imágenes antes de mostrarlas a los destinatarios. Cuando un correo electrónico contiene imágenes WebP, Gmail cambiará el formato (a PNG o JPEG), lo que puede aplanar la transparencia, ajustar colores o eliminar la animación. Como resultado, puede notar bordes distorsionados, halos rosas/rojos, fondos negros o imágenes de productos de menor calidad.
Este artículo explica por qué ocurren estos problemas y cómo prevenirlos o resolverlos.
Por qué Gmail modifica imágenes WebP
Gmail no siempre muestra tu imagen exactamente como la subiste. Cuando se abre tu correo electrónico, Gmail crea su propia versión de la imagen, y durante ese proceso, la imagen puede cambiar.
Esto es lo que Gmail puede hacer con las imágenes WebP:
Convertir el formato de imagen de WebP a PNG o JPEG;
Eliminar la transparencia, lo que puede agregar colores inesperados alrededor de los bordes;
Comprimir o ajustar la imagen, lo que puede reducir la nitidez o claridad;
Convertir imágenes WebP animadas en imágenes estáticas.
Estos cambios son la razón por la que los archivos WebP en Gmail pueden mostrarse de manera diferente, como en el ejemplo anterior. Estos cambios se introducen después de que Gmail procesa la imagen.
Nota: Omnisend no no vuelve a codificar ni modifica tus archivos de imagen. Referenciamos directamente la URL de tu imagen en la <img> tag. Se introducen problemas de visualización después de que Gmail procesa tu imagen a través de su proxy.
Solucionar problemas comunes de WebP en Gmail
Bordes Rojos/Rosados Alrededor de Imágenes
Las imágenes que contienen transparencia, bordes suaves o recortes pueden mostrar bordes delgados rosados o rojos en Gmail.
Esto sucede porque Gmail a menudo convierte imágenes WebP en JPEG, y JPEG no soporta transparencia. Cuando la capa de transparencia se aplana, pueden aparecer bordes de color tenue alrededor de los bordes, especialmente en fondos blancos o claros.
Solución:
Para prevenir halos o bordes alrededor de tus imágenes:
Evita usar WebP para gráficos. Usa PNG en su lugar.
Puedes usar PNG para cualquier imagen con transparencia, sombras suaves, productos recortados, logotipos o íconos.
Usa JPG para fotos.
El formato JPG es la opción más segura para fotos a todo color e imágenes de fondo sin transparencia.
Esto previene halos/franjas no deseados, reduce el tiempo dedicado a depurar la apariencia del correo electrónico y ayuda a que los correos electrónicos se vean como se espera en todos los clientes de correo electrónico.
Problemas de Fondo Transparente en WebP
Además de los bordes rosados/rojos, las imágenes con fondos transparentes también pueden aparecer con un color de fondo negro, gris o inesperado cuando se ven en Gmail.
A medida que Gmail convierte las imágenes WebP en un formato diferente antes de mostrarlas, la transparencia puede ser eliminada o aplanada, haciendo que las áreas previamente transparentes se llenen con un color sólido.
Solución:
Para prevenir problemas de fondo transparente en Gmail:
Evita usar WebP para imágenes con transparencia. Usa PNG en su lugar.
PNG preserva la transparencia de manera más confiable cuando los clientes de correo electrónico procesan imágenes.Usa PNG para logotipos, íconos y gráficos con fondos transparentes.
Esto ayuda a asegurar que las áreas transparentes permanezcan transparentes en todas las bandejas de entrada.Evita sombras suaves o bordes parcialmente transparentes cuando sea posible.
Estos elementos son más propensos a producir colores de fondo no deseados después de la conversión.
Usar PNG para imágenes transparentes reduce los rellenos de fondo inesperados y ayuda a que tus correos electrónicos se muestren de manera consistente en Gmail y otros clientes de correo electrónico.
Imágenes WebP Animadas Mostradas como Estáticas
Las imágenes WebP animadas pueden aparecer como imágenes estáticas (no animadas) cuando se abren en Gmail.
Gmail no soporta de manera confiable archivos WebP animados. Cuando Gmail procesa estas imágenes antes de mostrarlas, la animación puede ser eliminada, y solo se muestra un solo fotograma.
Solución:
Para asegurar que las animaciones se muestren correctamente en Gmail:
Evita imágenes WebP animadas en correos electrónicos.
Gmail puede convertir archivos WebP animados en imágenes estáticas.Usa GIF para contenido animado en su lugar.
GIF es el formato de animación más ampliamente soportado entre los clientes de correo electrónico, incluyendo Gmail.Mantén las animaciones ligeras y simples.
Animaciones cortas y en bucle con menos fotogramas se cargan de manera más confiable y se muestran de manera más consistente.
Usar GIFs para animación ayuda a asegurar que el movimiento se preserve, y tu mensaje aparezca como se pretende en Gmail y otros clientes de correo electrónico.
Preguntas Frecuentes
¿Por qué mis imágenes de productos de WooCommerce se ven borrosas o fracturadas en Gmail?
Esto puede suceder si tus imágenes de productos de WooCommerce fueron subidas en formato WebP, especialmente cuando incluyen fondos transparentes. Cuando estas imágenes se sincronizan en Omnisend, la versión original WebP se conserva. Gmail puede luego convertir o recomprimir la imagen al mostrarla, lo que puede resultar en desenfoque, pixelación o bordes fracturados.
Para resolver esto, actualiza las imágenes de los productos en la fuente en WooCommerce:
Elimina fondos transparentes, o
Reemplazar imágenes WebP con versiones PNG o JPG
Una vez que la imagen de origen se actualice en WooCommerce, la imagen corregida se sincronizará automáticamente en tus correos electrónicos de Omnisend.
¿Puedo evitar que Gmail cambie mis imágenes?
No. Gmail controla cómo se procesan y muestran las imágenes, y este comportamiento no puede ser anulado.
¿Por qué mis imágenes se ven bien en mi sitio web pero no en Gmail?
Los navegadores web soportan WebP de manera nativa. Los clientes de correo electrónico, incluyendo Gmail, pueden cambiar la forma en que se manejan las imágenes WebP antes de mostrarlas.
¿Necesitas más ayuda? No dudes en conectar con nuestro equipo de soporte a través del chat en la aplicación o en [email protected]