We're making it easier to get around Constant Contact with a brand new left navigation. Not all accounts have that change yet, so if your navigation looks different from our articles, that's why–but everything from the top can now be found on the left!

Email and Digital Marketing
¿Cómo podemos ayudarlo?
Busca en nuestros artículos de ayuda, tutoriales de video y guías de inicio rápido

Podrás con esto. Podrás con nosotros. Encuentra rápidamente en nuestra Base de conocimientos las respuestas a tus preguntas sobre marketing por correo electrónico.

Cambiar el tamaño de la imagen en un correo electrónico para que tenga una apariencia óptima en dispositivos móviles y de escritorio

Article: 000017769
Updated: 15 de marzo de 2024

Cambie manualmente el tamaño de una imagen o establezca dimensiones específicas para asegurarse de que tenga el tamaño adecuado cuando se la ve en dispositivos móviles y de escritorio

Una vez que ha agregado una imagen a su mensaje de correo, podrá aumentar o disminuir de manera proporcional su tamaño, directamente desde el editor de correo electrónico. Esto garantiza que la imagen tendrá el tamaño adecuado cuando su mensaje de correo se vea en una computadora de escritorio.

Sin embargo, este método no cambia necesariamente cómo se ve la imagen en un dispositivo móvil. Las imágenes que tienen 480 píxeles de ancho o más llenarán el ancho de toda la pantalla cuando se vean en un dispositivo móvil. Si no desea que las imágenes ocupen todo el ancho de la pantalla cuando se las vea en un dispositivo móvil, puede cambiar sus dimensiones en el editor de imágenes.


Cambiar el tamaño de una imagen para una visualización óptima en un escritorio

  1. Coloque el cursor sobre la imagen y haga clic en las flechas del rincón inferior derecho. Haga clic y arrastre la esquina hacia afuera para aumentar el tamaño y hacia adentro para disminuirlo.

    Indicador de arrastre de tamaño de la imagen

 

sugerencia de diseñoSugerencia de diseño: Si ve espacios en blanco extras por encima y por debajo de su imagen y desea deshacerse de estos, puede quitar el relleno de la imagen. El color de fondo del bloque también puede cambiarse, dándole más opciones de estilo.


Si la imagen no luce como le gustaría, intente recortarla. Las imágenes anchas son mejores para imágenes de anuncios porque no pierden tanto contenido cuando se recortan.

 

Establecer las dimensiones de una imagen para una visualización óptima en un dispositivo móvil

  1. Haga clic en la imagen para abrir la barra de herramientas y luego haga clic en Replace (Reemplazar).

    Imagen seleccionada y botón Replace (Reemplazar)
     
  2. Haga clic en Edit (Editar).

    Ventana Insert Image (Insertar imagen) y botón Edit (Editar)
     
  3. Haga clic en el ícono Transform (Transformar).
  4. Marque la casilla "Lock Resolution" (Bloquear resolución).
  5. Modifique el ancho a un número menor que 480 píxeles. Luego presione la tecla Intro de su teclado para actualizar automáticamente la altura.
    Nota: Tenga en cuenta que 480 píxeles llenarán el ancho de la pantalla de un dispositivo móvil, así que elija un ancho de entre 150 a 250 píxeles si desea que la imagen ocupe de un tercio a la mitad del ancho de la pantalla del dispositivo móvil.
  6. Haga clic en Export (Exportar).

    Editor de imágenes con casilla de Lock Resolution (Bloquear resolución), establecer ancho y botón Export (Exportar)
     
  7. Haga clic en Insert (Insertar).

    Inserte la imagen
     

Notará que el tamaño de la imagen en el editor de correos electrónicos no ha cambiado, lo que significa que la imagen no se verá más pequeña en un dispositivo de escritorio. Pero sí se verá más pequeña en un dispositivo móvil. Use la función de vista previa para asegurarse de que la imagen se vea como usted quiere:

  1. Haga clic en Preview & Test (Vista previa y Revisar) > Preview (Vista previa).

    Menú desplegable Preview & Test (Vista previa y prueba) con opción Preview (Vista previa)
     
  2. Haga clic en la pestaña Mobile (Móvil).

    Vista previa del correo electrónico en dispositivo de escritorio y pestaña Mobile (Móvil)
     

Asegúrese de que la imagen aparezca del modo que desea cuando se la visualiza en un dispositivo móvil.
 

Vista previa del correo electrónico en un dispositivo móvil 
    Las dimensiones de la imagen superior (el suéter naranja) no se modificaron, y por eso ocupa el ancho de la pantalla en un dispositivo móvil.
 
Se disminuyeron las dimensiones de la imagen inferior (el suéter azul), y por eso, se ve más pequeña cuando se la ve en un dispositivo móvil.


Questions?

Ask the Community

Did this article answer your question?


Constant Contact Logo

Copyright © 2021 · Todos los derechos reservados · Constant Contact · Privacy Policy