Inicia sesión


Diferentes formas de reducir el tamaño de las imágenes para tu Web

En este Tutoriales En Línea mostraremos algunas maneras de optimizar o reducir el tamaño de tus imagenes para tu web. A todos nos gusta tener una web con imágenes de calidad para captar la atención de nuestros lectores, ¿verdad?.

Si tienes una página en la que ofreces servicios, vendes algún producto o simplemente se trata de un blog, seguro que cuentas con decenas de fotografías: en los posts, en las páginas estáticas o en las de productos, por ejemplo.

El punto principal a la hora de hablar de las imágenes en un sitio web no es su uso o la cantidad, sino su tamaño, y por lo tanto, su peso.

Por ese motivo, en este artículo he querido recopilar 10 herramientas para reducir el tamaño de las fotografías de una página web, blog o ecommerce.

¿Por qué debes reducir el tamaño de las imágenes de tu web?


Antes de empezar a hablar de cada una de estas herramientas, quiero explicarte la importancia de reducir el tamaño de tus imágenes web.

Hoy en día, es fundamental que los sitios webs sean rápidos, es decir, que tarden pocos segundos en cargar (lo ideal es que lo hagan en menos de 3 segundos).

Tener las imágenes web correctamente optimizadas es importante por tres motivos:

  •  El tamaño y peso de las fotografías afecta a la velocidad de carga del sitio web, y acabamos de ver la importancia de que tu sitio sea rápido.
  •  El tiempo de carga es uno de los principales factores que afectan al SEO, es decir, una web rápida posiciona mejor en Google que una lenta (siempre puede haber excepciones, pero la regla general es así).
  •  Es necesario que las imágenes web estén adaptadas al tamaño del sitio en el que están colocadas. Por poner un ejemplo, me suelo encontrar páginas que en el lugar donde va una imagen con 300px de ancho, hay una que ocupa 1000px. Esto es un error habitual en muchas páginas web. Mi consejo es adaptar en peso y tamaño cada una de las imágenes de tu sitio web.

Herramientas para reducir el tamaño de las imágenes en un sitio web:


ShortPixel


El objetivo de esta herramienta es mejorar el rendimiento de nuestros sitios web reduciendo el tamaño de las imágenes. Está disponible tanto en versión web como en plugin para WordPress e incorpora tres tipos de compresión de fotos:

 Lossy compression. Es la mejor opción para la mayoría de los usuarios. Esta opción permite un equilibrio entre la optimización y la calidad de la imagen.
 Glossy compression. Es la mejor opción si estás pendiente de Google Insights, pero no te importa sacrificar un poco la velocidad de la página. Esta opción te permite una compresión aceptable para una calidad de imagen de primera. La calidad disminuye cuanto más se comprime el archivo.
 Lossless compression. La última opción permite comprimir píxel por píxel respecto a las imágenes originales, pero ofrece una reducción menor en comparación con los archivos procesados con las dos anteriores.
Sobre a las posibilidades de compresión, la versión web de ShortPixel permite reducir imágenes en lotes de 50 archivos.

En cuanto al plugin para WordPress, es muy fácil de usar y además ligero. Solo tienes que instalarlo y auténticamente se encarga de comprimir todas las imágenes que tengas subidas, así como tus documentos en formato PDF con un solo clic.

Además, las nuevas imágenes que subas se redimensionan y reajustan automáticamente, sin necesidad de realizar ninguna acción adicional.

Por último, mencionar que se trata de una herramienta "freemium”, es decir, permite comprimir 100 imágenes al mes de forma gratuita y ofrece con varios planes de pago si superas esa cifra... Ver Sitio: shortpixel.com

EWWW Image Optimizer


Es una herramienta desarrollada con el objetivo de optimizar imágenes web dirigida a sitios que utilizan hosting compartido. Como en el caso de ShortPixel, EWWW Image Optimizer cuenta con una versión web y también con el plugin de WordPress, así como con varios planes de pago. EWWW Image Optimizer te permite aumentar la velocidad de carga de tu página mediante la optimización de imágenes.

Este aumento de velocidad puede conseguir mejores puestos en los motores de búsqueda y también mejorar las tasas de conversión (aumento de ventas y suscripciones, por ejemplo).

EWWW Image Optimizer se encarga de optimizar automáticamente las imágenes que subas y, además, te permite optimizar todas las imágenes que hayas subido previamente y, opcionalmente, convertirlas al mejor formato de archivo. En cuanto a las opciones de compresión, puedes elegir la compresión por píxeles u opciones de alta compresión sin pérdidas que tus imágenes pierdan calidad... Ver Sitio: ewww.io

Compress JPG y PNG


Son dos herramientas online que que te permiten comprimir desde tu ordenador hasta un máximo de 20 imágenes en formato JPG y PNG.

Su uso es muy sencillo: solo tienes que subirlas o arrastrarlas y descargar las imágenes comprimidas por separado o agrupadas en un archivo ZIP... Ver Sitio: compressjpeg.com

Compressor.io


