Optimizar y comprimir las imágenes en tu web
Cómo optimizar y comprimir las imágenes en tu web
Optimizar y comprimir las imágenes en tu web es algo totalmente fundamental para el posicionamiento SEO ya que la velocidad de carga es un aspecto fundamental para el buen rendimiento y posicionamiento de una web.
las tendencias de búsqueda hacen que las webs tengan que ser cada vez más rápidas ya que los usuarios somos cada vez más impacientes, y una página que tarde unos segundos de más en cargar será automáticamente abandonada por el usuario pudiendo ocasionar perder un cliente, por eso contar con herramientas con las que optimizar y comprimir las imágenes en tu web es de gran ayuda.
Para conseguir posicionamiento en internet no es suficiente con que una web sea bonita, también debe ser funcional, ligera y estar cuidada al milímetro tanto en su diseño como en su código, ya que muchas de estos puntos influyen en la velocidad de la web y ser la causa principal por la que tarde en cargar.
Por esos motivos cuidar que el tamaño de las imágenes al subirlas sea correcto o comprimir las imágenes de tu web o incluso cambiarlas a un formato a uno de los nuevos formatos como WebP una vez subidas, puede darte más de una alegría al ver como tú web sube en el ranking.
¿Porqué comprimir las imágenes de tu web mejorar el posicionamiento?
Se podría decir que a la hora de añadir contenido en una web lo adecuado es subir las imágenes en una medida correcta, ya que muchas veces nos encontramos con que los clientes nos envían imágenes por ejemplo de 3000x3000px, lo cual hace que al tener que leer esas fotos los navegadores tarden en una eternidad en cargarlas.
Si tu web tiene una mala velocidad de carga te va a resultar mucho más difícil posicionarla, por lo que una de las primeras tareas que se hace al empezar a hacer SEO a una web es optimizar sus imágenes (y unas cuantas cosas más) para evitar malas puntuaciones de PageSpeed Insights que perjudiquen ese posicionamiento.
En estos casos la mayoría de las veces lo que se hace es echar mano de alguna de las herramientas online que os voy a dejar abajo para reducirlas de forma sencilla sin perder calidad y así subirlas en la medida correcta o cuando ya nos encontramos una web con WordPress en la que las imágenes se han subido con antelación y esto está provocando una mala experiencia del usuario y de carga de la web, echaremos mano de alguno de sus plugins.
Así que una vez ha quedado claro por qué reducir o comprimir las imágenes en tu web mejora los tiempos de carga y por tanto ayuda a su posicionamiento vamos a ver como realizarlo.
Beneficios de optimizar y comprimir las imágenes en tu web
Está claro que cuando más rápida y ligera sea una página web no solo va a ser más cómodo navegar por ella y encontrar todo, si no que también va a aportar más confianza en el usuario de que está en la web de una empresa seria que cuida su imagen digital.
Pero más allá de eso otro de los aspectos que tenemos que tener en cuenta es la tasa de rebote, otro de los aspectos que tenemos que vigilar y mucho cuando hacemos cualquier tipo de posicionamiento SEO en una web, ya que una web en la cual los usuarios entran y salen muy rápido tendrá una tasa de rebote altísima que estará diciendo a los navegadores especialmente a Google que esa web no es de buena calidad.
Por lo tanto el principal beneficio que consigues al comprimir las imágenes en tu web no solo es que vaya más rápido y mejorar la experiencia del usuario, sino también evitar que tanto estos cómo Google tengan una mala impresión de tu negocio, además de mejorar el rendimiento del hosting y tú tasa de rebote
Para empezar con ello lo primero que deberías hacer es hacer un test de velocidad en tu página web a través de Google PageSpeed Insights la herramienta gratuita de Google para ello y ver si el peso de las imágenes es uno de los problemas que está afectando a tu web, aunque sin duda será una de las recomendaciones que te ofrezca para mejorar la velocidad de carga.
Optimizar y comprimir las imágenes en tu web también reduce el consumo de transferencia de datos con el hosting lo cual es otro beneficio de reducir el peso de las imágenes. Para explicar todo esto antes de dejarte unas cuantas herramientas y editores de fotos online gratuitos vamos a ver algunos datos más sobre la importancia de las imágenes en tu página web y como subirlas correctamente.
¿Cuál es el tamaño correcto de una imagen para una web?
El tamaño correcto para una imagen que vamos a subir a una página web es entre 600×600 a 800×800 píxeles exceptuando claro está encabezados, slider o imágenes que por su naturaleza tengan que ser más grandes, para estos casos puede ser recomendado 1280X600 y similares.
Lo ideal es subirlas ya optimizadas y comprimidas a estos tamaños para asegurarnos de que no van a ser archivos tan pesados como para perjudicar la carga de la web, ten en cuenta que cuantos más píxeles tenga una imagen más pesado será ese archivo.
Formatos de imagen PNG,JPG,WEBP y SVG ¿Cuál usar?
Los formatos de imagen que más se utilizan en una web son JPG, PNG excepcionalmente SVG vectoriales y el nuevo formato WebP.
Los archivos .jpg: Son archivos estándar de imagen que todos conocemos cuya peculiaridad es la de comprimir mucho mejor los colores y los degradados en fotografías con mucho detalle, por eso será por normal formato que utilicemos para imágenes más detalladas y complejas.
El formato .png: Se utiliza generalmente cuando necesitamos una imagen con un fondo transparente ya que si borramos el fondo de la imagen con algún programa de edición fotográfica y lo guardamos como jpg veremos que el fondo se queda negro y no transparente.
Archivos SVG: Eventualmente para algunos logotipos se puede utilizar y se utiliza archivos SVG vectoriales, cuya peculiaridad es que nunca se pixelan ya que es el formato que se utiliza para diseñar por ejemplo carteles y publicidad igual de grande que una fachada o para que el mismo diseño valga desde para una tarjeta de visita hasta para un cartel o una lona gigantesca.
Formato WebP: El nuevo formato de imagen WebP es el más rápido hasta el momento, desarrollado por Google ofrece compresión de las imágenes para hacerlas más pequeñas sin apenas perder calidad totalmente enfocado en mejorar la velocidad de las páginas web.
Nombra siempre tus imágenes
Ya que estamos hablando de cómo comprimir las imágenes en tu web para mejorar su rendimiento y por tanto su posicionamiento SEO, otro consejo a tener en cuenta es que pongas un nombre detallado y descriptivo (sin pasarse) a todas las imágenes de tu web, ya que Google también lo tiene en cuenta a la hora de posicionarla.
Muchísimas veces nos encontramos en páginas web o tiendas online con imágenes que se llaman 786574.jpg lo cual aparte de ser un lío para luego buscarlas hace que pasen inadvertidas para Google, lo correcto es que si tú imagen está mostrando una mesita de noche o una calle de París ese sea el título del archivo y su ALT.
Una vez hemos entrado en harina y hemos visto la importancia que tienen las imágenes en una página web vamos a ver algunas herramientas y plugins para optimizar y comprimir las imágenes en tu web.
Podemos optimizar y comprimir las imágenes en una página web bien por medio de plugin en WordPress como Optimizador.io o Smush y módulos similares en otros CMS o bien a través de sitios web online gratuitos como Web Resizer o Tiny PNG.
Plugins de WordPress para reducir el tamaño y comprimir las imágenes en tu web
Si tienes un sitio web con WordPress tienes un montonazo de plugin para comprimir las imágenes en tu web de forma muy sencilla además de hacer que cada nueva imagen añadida se comprime automáticamente, tan fácil cómo instalar los desde el repositorio de plugins, configurarlo y dejar que el plugin haga su trabajo, los más conocidos son:
Smush – Lazy Load Images, Optimize & Compress Images
Uno de los plugins gratuito más conocidos de WordPress para optimizar las imágenes es Smush antes conocido como Smush.it de los prolíficos desarrolladores WPMU DEV Un plugin tremendamente poderoso que perimite optimizar las imágenes, mostrarlas en carga diferida, cambiar el tamaño y comprimirlas para mejorar la velocidad de la web en Google.
Descargar Smush – Lazy Load Images, Optimize & Compress Images
Optimizador.io de WebEmpresa
Optimizador.io es un genial aporte de Webempresa a la plataforma y comunidad WordPress hispana, un fantástico plugin gratuito que también te permite comprimir las imágenes en tu web y reducir su tamaño entre un 20% y un 70% sin perder calidad mejorando el tiempo de carga y el SEO de la web.
reSmush.it : the only free Image Optimizer & compress plugin
Fruto de la separación de sus desarrolladores nace el fork de Smush.it reSmuth.it de los desarrolladores reSmush.it otro optimizador de imágenes gratuito con el que comprimir tus imágenes por medio de API y mejorar el SEO rendimiento de la web que además promete aún más opciones gratuitas que su hermano mayor.
También son muy utilizados y conocidos los plugin para optimizar imágenes EWWW Image Optimizer y ShortPixel. Además de comprimir las imágenes para mejorar la velocidad de una web con WordPress se hacen unas cuantas cosas más aquí te dejo una guía detallada sobre cómo mejorar la velocidad de WordPress.
Editores online gratuitos para reducir el tamaño y comprimir imágenes sin perder calidad
Si tu web está diseñada sobre otro CMS tienes unos cuantas sitios web online y gratuitos para comprimir las imágenes en tu web, todos son facilísimos de usar simplemente hay que subir las imágenes pulsar en comprimir y la web hará todo el trabajo, por lo que cualquiera de ellas es genial para nuestro propósito.
Tiny PNG
Este sitio web permite subir hasta 20 imágenes de 5 megas a la vez por lo que si lo que quieres es comprimir una galería antes de subirla a tu web está pequeña gran aplicación te lo va a poner fácil. Además también cuentan con un plugin para Photoshop y extensiones para Joomla y Drupal.
Compressor.io
Este sitio permite reducir las imágenes hasta un 90% de su peso original por lo que es perfecto para comprimir las imágenes en tu web, permite comprimir fotografías de 10 Mb además de ofrecer compresión en diferentes formatos y prometen tener en breve un plugin para WordPress.
Web Resizer
Otro genial sitio para comprimir las imágenes en tu web además de uno de los más utilizados por su extrema sencillez y su potencia ya que además de comprimir también permite rotar, reducir o recortar las imágenes.
Optimizilla
Otro genial optimizador de imagen en línea que utiliza una combinación inteligente para conseguir la mejor optimización y compresión con la mínima pérdida de calidad en las imágenes, al igual que Tini PNG también permite subir hasta 20 imágenes para comprimir las de un plumazo y utilizarlas en cualquier galería.
Image Optimizer
Con este servicio en línea gratuito es igual de sencillo cambiar el tamaño, comprimir y optimizar las imágenes es tan fácil como hacer clic en un botón y dejarlas perfectas para una página web. También cuenta con una versión para PC gratuita o premium con más funciones por 29£.
Ya sabes todas las herramientas y formas para comprimir las imágenes en tu web y que quede más profesional
Ahora ya sabes los motivos por los que es tan importante comprimir las imágenes en tu web y por qué es importante comprimir y reducir el tamaño de las imágenes antes de subirlas en su defecto utilizar algún plugin para dejarlas con el peso perfecto para que la web vaya como un tiro y lo más importante también sabes cómo hacerlo
Espero que este listado de plugins y editores online de fotos te sean de utilidad, si necesitas ayuda profesional para optimizar tu web no dudes en ponerte en contacto conmigo a través de mis formularios, WhatsApp o teléfono y estaré encantado de ayudarte.
