Alojar las imágenes de tus emails exportados

Puedes alojar tú mismo los archivos de imagen exportados o hacer que Emailify los suba automáticamente a nuestra propia CDN.

Usar la CDN de alojamiento de imágenes de Emailify (opción predeterminada) ​

En las exportaciones HTML, Emailify exporta por defecto tus emails HTML con las imágenes guardadas junto a los archivos .html, para que puedas subirlas donde quieras.

Sin embargo, si quieres que la CDN (red de distribución de contenido) de Emailify aloje tus imágenes, puedes activar el interruptor Upload Hosted Image URLs. Así se suben tus imágenes y las URL de tu email HTML se cambian automáticamente para que apunten a los archivos subidos.

Si usas alguna de las integraciones incluidas con plataformas de email marketing, tus imágenes se subirán automáticamente a la CDN de Emailify.

Por qué una imagen alojada puede pesar más que el archivo original ​

Emailify renderiza los bytes de imagen que usa el email exportado y optimiza el PNG o JPG generado antes de añadir ese mismo archivo a la exportación y, si está activado, de subirlo. El alojamiento cambia la URL; no aplica una compresión adicional.

Como Figma proporciona los bytes de la exportación renderizada y no el archivo original que subiste, el archivo alojado no es una copia byte a byte del JPG o PNG original. Su peso puede ser distinto, incluso mayor. Para reducirlo, usa una capa de origen con un tamaño adecuado y un formato de imagen apropiado antes de exportar; con este flujo de trabajo, Emailify no puede conservar exactamente la compresión del archivo original.

Subir las imágenes a tu propio bucket de almacenamiento en la nube ​

Por defecto, Emailify usa la CDN (red de distribución de contenido) de Emailify para alojar tus imágenes, pero si quieres puedes cambiarla por tu propio bucket de un servicio de almacenamiento en la nube (por ejemplo, AWS S3 o Backblaze B2).

Cuando elijas el servicio de alojamiento de imágenes que quieres usar, tendrás que introducir abajo las credenciales y los datos de tu bucket. Durante la exportación, tus imágenes se subirán automáticamente a tu propio bucket (y se usará la ruta de las imágenes de tu bucket en los atributos src de las etiquetas <img> de tu HTML):

  • Region (por ejemplo, us-east-1)
  • Access Key (por ejemplo, 003g8...)
  • Secret Access Key (por ejemplo, K454q...)
  • Bucket Name (por ejemplo, my-emailify-bucket)
  • Bucket URL (por ejemplo, https://my-emailify-bucket.s3.us-east-1.amazonaws.com/)

Asegúrate de que los buckets que crees tengan permisos de acceso de lectura Public; si no, las URL de las imágenes subidas no serán accesibles cuando se envíe el email HTML

Direcciones de Cloudflare R2 ​

R2 usa dos direcciones distintas. Introduce las dos en los ajustes de alojamiento de imágenes:

  • S3 API endpoint: copia el endpoint de tu cuenta de Cloudflare, por ejemplo https://accountid.r2.cloudflarestorage.com. Mantén el segmento de jurisdicción que muestre Cloudflare, como .eu. Introduce el nombre de tu bucket en R2 Bucket Name.
  • URL pública de las imágenes: usa un dominio personalizado conectado al bucket, como https://images.example.com/, o su URL pública r2.dev activada. El S3 API endpoint requiere autenticación y no puede servir como URL pública de las imágenes en un email.

Si antes guardaste el S3 API endpoint en el campo de la URL, Emailify lo mueve a S3 API endpoint. Añade tu URL pública de imágenes antes de volver a exportar. Si ya habías guardado un dominio público, se conserva; añade el endpoint de la API por separado si falta. Tus claves de acceso y el nombre del bucket se conservan.

Consulta la guía del S3 API endpoint y la guía de acceso público a los buckets de Cloudflare.

Errores de alojamiento de imágenes en Mailchimp ​

Al exportar directamente a Mailchimp, Emailify comprueba la carpeta de imágenes, los archivos existentes y las URL de las imágenes subidas. Si Mailchimp rechaza una solicitud de imagen, la exportación muestra el error y no crea la plantilla con URL de imágenes sin confirmar. Revisa tu conexión con Mailchimp y tu clave de API, y vuelve a exportar.

Servicios de almacenamiento en la nube propios compatibles con Emailify ​

Puedes alojar tú mismo las imágenes exportadas desde Emailify en cualquiera de estos servicios de almacenamiento de objetos compatibles con S3:

Definir una URL base personalizada para alojar las imágenes exportadas en tu propio servidor o CDN ​

Por defecto, el src de todas las imágenes del HTML exportado por Emailify es una ruta relativa img/ (por ejemplo, img/ceb3f891b78815897e04299f93eef255.jpg). Así puedes revisar tu email y subir un zip a ciertas plataformas como MailChimp, que suben automáticamente las imágenes y actualizan las URL del src por ti.

Sin embargo, si usas una plataforma que no tiene esta función o simplemente alojas las imágenes en tu propio servidor, quizá prefieras definir tu propia URL base personalizada.

URL base personalizada para cada email ​

Puedes definir una URL base personalizada para cada email: selecciona el frame principal de Figma de tu email, haz clic en el botón Settings de la cabecera del plugin, activa el interruptor Override "img/" Base Path y pega tu propia ruta de URL base donde se van a alojar las imágenes. Al activar la URL base personalizada, se añade automáticamente como prefijo a todos los atributos src de tus imágenes (por ejemplo, img/ se sustituye por https://your-custom-server.com/image/path/here/ en el archivo HTML exportado).

Este ajuste por email es ideal cuando necesitas URL base distintas para campañas concretas o quieres anular el ajuste global de la CDN en emails concretos.

URL base de CDN personalizada global ​

Si siempre alojas las imágenes de todos tus emails en la misma CDN o servidor personalizado, puedes definir una URL base personalizada global en lugar de configurarla en cada email:

  1. En el panel de ajustes de exportación, busca el menú desplegable de la CDN
  2. Selecciona Custom Base Image Path URL en la lista de opciones de CDN
  3. Introduce tu URL base personalizada en el campo que aparece (por ejemplo, https://cdn.example.com/images/)
  4. A partir de ese momento, todos los emails exportados usarán por defecto esta URL base para las rutas de las imágenes

El ajuste de CDN personalizada global es una forma cómoda de unificar el alojamiento de imágenes en todas tus campañas de email. Si configuras tanto la URL base personalizada global como la de un email, prevalece la del email, lo que te da flexibilidad para anular la CDN global cuando lo necesites en campañas concretas.

Tanto si usas el ajuste global como el de cada email, asegúrate de que tu URL base personalizada sea de acceso público y esté bien configurada, con los ajustes de CORS si hacen falta. La URL puede incluir o no una barra final; Emailify gestiona correctamente los dos formatos.

¿Por qué no se muestran las imágenes en mi email HTML exportado? ​

Normalmente, las imágenes de un email no se muestran después de enviarlo porque los archivos de imagen no están alojados en URL públicas en internet, porque el email se envió desde una herramienta que reescribió el HTML o porque el cliente de email del destinatario bloqueó las imágenes remotas.

Si exportas el HTML con rutas locales img/, las imágenes se guardan junto al archivo .html y tienes que subirlas con la plantilla del email o alojarlas por separado. Si activas Upload Hosted Image URLs, Emailify sube las imágenes y cambia automáticamente las URL de las imágenes del HTML por enlaces alojados.

¿Por qué las imágenes funcionan en local pero no después de enviar el email? ​

Una vista previa HTML local puede cargar las imágenes desde la carpeta img/ exportada en tu ordenador. Una vez enviado el email, los destinatarios no pueden acceder a los archivos de tu ordenador, así que las imágenes tienen que estar alojadas en internet o subidas a través de tu ESP.

Gmail y Outlook no son una forma fiable de enviar HTML personalizado exportado, porque pueden cambiar el código y no gestionan el alojamiento de imágenes en un flujo de trabajo de envío masivo de emails HTML. Usa un ESP o una de las integraciones incluidas en Emailify.

¿Qué debo comprobar primero si las imágenes exportadas no se ven? ​

  • Asegúrate de que las imágenes están alojadas en URL públicas https://, o sube la carpeta img/ exportada a través de tu ESP.
  • Activa Upload Hosted Image URLs si quieres que Emailify suba las imágenes por ti.
  • Si usas tu propio bucket o CDN, asegúrate de que el bucket permite el acceso público de lectura a las URL de las imágenes subidas.
  • Si una subida falla, comprueba si una VPN, un cortafuegos, un proxy o la red de tu empresa está bloqueando la solicitud de subida.
  • Espera a que terminen de cargarse las imágenes de Figma en el archivo antes de exportar.
  • Recuerda que algunos clientes de email bloquean las imágenes remotas hasta que el destinatario decide mostrarlas.

Errores de conexión con el alojamiento personalizado ​

En Amazon S3, Emailify construye el endpoint de subida a partir de la Region y el Bucket Name que hayas seleccionado. La Bucket URL es la URL base pública que se usa para las imágenes de tu email exportado; cambiarla no cambia el endpoint de subida.

Introduce el nombre completo del bucket, incluido el ID de cuenta y el sufijo de región si los tiene. Por ejemplo, un bucket regional de cuenta llamado my-email-images-123456789012-ap-southeast-2-an usa la región ap-southeast-2 y la URL de bucket https://my-email-images-123456789012-ap-southeast-2-an.s3.ap-southeast-2.amazonaws.com/. AWS admite tanto nombres de bucket globales como regionales de cuenta.

La identidad de IAM asociada a tu clave de acceso necesita el permiso s3:PutObject sobre arn:aws:s3:::YOUR-BUCKET-NAME/* para subir imágenes. Emailify no necesita acceso público de escritura ni permiso para crear o eliminar buckets. Otras restricciones de tus políticas de AWS o de tus ajustes de cifrado pueden seguir impidiendo las subidas; consulta las indicaciones sobre permisos de AWS.

Las URL de las imágenes exportadas también tienen que poder leerse sin iniciar sesión. Usa un bucket de imágenes público o una CDN pública respaldada por tu bucket, y comprueba la URL de una imagen subida en una ventana privada del navegador. Guarda los archivos privados que no tengan que ver con esto en otro almacenamiento; no los hagas públicos para que funcionen las imágenes de los emails.

Si una exportación muestra Image hosting failed, vuelve a intentar la exportación después de corregir la conexión o los permisos. Que la plantilla del email se suba correctamente no significa que sus imágenes se hayan subido bien. Si el error persiste, envía el mensaje de error o una captura de pantalla a soporte, sin incluir tu clave de acceso ni tu clave secreta.