Subir, añadir y editar imágenes en correos electrónicos y páginas de destino
Aprenda a subir, editar y eliminar imágenes en tus correos electrónicos, páginas de destino y en el gestor de contenido de Mailchimp.
Consigue a un experto que te haga el trabajo
Desde formación hasta servicio completo de marketing, nuestra comunidad de Partners puede ayudarte a conseguir lo que quieras.
Recomendaciones para elegir las mejores imágenes para los bloques de contenido
Copiar la URL del artículo
Se copió
Antes de subir tus imágenes a Mailchimp, echa un vistazo a estas recomendaciones para asegurarte de que queden perfectas. Nuestras recomendaciones se basan en el tipo de bloque de contenido que utilices en tu correo electrónico de marketing o página de destino.
En este artículo, aprenderás sobre nuestras recomendaciones para imágenes en el nuevo creador y el creador clásico.
Consejos generales para imágenes
A continuación, te ofrecemos algunos consejos generales para tus imágenes.
- Formato
Guarda tus imágenes como archivos PNG, JPG o GIF. Utiliza el formato PNG para mantener la transparencia. - Modo o perfil cromático
Guarda las imágenes con el modo o perfil cromático RGB. CMYK, que es lo que los diseñadores utilizan para la impresión, no es renderizado en línea de manera precisa y puede romper la imagen incrustada. - Texto alternativo
Es una buena idea añadir texto alternativo a tus imágenes. El texto alternativo es esencial para la accesibilidad y para las personas que puedan tener problemas para descargar tus imágenes. Además, contribuye a optimizar el posicionamiento en buscadores de tus páginas de destino. - Pantallas de alta definición
Muchos dispositivos cuentan con pantallas de alta definición, como la pantalla Retina de Apple. Este tipo de pantalla ofrece una mayor proporción de píxeles por pulgada, lo que puede hacer que algunas imágenes aparezcan borrosas. Para asegurarte de que tus imágenes se muestren con nitidez en todas las pantallas, utiliza una foto de mayor resolución y limita las dimensiones. - Tamaño de archivo
Se recomienda un tamaño de archivo máximo de 1 MB para imágenes. Un tamaño de 72 ppp suele ser suficiente para la web, aunque no es obligatorio. - Tamaño de imagen
Los correos electrónicos y las páginas de destino tienen un ancho limitado para las imágenes, y Mailchimp ajustará automáticamente el tamaño de tus imágenes para que quepan en un correo electrónico. Esto ayuda a evitar tiempos de carga lentos o que tus correos electrónicos se recorten como resultado de tamaños de imagen muy grandes.
En las secciones siguientes se recomiendan los anchos de imagen que mejor se ajustan a un diseño.
Tamaño de imágenes para correos electrónicos
Las plantillas de correo electrónico clásicas de Mailchimp tienen 600 píxeles de ancho, mientras que las plantillas del nuevo creador tienen 660 píxeles de ancho. Es mejor utilizar imágenes con un rango de 660-1.320 píxeles en el nuevo creador y 600-1.200 píxeles en el creador clásico. Mailchimp redimensionará tu imagen para ajustarla al bloque de contenido al que se añada.
En el creador clásico, es posible que recibas una alerta si agregas una imagen a una plantilla que sea mayor que nuestro rango de ancho recomendado. Haz clic en Corregir para ajustar las dimensiones de la imagen en eleditor de fotos.
Nota
El código subyacente para el ancho de la plantilla no se puede cambiar en el creador de correos electrónicos. Para crear un correo electrónico más ancho, te recomendamos que uses tu propio código o que contrates a un diseñador que cree dicho código.
En cuanto al tamaño mínimo de las imágenes, las recomendaciones varían en función del número de columnas de la plantilla de correo electrónico.
| Columnas | Ancho mínimo de imagen recomendado para la plantilla del creador clásico | Ancho mínimo de imagen recomendado para la plantilla del nuevo creador |
|---|---|---|
| Imágenes de sección de ancho completo | 564 px | 660 píxeles |
| Imágenes de sección a 2 columnas | 264 px | 330 píxeles |
| Imágenes de sección a 3 columnas | 164 px | 220 píxeles |
| Imágenes de sección a cuatro columnas | 132 px | 165 px |
Si estás utilizando el creador clásico, el tamaño puede variar dependiendo del tipo de bloque de contenido con el que estés trabajando. Estas son nuestras recomendaciones de tamaño mínimo para las imágenes de los bloques de contenido Imagen, Tarjeta de imagen, Imagen + Texto y Grupo de imágenes en el creador clásico.
Imagen
| Opciones del bloque de contenido | Ancho mínimo de imagen recomendado para la plantilla del creador clásico |
|---|---|
| Margen configurado en pantalla completa (edge to edge) | 564 px |
Nota
En el creador clásico, los bloques de logotipo predeterminados coinciden con las dimensiones de un bloque de contenido de imagen. Nuestra anchura mínima de imagen recomendada es de 564 píxeles.
Tarjeta de imagen
| Opciones del bloque de contenido | Ancho mínimo de imagen recomendado para la plantilla del creador clásico |
|---|---|
| Márgenes configurados en pantalla completa (edge to edge) | 564 px |
| Márgenes sin configurar en pantalla completa (edge to edge) | 528 px |
Imagen + texto
| Opciones del bloque de contenido | Ancho mínimo de imagen recomendado para la plantilla del creador clásico |
|---|---|
| Alineación a la izquierda o a la derecha con pie de foto de un tercio | 352 px |
| Alineación a la izquierda o a la derecha con pie de foto de la mitad | 264 px |
| Alineación a la izquierda o a la derecha con pie de foto de dos tercios | 176 px |
| Alineación a la izquierda o a la derecha con pie de foto de tres cuartos | 132 px |
Grupo de imágenes
Si añades bloques de grupo de imágenes a una sección de varias columnas, procura que las imágenes más pequeñas sean lo suficientemente claras como para que los destinatarios las vean.
| Opciones del bloque de contenido | Ancho mínimo de imagen recomendado para la plantilla del creador clásico |
|---|---|
| Imágenes de ancho completo | 564 px |
| Imágenes de sección a 2 columnas | 264 px |
Tamaños de imágenes para páginas de destino
Las páginas de destino de Mailchimp te ofrecen un amplio abanico de tamaños para que elijas el ancho perfecto para las imágenes de tu página. Antes de subirlas a Mailchimp, escálalas al tamaño preciso para eliminar píxeles innecesarios.
Si has configurado el ancho de tu página de destino al 100 %, las imágenes se mostrarán de forma diferente en función de la resolución de pantalla de las personas que la visiten. En tal caso, te sugerimos que utilices imágenes más grandes. Recomendamos mantener las imágenes entre 1.500 y 2.500 píxeles de ancho, ya que Mailchimp cambiará el tamaño de tus imágenes para que se ajusten al área del contenido. Es posible que las imágenes de más de 2.500 píxeles no se cambien de tamaño correctamente. Ten en cuenta que las imágenes más grandes pueden ralentizar la carga de tu página de destino.
Estas son nuestras recomendaciones de tamaño para las imágenes de los bloques de contenido Image (Imagen), Image Card (Tarjeta de imagen), Image + Text (Imagen + texto) e Image Group (Grupo de imágenes) de tu página de destino.
Imagen
| Ancho de página | Ancho mínimo de imagen recomendado para la plantilla del creador clásico |
|---|---|
| 780 px | 744 px |
| 960 px | 924 px |
| 1224 px | 924 px |
| 1332 px | 1188 px |
Tarjeta de imagen
| Ancho de página | Opciones del bloque de contenido | Ancho mínimo de imagen recomendado para la plantilla del creador clásico |
|---|---|---|
| 780 px | Márgenes configurados en pantalla completa (edge to edge) | 744 px |
| 780 px | Márgenes sin configurar en pantalla completa (edge to edge) | 708 px |
| 960 px | Margen configurado en pantalla completa (edge to edge) | 924 px |
| 960 px | Márgenes sin configurar en pantalla completa (edge to edge) | 888 px |
| 1224 px | Márgenes configurados en pantalla completa (edge to edge) | 924 px |
| 1224 px | Márgenes sin configurar en pantalla completa (edge to edge) | 888 px |
| 1332 px | Márgenes configurados en pantalla completa (edge to edge) | 1188 px |
| 1332 px | Márgenes sin configurar en pantalla completa (edge to edge) | 1152 px |
Imagen + texto
| Ancho de página | Opciones del bloque de contenido | Ancho mínimo de imagen recomendado para la plantilla del creador clásico |
|---|---|---|
| 780 px | Alineación a la izquierda o a la derecha con pie de foto de un tercio | 515 px |
| 780 px | Alineación a la izquierda o a la derecha con pie de foto de la mitad | 363 px |
| 780 px | Alineación a la izquierda o a la derecha con pie de foto de dos tercios | 211 px |
| 780 px | Alineación a la izquierda o a la derecha con pie de foto de tres cuartos | 173 px |
| 960 px | Alineación a la izquierda o a la derecha con pie de foto de un tercio | 642 px |
| 960 px | Alineación a la izquierda o a la derecha con pie de foto de la mitad | 453 px |
| 960 px | Alineación a la izquierda o a la derecha con pie de foto de dos tercios | 265 px |
| 960 px | Alineación a la izquierda o a la derecha con pie de foto de tres cuartos | 218 px |
| 1224 px | Alineación a la izquierda o a la derecha con pie de foto de un tercio | 642 px |
| 1224 px | Alineación a la izquierda o a la derecha con pie de foto de la mitad | 453 px |
| 1224 px | Alineación a la izquierda o a la derecha con pie de foto de dos tercios | 265 px |
| 1224 px | Alineación a la izquierda o a la derecha con pie de foto de tres cuartos | 218 px |
| 1332 px | Alineación a la izquierda o a la derecha con pie de foto de un tercio | 827 px |
| 1332 px | Alineación a la izquierda o a la derecha con pie de foto de la mitad | 585 px |
| 1332 px | Alineación a la izquierda o a la derecha con pie de foto de dos tercios | 344 px |
| 1332 px | Alineación a la izquierda o a la derecha con pie de foto de tres cuartos | 284 px |
Grupo de imágenes
| Ancho de página | Opciones del bloque de contenido | Ancho mínimo de imagen recomendado para la plantilla del creador clásico |
|---|---|---|
| 780 px | Imágenes de ancho completo | 744 px |
| 780 px | Imágenes de sección a 2 columnas | 363 px |
| 960 px | Imágenes de ancho completo | 924 px |
| 960 px | Imágenes de sección a 2 columnas | 453 px |
| 1224 px | Imágenes de ancho completo | 924 px |
| 1224 px | Imágenes de sección a 2 columnas | 453 px |
| 1332 px | Imágenes de ancho completo | 1188 px |
| 1332 px | Imágenes de sección a 2 columnas | 585 px |
Ajustar el ancho de la página de destino
Para ajustar el ancho de tu página de destino, sigue estos pasos.
- Haz clic en Campaigns (Campañas)y luego enAll campaigns (Todas las campañas).
- Si tienes más de un público, haz clic en el menú desplegable Current audience (Público actual) y selecciona el público asociado a tu página de destino.
- Haz clic en Editar en la página de destino con la que deseas trabajar. Es posible que necesites seleccionar Editar en el menú desplegable junto a Ver informe.
- Haz clic en Editar diseño.
- Haz clic en la pestaña Estilo y, a continuación, haz clic en Página.
- En la secciónEstilo del contenedor de página, utiliza el desplegable Ancho para elegir un ancho.
- Haz clic en Save (Guardar).
Soporte técnico
¿Tienes alguna pregunta?
Los usuarios de pago pueden acceder al soporte por correo electrónico y chat.
Relacionados
Solución de problemas de imágenes en las campañas
Aprende acerca de cómo solucionar problemas con las imágenes en las campañas, incluyendo problemas comunes y cómo solucionarlos.
Acerca de los bloques de contenido
Aprende a usar los varios tipos de bloques de contenido de Mailchimp en el diseño de tu campaña.