¿Cómo optimizar imágenes para web masivamente gratis?

Si necesitas optimizar imágenes para web masivamente, aquí te facilitamos 2 plugins para WordPress gratuitos y con comprobada eficacia…

Necesito optimizar muchas imágenes de mi web…

Tienes un sitio web con un montón de publicaciones y múltiples imágenes ya subidas.

Todo va bien, hasta que un día te das cuenta de que tu web marcha muy lenta.

Ver: ¿Cómo pasar de texto a video con AI gratis?

Esto impacta directamente -y para mal- en la tasa de rebote. Si carga demasiado lento, el usuario entrará y enseguida se irá.

¿Qué hacer? Comienza por aliviar el peso de tus imágenes.

Ver: Tasa de rebote en Google Analytics – ¿Cómo bajarla?

¿Cómo optimizar imágenes para web masivamente y gratis?

Existen varios plugins y plataformas que permiten optimizar imágenes para web en forma masiva y gratuita, pero te sugerimos utilizar:

• Robin Image Optimizer
• Imsanity

Con el uso de alguno de estos 2 plugins, es posible optimizar imágenes para web masivamente, ahorrando la enorme cuota de tiempo que significaría hacerlo en forma manual.

Ver: Plugins de WordPress – Más de 20 Complementos WordPress

Robin Image Optimizer

Plugin especialmente diseñado para acelerar la carga de un sitio web, al reducir el peso de las imágenes.

Robin Image Optimizer aligera el peso de una imagen hasta un 80%, sin pérdida de calidad. La única limitante es que la imagen no debe exceder los 5 MB.

Pasos a seguir:

1. Accede a la sección ‘Plugins’ de tu web, pulsa sobre ‘Agregar nuevo’ y busca robin-image-optimizer.
2. Actívalo desde el menú de ‘Plugins’.
3. Pronto, todas las imágenes se optimizarán en forma automática.

Imsanity

Alternativa a Robin Image Optimizer, Imsanity es otro plugin para WordPress que automatiza el cambio de tamaño y calidad de las imágenes.

Lo bueno de este complemento es que permite configurar de forma predeterminada los parámetros de cada imagen a subir y permite reemplazar imágenes originales pesadas por imágenes con la configuración asignada.

Además, tiene una función para el cambio de tamaño masivo de las imágenes cargadas previamente, ayudando a liberar espacio en el disco.

Pasos a seguir:

• Accede a la sección ‘Plugins’ de tu web, pulsa sobre ‘Agregar nuevo’ y busca imsanity.
• Actívalo desde el menú de ‘Plugins’.
• Pronto, todas las imágenes se optimizarán en forma automática.

¿Qué es la optimización de una imagen para web?

La optimización de imágenes es un proceso que consiste en reducir el tamaño de archivo de las imágenes, pero sin perder la calidad, con el propósito de acelerar los tiempos de carga de un sitio web.

Ver: ¿Cómo aumentar la velocidad de carga web?

Por otro lado, incluye otra clase de acciones, como el etiquetar cada una de las imágenes para que los rastreadores de los motores de búsqueda puedan detectarlas y clasificarlas. Ejemplo: Si la foto ilustra un post sobre cómo hacer miel casera, rotular la imagen con ‘miel casera’ / ‘cómo hacer miel’, etc.

Según web.dev, sitio con prácticas recomendadas por Google para desarrolladores, optimizar una imagen puede comprender las siguientes labores:

• Seleccionar el formato de imagen adecuado
• Elegir el nivel correcto de compresión
• Usar Imagemin para comprimir imágenes
• Reemplazar los GIF animados con video para cargas de página más rápidas
• Entregar imágenes responsive -que se vean bien en cualquier pantalla-
• Servir imágenes con las dimensiones correctas
• Usar imágenes WebP
• Utilizar CDN de imágenes para optimizar imágenes

¿A qué se le llama el tamaño de una imagen para web?

El tamaño de una imagen para web refiere a las dimensiones en píxeles (alto y ancho en px), o bien al tamaño del archivo de la imagen (KB o MB).

¿Cuáles es el tamaño óptimo de una imagen para web?

Depende, entre otros factores, del tipo de sitio web. No es lo mismo una plataforma con galerías de fotógrafos, que un blog convencional.

Pero también pesa dónde quieras colocar la imagen, si se trata de una foto grande destacada, una imagen para el encabezado de una web o una galería con fotos pequeñas.

Lo cierto es que no pueden ser fotos de baja calidad, pero tampoco demasiado grandes y pesadas.

Para asegurar que las imágenes se carguen correctamente en las computadoras y pantallas móviles, la agencia canadiense de desarrollo, diseño y marketing digital Northwest Media Collective sugiere los siguientes parámetros:

• Máximo de 200 KB -aunque para la mayoría de webs 100-140 KB está más que bien-.
• Ancho máximo de 800 píxeles para todas las fotos incluidas en cada post
• Entre 1500 y 25000 píxeles de ancho para las imágenes de fondo de pantalla completa.
• 1024 píxeles de ancho para la imagen para encabezados de sitios web
• Formato de imágenes: archivo JPG para fotos y los archivos PNG o SVG para logotipos e ilustraciones. Ten en cuenta que SVG no es soportado por WordPress.

Conviene recordar que no hay valores únicos y válidos para todas las webs por igual. Tal como señala el ingeniero Ilya Grigorik:

“La optimización de imágenes es tanto un arte como una ciencia: un arte porque no existe una respuesta definitiva sobre cómo comprimir mejor una imagen individual, y una ciencia porque existen técnicas y algoritmos bien desarrollados que pueden ayudar a reducir significativamente el tamaño de una imagen”.

¿Por qué es importante optimizar las imágenes?

La optimización de imágenes resulta un factor clave a tener en consideración, debido a que puede ayudar mucho en la velocidad de carga de un sitio web.

Una web demasiado lenta suele provocar escapes instantáneos por parte del usuario, lo cual se reflejará en la tasa de rebote, una métrica crucial para el SEO, la tan buscada optimización para los motores de búsqueda.

Google premia aquellas webs con tiempos de carga rápidos y tasas de rebote bajas. ¿La recompensa? Una mayor probabilidad de aparecer antes en los resultados de búsqueda.

Sin dudas, las imágenes influyen directamente en qué tan rápido o lento se carga un sitio web. Tenlo en cuenta antes de emprender el largo camino de tener tu web propia o incluso después.

Si caes en la cuenta tardía de que tus imágenes están pesadísimas y gigantes, manos a la obra.

En tal caso, no desesperes. Optimiza todas las imágenes subidas hasta la fecha en cada uno de los posts, utilizando los plugins Robin Image Optimizer o Imsanity para optimizarlas en forma masiva y automática.

Plataformas web para optimizar imágenes gratis

Para evitar ralentizar la velocidad de una web y comprimirlas a un tamaño más pequeño, te sugerimos el uso de herramientas web gratuitas como TinyJPG y Optimazilla.

Plugins para la optimización de imágenes en sitios WordPress

Los siguientes plugins automatizan en modo gratuito la compresión y optimización de imágenes para acelerar su carga:

• Smush
• Robin Image Optimizer
• Imsanity
• ShortPixel
• Optimol
• EWWW Image Optimizer

Si necesitas profundizar sobre la labor de optimizar imágenes para web, te recomendamos leer este artículo del diseñador web Alex Vita, publicado en Foreground Web.