10 formas de reducir el tamaño de tus imágenes
Publicado: 2018-02-15A todos nos gusta tener un sitio web con imágenes de calidad para captar la atención de nuestros lectores, ¿verdad?
Si tienes una página donde ofreces servicios, vendes un producto o estás trabajando con un blog; seguro que tienes decenas de imágenes: en los artículos, en las páginas estáticas o en los productos, por ejemplo.
Cuando hablamos de imágenes para sitios web, no tenemos que pensar solo en la cantidad de imágenes que vamos a agregar. También debemos considerar su tamaño y, por lo tanto, el espacio que estos archivos usarán en el servidor.
Por ello, en este artículo hablaremos de diez herramientas que podríamos utilizar para reducir el tamaño de las imágenes que usaremos en nuestra página web, blog o comercio electrónico.
- 1 · ¿Por qué debería reducir el tamaño de las imágenes de su sitio?
- 2 · Diez herramientas para reducir el tamaño de las imágenes de su sitio web
- 2.1 1) ShortPixel
- 2.2 2) Optimizador de imagen EWWW
- 2.3 3) Comprimir JPG e PNG
- 2.4 4) Compressor.io
- 2.5 5) Optimizilla
- 2.6 6) WP Smush
- 2.7 7) Kraken.io
- 2.8 8) Imagify Image Optimizer
- 2.9 9) Photoshop
- 2.10 10) RIOT
- 3 · Cómo subir tus imágenes a Mailrelay
- 3.1 Publicaciones relacionadas:
· ¿Por qué debería reducir el tamaño de las imágenes en su sitio?
Antes de comenzar a hablar sobre cada una de estas herramientas, quiero explicar la importancia de reducir el tamaño de las imágenes de su sitio.
Hoy en día es fundamental que los sitios sean rápidos, es decir, que tarden solo unos segundos en cargarse (lo ideal es menos de 3 segundos).
La optimización adecuada de las imágenes de su sitio es fundamental por tres razones:
- El tamaño de la imagen afecta la velocidad de carga del sitio y acabamos de ver la importancia de tener un sitio web rápido.
- El tiempo de carga es uno de los principales factores que afectan al SEO. Un sitio web rápido estará mejor clasificado en Google que un sitio web lento (siempre puede haber excepciones, pero esa es la regla general).
- Las imágenes del sitio web deben adaptarse al ancho de la página. Para dar un ejemplo, a menudo veo muchas páginas con imágenes mucho más grandes que el espacio disponible. Si el espacio tiene 300 px de ancho, el administrador no debe cargar una imagen con 1000 px. Este es un error común en muchas páginas web. Mi consejo es adaptar el tamaño de todas las imágenes de su sitio.
· Diez herramientas para reducir el tamaño de las imágenes de su sitio web
1) ShortPixel
El objetivo de esta herramienta es mejorar el rendimiento de nuestros sitios, reduciendo el tamaño de las imágenes.
Está disponible en versión web y como complemento para WordPress, ofreciendo tres tipos de compresión de fotos:
- Compresión con pérdida. Es la mejor opción para la mayoría de usuarios. Esta opción permite un equilibrio entre la optimización y la calidad de la imagen.
- Compresión brillante. Es la mejor opción si está buscando una herramienta con un enfoque en Google Insights, pero no le preocupa la velocidad de carga. Esta opción permite una compresión aceptable, con calidad de imagen. Cuanto más comprimido esté el archivo, más se verá comprometida la calidad de la imagen final.
- Compresión sin perdidas. La última opción le permite comprimir la imagen píxel por píxel, en comparación con las imágenes originales, pero ofrece una reducción mucho menor, en comparación con los archivos procesados con las dos opciones.
La versión web de ShortPixel le permite reducir imágenes en lotes de 50 archivos.
En cuanto al plugin de WordPress, es muy fácil de usar y es muy ligero. Solo necesita instalarlo y el complemento comprimirá todas las imágenes de su sitio, así como sus archivos PDF con un solo clic.
Además, las nuevas imágenes que cargue se redimensionarán automáticamente, sin necesidad de realizar ninguna otra acción.
Finalmente, debemos explicar que se trata de una herramienta “freemium”. Es decir, puedes comprimir 100 imágenes al mes de forma gratuita. Si excede esa cantidad, ofrece varios planes pagos.
https://shortpixel.com/
Optimizador de imagen ShortPixel
2) Optimizador de imagen EWWW
Es una herramienta desarrollada con el objetivo de optimizar imágenes para sitios web, pero en este caso, dirigida a sitios que utilizan hosting compartido.
Como en el caso de ShortPixel, EWWW Image Optimizer tiene una versión web y también un complemento para WordPress, así como varios planes pagos.
EWWW Image Optimizer le permite aumentar la velocidad de carga de sus páginas, optimizando todas las imágenes de su sitio.
Este aumento de velocidad puede ayudarte a conseguir mejores posiciones en los buscadores y también a mejorar las tasas de conversión (aumentando las ventas o nuevos suscriptores, por ejemplo).
EWWW Image Optimizer puede optimizar automáticamente todas las imágenes que cargue. También puede optimizar todas las imágenes que ya están alojadas en el servidor. Además, será posible convertir todos sus archivos al formato mejor recomendado.
En cuanto a las opciones de compresión, puede optar por comprimir por píxeles u opciones de alta compresión sin perder calidad.
https://ewww.io/
Optimizador de imagen EWWW
3) Comprimir JPG e PNG
Esa herramienta en línea le permitirá comprimir un lote con hasta 20 imágenes en JPG y PNG.
Su uso es muy sencillo: basta con subir o arrastrar los archivos. Cuando estén listas, solo tendrás que descargar las imágenes comprimidas por separado o compactadas en un archivo ZIP.
http://compressjpeg.com/es/
4) Compressor.io
Es una de mis herramientas favoritas cuando necesito comprimir algunas imágenes para subirlas a mis páginas.
Está disponible en compressor.io, y su uso es muy sencillo. Solo necesitas cargar o arrastrar la imagen que deseas comprimir, esperar a que se complete el proceso (solo toma unos segundos) y descargar los archivos comprimidos.
Además, cuando se complete el proceso, la herramienta le mostrará el porcentaje de compresión en comparación con la imagen original.
Tenga en cuenta que le permite comprimir archivos en cuatro formatos diferentes: JPEG, PNG, GIF y SVG.
5) Optimizilla
Es un software de optimización de imágenes en línea que utiliza una combinación inteligente con diferentes algoritmos de compresión para reducir el tamaño de las imágenes en formato JPEG y PN, manteniendo la calidad de los archivos.
Te permite trabajar con hasta 20 imágenes a la vez, controlando la compresión y también comparando imágenes.
http://optimizilla.com/es/
6) WP Smush
Es un complemento de WordPress que siempre instalo en mis sitios. El nombre correcto de ese complemento es Smush Image Compression and Optimization.
Con este complemento, podrá cambiar el tamaño, optimizar y compactar todas sus imágenes, tanto las que importa como las que agregó a su sitio antes de instalar el complemento.
En mi opinión, la mejor funcionalidad de este complemento es que le permite configurar el ancho y alto predeterminados para todas sus imágenes. Si superan estas dimensiones, el complemento reducirá automáticamente los archivos.
Además, cuenta con una versión de pago con características extra, como la opción de comprimir más imágenes al mismo tiempo o guardar una copia de seguridad de todas las imágenes originales.
Smush: carga diferida de imágenes, optimización y compresión de imágenes
7) Kraken.io
Kraken Image Optimizer es una herramienta disponible en una versión en línea, pero también tiene un complemento para WordPress o Magento.
La principal ventaja de esta herramienta es para los usuarios que necesitan: Disminuir el ancho de banda y el uso del espacio, lo que mejorará el tiempo de carga del sitio web.
El complemento le permite optimizar y cambiar el tamaño de sus nuevas imágenes, así como las que ya están almacenadas en el servidor.
Este software admite archivos JPEG, PNG y GIF y el tamaño máximo del archivo es de 32 MB.
https://kraken.io/
Optimizador de imagen Kraken.io
8) Imagify Image Optimizer
Al igual que con otras herramientas anteriores, Imagify está disponible en una versión web y un complemento para WordPress.
Con este complemento, podrá: Mejorar la velocidad de carga de su sitio, ahorrar tiempo en las tareas de optimización de imágenes y verificar la calidad de los archivos que está utilizando.
El complemento puede comprimir y cambiar el tamaño de su biblioteca de WordPress con un solo clic, y también es compatible con otras opciones, como WooCommerce y NextGen Gallery.
https://imagify.io/
Imagify: optimiza tus imágenes y convierte WebP
9) Photoshop
Para terminar mi repaso de estas diez herramientas para comprimir imágenes, voy a hablar de dos software.
Si le gusta trabajar en el entorno de Adobe, Photoshop tiene una opción para optimizar las imágenes para su uso en sitios web.
En concreto, encontrarás esta funcionalidad en "guardar en web o" exportar a web "y te permite elegir las dimensiones, la calidad y el formato de las imágenes.
Solo necesitas ajustar la imagen según tus necesidades y descargar los archivos comprimidos.
10) RIOT
Por último, quiero hablarte de RIOT, un software que te permite conseguir el equilibrio correcto entre la calidad y el tamaño de tus imágenes.
Esta herramienta te permite comprobar la calidad de los archivos comprimidos mucho más rápido, ya que su panel está dividido en dos partes: una zona con la imagen original y otra con la versión optimizada, para que puedas comprobar las diferencias una al lado de la otra.
En cuanto a los formatos, permite la compresión de archivos en JPG, GIF y PNG. Puede cambiar el tamaño de las imágenes usando seis algoritmos diferentes.
· Cómo subir tus imágenes a Mailrelay
Ahora que conoces estas diez herramientas para comprimir y optimizar tus imágenes, quiero explicarte cómo subir estas imágenes paso a paso a tu cuenta de Mailrelay e incluirlas en tus boletines.
Lo primero que debe saber es que Mailrelay es un software de marketing por correo electrónico que le permite enviar boletines y administrar sus listas de correo. Puede cargar las imágenes que desea usar directamente en su cuenta, pero le mostraré cómo hacerlo usando una plataforma CMS o un blog.
En este sentido, te recomiendo que alojes las imágenes que quieras usar en tus newsletters de forma externa. Así que ahora, te explicaré cómo importarlos a tu WordPress.
Lo primero que debe hacer es ir a la galería de medios o al blog de su sitio. Aquí puede administrar todas las imágenes cargadas en su sitio y también agregar nuevos archivos.
El siguiente paso es importar tus imágenes, una vez optimizadas usando algunas de las herramientas que mostramos en la sección anterior.
Puede arrastrarlos o soltarlos directamente haciendo clic en "Agregar nuevo" y seleccionándolos en su computadora.
Después de cargar la imagen, puede seleccionarla para abrir sus detalles.
Coloca el cursor sobre la imagen, haz clic con el botón derecho y selecciona la opción "copiar la dirección de la imagen".
Con la URL exacta de la imagen, abra su cuenta de Mailrelay y cree un nuevo boletín. Si ya ha creado el mensaje, simplemente edítelo e incluya la imagen.
Para agregarlo, haga clic en el botón "Imagen" y verá la siguiente pantalla:
En esta ventana, puede administrar las propiedades de sus imágenes. Para agregar uno nuevo, simplemente pegue la dirección que copió en el paso anterior. Cuando haga esto, verá la imagen que va a importar.
¿Qué puede configurar las propiedades de la imagen?
- Texto alternativo. Es el texto que verá el usuario cuando la imagen no se cargue correctamente. Puede suceder que, dependiendo del software de correo electrónico, la imagen no se cargue correctamente. Recomendamos agregar la URL de su sitio para evitar problemas.
- Tamaño (ancho y alto en píxeles). Aquí debes insertar el tamaño de tu imagen. Mi recomendación es que no supere los 600px de ancho para que se muestre correctamente en los smartphones. De hecho, si puede usar un ancho de 400 o 500 px, será aún mejor.
- Borde. Tamaño del borde en píxeles. Normalmente dejo este campo vacío, pero si quieres agregar un borde, debes configurarlo en esta opción.
- Espacio horizontal y vertical. Puede configurar el espacio horizontal y vertical de la imagen en píxeles.
- Alineación. Seleccione la alineación izquierda o derecha de la imagen.
Después de configurarlo de acuerdo con el diseño de su boletín, tendría algo como esto:
Ahora solo tienes que hacer clic en el botón "Aceptar" para insertar tu imagen en el boletín.
Espero que esta revisión de 10 herramientas para comprimir imágenes sea de utilidad. Solo tienes que elegir la opción que mejor se adapte a tus necesidades.
Antes de terminar esta publicación, me gustaría enfatizar la importancia de optimizar todas sus imágenes para reducir el tiempo que su sitio tardará en cargarse y su clasificación en Google.
Después de todo, estoy seguro de que desea estar en las primeras páginas de sus palabras clave principales.