Cómo añadir y editar imágenes con el administrador de archivos

Tu Gestor de archivos es donde almacenas todas las imágenes que subes y utilizas en tus campañas y formularios. Se encuentra en la barra lateral del panel de control.

Aquí, puedes hacer clic en el botón Cargar imagen para importar una imagen desde tu dispositivo a tu gestor de archivos. También puedes hacer clic en la flecha que apunta hacia abajo, a la derecha del botón, para importar una imagen desde una URL, Google Drive, Giphy o Iconfinder.

Si seleccionas URL, aparecerá una ventana. Pega la URL de la imagen elegida en el campo de entrada para importarla.

Si seleccionas Google Drive, aparecerá una ventana que te permitirá iniciar sesión en Google Drive y seleccionar imágenes directamente desde tu drive.

Giphy es un recurso similar. Sin embargo, en lugar de suministrar una biblioteca interminable de imágenes estáticas, puedes elegir entre una gran variedad de GIF para añadir a tu newsletter o boletín informativo.

Iconfinder es un mercado de iconos, ilustraciones e ilustraciones 3D en formato SVG, AI y PNG.

Consulta esta guía sobre el uso de GIF en correos electrónicos si deseas utilizar GIFs en tu próximo newsletter.

Para añadir una imagen directamente a tu newsletter, primero arrastra el bloque de imagen de tu elección a tu plantilla de newsletter desde la barra lateral izquierda.

A continuación, haz clic en el bloque de imagen y pulsa el icono Reemplazar imagen.

Se abrirá el Administrador de archivos. Desde aquí puedes seleccionar una imagen que ya hayas importado o puedes cargar una nueva imagen para añadirla a tu newsletter.

Para añadir un bloque de imágenes al cuerpo de tu boletín de texto enriquecido:

1. Pasa el ratón por encima del símbolo + situado a la izquierda de tu contenido.

2. Haz clic en el botón Imagen.

Esto añadirá un bloque de imagen al cuerpo de tu boletín. Haz clic en el bloque de imagen y en Navigar en la barra lateral derecha para abrir el gestor de archivos.

Puedes cambiar el tamaño de las imágenes en todos los editores de campañas y landing pages de MailerLite.

Para cambiar el tamaño de una imagen de tu campaña o editor de la landing page:

1. Selecciona el bloque de imágenes.

2. Haz clic en la flecha de la esquina inferior derecha de la imagen y arrástrala hacia dentro para ajustarla al tamaño que prefieras.

Las imágenes de fondo de cada bloque pueden editarse con nuestro editor de imágenes. Para abrir el editor de imágenes, selecciona el bloque de imágenes que contiene la imagen de fondo que deseas editar. A continuación, en la barra lateral, haz clic en Editar imagen.

Pasa el ratón por encima de cualquier icono de la parte izquierda del editor de imágenes para ver cada elemento del menú.

El editor de imágenes contiene las siguientes funciones:

• Transformar: Utiliza esta herramienta para recortar o redimensionar la imagen

• Filtros: Elige entre una amplia gama de filtros para editar tu imagen

• Ajustar: utiliza la herramienta de ajuste para mejorar la imagen ajustando parámetros como el brillo, la exposición, el contraste, etc.

• Enfoque: Destaca una parte de la imagen con la herramienta de enfoque.

• Texto - Utiliza esta herramienta para añadir texto a tu imagen

• Diseño de texto: la herramienta de diseño de texto te permite elegir entre plantillas de texto prediseñadas.

• Pegatinas: Utiliza esta herramienta para añadir pegatinas a tu imagen. Elige entre una lista de emoticonos o formas, o sube otra imagen desde tu dispositivo para utilizarla como pegatina.

• Pincel: Utiliza la herramienta pincel para pintar sobre tu imagen

• Marcos: Selecciona un marco para tu imagen de una lista de marcos prediseñados

• Superposición: elige entre una lista de superposiciones de bonito diseño para añadirlas a tu imagen.

Si quieres recortar una imagen:

1. Selecciona el bloque de imágenes.

2. En la barra lateral derecha, haz clic en Editar imagen.

3. En el editor de imágenes, selecciona Transformar.

4. Utiliza las asas de agarre para recortar la imagen con la forma que prefieras.

5. Haz clic en la marca de verificación azul para aplicar los cambios antes de guardar.

En el editor de arrastrar y soltar y en el editor de texto enriquecido, puedes ver que hay un icono para introducir el valor ALT, que es un texto alternativo que se muestra si no se puede cargar el archivo de imagen. Haz clic en el icono ALT para editar el texto alternativo.

Este texto explica a los lectores de qué trata la imagen. Puedes utilizar un texto ALT descriptivo, o apostar por la creatividad y utilizar este fragmento de texto como CTA.

Para obtener más información sobre las mejores prácticas del uso de imágenes en newsletters por correo electrónico, consulta el documento Buenas prácticas para el uso de imágenes en newsletter electrónicos.

Your File manager is where you store all the images that you upload and use in your campaigns and forms.

The file manager is accessible from your right-hand drop-down menu.

Here, you can click the orange Upload image button to import an image from your computer into your file manager.

Alternatively, you can click the downward-pointing arrow on the right-hand side of the button to import an image from a URL, Google Drive, or Giphy.

If you select URL, a window will appear. Paste the URL of your chosen image into the input field to import it.

If you select Google Drive, a window will appear that allows you to log in to Google Drive and select images directly from your drive.

Unsplash is a great website used for sharing stock photography. You can choose from over a billion images that can be used in your newsletter for free.

Giphy is a similar resource. Though, rather than supplying an endless library of static images, you can choose from a huge range of GIFs to add to your newsletter.

Check out this guide to using GIFs in emails if you’re interested in using GIFs in your next newsletter.

Larger images load slowly in your subscribers' inboxes. Also, if they're using their mobile internet, larger images result in bigger data usage.

Additionally, the smaller the image, the less likely your newsletter will land in spam or the promotions tabs.

For this reason, your images must be under 2 MB.

If your image is too large, you can use an external tool to compress the image.

To add an image directly to your newsletter, first, drag the image block of your choice into your newsletter template from the left-hand sidebar.

Then, click the image block and press Browse in the right-hand sidebar.

This will open your File manager. From here you can select an image you have already imported, or you can upload a new image to add to your newsletter.

To add an image block to the body of your rich text newsletter:

1. Hover over the + symbol to the left of your content.

2. Click the Image button.

This will add an image block to the body of your newsletter. Click the image block and click Browse in the right-hand sidebar to open your file manager.

You can resize images within all your MailerLite campaign editors.

To resize an image in the Drag & drop editor or Rich text editor:

1. Select the image block.

2. Click the arrow in the bottom right-hand corner of the image and drag it inward to adjust to your preferred size.

3. Click Save in the sidebar.

To resize an image in the Legacy rich text-editor:

1. Click the image to select it.

2. Use the resize handles in the corners of your image to adjust the image to your preferred size.

To resize an image on a landing page; click the image block, then click Edit Image in the sidebar to open the image editor. Then you’ll:

1. Select Transform.

2. Check the Lock Resolution box.

3. Edit the value of the w or h field and hit ENTER.

4. Click the blue checkmark to apply your changes.

5. Click save and wait a few seconds while the image updates and resizes.

To open the image editor, select the image block containing the image you want to edit. Then, in the sidebar, click Edit image.

Hover over any icon on the left-hand side of the image editor to see each menu item.

The image editor contains the following features:

• Transform - Use this tool to crop or resize the image

• Filters - Choose from a wide range of filters to edit your image

• Adjust - Use the adjust tool to enhance your image by adjusting settings such as brightness, exposure, contrast, and more

• Focus - Draw attention to one part of your image using the focus tool

• Text - Use this tool to add text to your image

• Text design - The text design tool lets you choose from pre-designed text templates

• Stickers - Use this tool to add stickers to your image. Choose from a list of emoticons or shapes, or upload another image from your computer to use as a sticker

• Brush - Use the brush tool to paint over your image

• Frames - Select a frame for your image from a list of pre-designed frames

• Overlay - Choose from a list of beautifully designed overlays to add to your image

If you’d like to crop an image while using the Drag & drop editor or Rich text editor (beta):

1. Select the image block.

2. In the right-hand sidebar, click Edit image.

3. In the image editor, select Transform.

4. Use the grabber handles to crop your image to your preferred shape.

5. Click the blue checkmark to apply your changes before saving.

In the Drag & drop editor and Rich text editor, you can see that there's a button for entering the ALT value, which is an alternative text displayed if the image file cannot be loaded.

Click ALT to edit the alternative text.

This text explains to your readers what the image is about. You can use a descriptive ALT text, or get more creative and use this piece of text as a CTA.

For more information on the best practices for using images in email newsletters, check out the Best practices for using images in email newsletters.