Es una de mis herramientas favoritas cuando tengo que comprimir pequeñas cantidades de imágenes para subirlas a mis páginas.

Está disponible en compressor.io y su uso es muy sencillo. Solo tienes que subir o arrastrar la imagen que quieras comprimir, esperar a que se comprima (tarda muy poco) y descargar la fotografía optimizada y comprimida. Además, al terminar el proceso, la herramienta te va a mostrar el porcentaje de compresión respecto a la imagen original.

Por último, mencionar que permite comprimir archivos en cuatro formatos diferentes: JPEG, PNG, GIF y SVG... Ver Sitio: compressor.io

Optimizilla


Se trata de un optimizador de imágenes online que utiliza una combinación inteligente con diferentes algoritmos de compresión para reducir el tamaño de imágenes en formato JPEG y PN, manteniendo su nivel de calidad.

Permite subir hasta 20 imágenes de una vez, controlar el nivel de compresión y también comparar imágenes... Ver Sitio: optimizilla.com

WP Smush


Es un plugin para WordPress que siempre instalo en mis diseños. Su nombre completo es: Smush Image Compression and Optimization.

Este plugin se encarga de cambiar el tamaño, optimizar y comprimir todas tus imágenes, tanto las que tengas subidas como las que subas a partir de su instalación. En mi opinión, lo mejor de este plugin es que te permite establecer un ancho y alto máximos para todas tus imágenes, y las que superen esas dimensiones, se reducirán automáticamente a medida que se comprimen.

Además, dispone de una versión de pago con funcionalidades extras como comprimir más imágenes a la vez o hacer una copia de seguridad de tus imágenes originales... Ver Sitio: wpmudev.org

Kraken.io


Kraken image optimizer es una herramienta que está disponible en version online y también como plugin para WordPress y Magento.

Se trata de un compresor y optimizador de imágenes que tiene como principal objetivo el ahorro de ancho de banda y espacio de almacenamiento para así mejorar los tiempos de carga de los sitios web. El plugin te permite optimizar y cambiar el tamaño de las cargas de imágenes tanto nuevas como las que tengas subidas.

Los tipos de archivos que admite son JPEG, PNG y GIF, y el límite máximo del tamaño del archivo es 32 MB... Ver Sitio: kraken.io

Imagify Image Optimizer


Como en el caso de otras herramientas anteriores, Imagify está disponible tanto en versión web como en plugin para WordPress.

Sus objetivos principales son tres: mejorar la velocidad de carga del sitio web, ahorrar tiempo en las tareas de optimización de imágenes y asegurar la calidad de éstas.

El plugin se encarga de comprimir y redimensionar todas las imágenes de la biblioteca de WordPress con un solo clic, y además es compatible con otros como WooCommerce y NextGen Gallery... Ver Sitio: imagify.io

Photoshop


Para terminar mi repaso a estas 10 herramientas para comprimir imágenes, voy a hablar de dos programas.

Si eres de los que usas el entorno Adobe, Photoshop dispone de una opción para optimizar imágenes que van a ir en un sitio web. En concreto, esta funcionalidad la encontrarás como "guardar para web” o "exportar para web” y te permite elegir las dimensiones, calidad y formato de las imágenes. Ir a Photoshop...

Solo tienes que ajustar la imagen en función de tus necesidades y descargarla, como puedes ver en esta captura.

RIOT


Por último, quiero hablar de RIOT, un programa que permite conseguir un equilibrio entre calidad y tamaño de las imágenes.

Esta herramienta te permite comprobar la calidad de la versión comprimida, pues su panel está dividido en dos partes: una zona con la imagen original y otra con la imagen optimizada.

En cuanto a los formatos, permite la compresión de archivos en JPG, GIF y PNG, pasando por el cambio de tamaño con seis algoritmos distintos... Ver Sitio: luci.criosweb.ro

Espero que este repaso por 10 herramientas para comprimir imágenes te sea muy útil y elijas la opción que mejor se adapte a tus necesidades. Solo me queda recordarte la importancia de tener las fotografías optimizadas en un sitio para mejorar su velocidad de carga e indexación en Google.
Y por ultimo si quieres contribuir a este sitio Webs podéis utilizar nuestro compresor online de imágenes. 
tutorialesenlinea.es/comprimir_img/


  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2018-02-20
  • Categorias: Diseño Web WordPress plugin WebSite webmasters Mailrelay Optimizacion Noticias Tutorial




Información
Usuarios que no esten registrados no pueden dejar comentarios, te invitamos a que te registre!






Historia de los sistemas operativos

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-12
  • Categorias: Microsoft Windows Apple Ordenador Noticias Tutorial Informatica

Vacía tu mente, no tengas forma, ni figura

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-12
  • Categorias: Estilo Noticias Tutorial

Justificante de pago de Google Adsense

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-12
  • Categorias: Google Adsense WebSite Marketing Noticias Tutorial

Curso de iniciación de JavaScript

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial

Cómo insertar código JavaScript

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial

Expresiones JavaScript para especificar valores de atributos en HTML

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial