Cómo optimizar imágenes que cargan rápido y mejorar en Google

Utilizar imágenes en una web o un blog de empresa es una buena decisión. 

Al público le gusta. Facilita la lectura y hace más ameno el texto. Y si este es muy largo facilita la primera impresión, para ir leyendo pausadamente. Transmite profesionalidad. Ayuda a transmitir mensajes.

A Google también le gusta. Mejora el tiempo de permanencia en la página y eso es bueno para el SEO, ya que mejora el posicionamiento web. También aporta información añadida.

Pero cuando se olvida optimizar fotos para web los aspectos positivos se ven empañados por un problema: la velocidad de carga se ralentiza. 

Muchas empresas no son conscientes de que no es un tema menor. 

No optimizar imágenes para web puede colapsar esta. También puede suponer muchos abandonos de usuarios que no están dispuestos a esperar a que la página cargue completamente. Y esto no solo provoca la pérdida de conversiones al momento, sino que genera una mala imagen sobre la empresa y su eficiencia. O, más bien, sobre su falta de eficiencia. 

En realidad es algo fácil de evitar. Optimizar imágenes para subir a una web o blog, en WordPress, para eCommerce en Prestashop o para otros CMS es fácil. Por eso no hacerlo no es un problema de tiempo o dificultad. Suele ocurrir por desconocimiento de su importancia. 

La importancia de optimizar fotos para web, ¿de verdad es tan relevante para un negocio?

optimizar imagenes

Si, lo es.

Es comprensible que si desconoces cómo funciona una web o el mundo digital, te parezca algo menor o irrelevante. Pero es un aspecto clave para el SEO y para el éxito de tu web.

Para que una imagen cargue más rápido es necesario aligerar su peso. Y a ese aligeramiento se le denomina optimizar la imagen

¿Pero por qué es tan necesario optimizar imágenes web?

  • Es clave para el buen posicionamiento SEO. La velocidad de carga es uno de los factores que influyen en él.
  • Influye en la sensación que provoca al visitante. Una tienda online o página web que carga lento provoca en el usuario la sensación de no ser eficiente. Y esa imagen negativa se traslada al negocio, a la marca.
  • La carga lenta te hace perder oportunidades. Cada usuario que abandona sin llegar a ver tu página es una oportunidad perdida para cerrar ventas o contrataciones. Las personas buscan la inmediatez, no esperan.
  • Ahorrarás espacio de almacenamiento en tu web porque estas ocupan menos. Eso hace que funcione mejor. Y, al mismo tiempo, ahorra dinero en tu hosting.

Cómo optimizar fotos para web

Ahora ya eres consciente de la importancia para tu negocio de optimizar una foto para utilizarla en tu web. Solo te queda saber cómo optimizar imágenes para evitar esos problemas. 

Formatos de imagen, ¿cuál usar?

¿Sabes qué es el formato de la imagen? 

No, no se trata de si es horizontal o vertical. Al final de tus imágenes digitales aparecen unas letras: jpg, img, png o jpeg, por ejemplo. Cada una de esas agrupaciones de letras corresponden a un tipo de formato diferente.

Hay dos formatos especialmente apropiados para las imágenes de una web: PNG y JPEG. 

Entonces, ¿cuál usar?  Cada uno de ellos es apropiado para un tipo de imágenes.

  • PNG. La calidad es mayor pero también lo es su peso. Úsalo en el logo y en imágenes con mucha superficie blanca. Si vas a mostrar pantallazos, también es buena idea usar PNG. Además, permite transparencias, por eso se usa en algunas infografías o en un tipo de imágenes muy concretas para algunas webs. 
  • JPEG. Es fácil reducir su tamaño y su peso. Pero, ¡ojo! Puedes reducir también su calidad. Utilizar este formato para imágenes muy pesadas porque deben ser grandes. También en las que tienen mucho colorido. Y en aquellas muy ricas en detalles.

Medidas, ¿cuál es el tamaño de imagen adecuado para las imágenes web?

Depende.

Sí, lo sé, te gustan las respuestas concretas. Pero en este caso no las hay. 

¿Por qué? Porque los temas utilizados para el diseño web tienen un tamaño predefinido. Y este es diferente en cada tema. 

¿Quiere esto decir que entonces cualquier tamaño de imagen vale? No, claro que no.

Las páginas estáticas de tu web tienen en función de su plantilla un tamaño aconsejado. Y es absurdo que la imagen utilizada en ellas sea mucho más grande de lo que requiere. Porque no te va a beneficiar en nada y sí va a pesar mucho más, con sus consiguientes perjuicios.

Por eso es recomendable subir imágenes de un tamaño que sea lo más parecido posible a lo que “pide” la plantilla.

Otra cuestión son las imágenes para tu blog de empresa. Ahí debes saber cuál es el ancho de los artículos o post para optimizar fotos para web que no superen este, pesen poco y mantengan la calidad. 

Sin encargas el mantenimiento y contenidos de tu blog a Inboost Marketing, nosotros nos encargamos de optimizar las imágenes web junto con todo lo demás. 

¿Cuánto debe pesar una imagen para web?

El peso de una imagen no se mide en píxeles. Se mide en kilobytes, megabytes o gigabytes. 

Pero, ¿cuánto debe pesar una imagen para una web? Siempre lo mínimo posible sin que se resienta su calidad y sin que su tamaño no sea adecuado para la maquetación de tu web.

Por regla general se aconseja que no supere los 100 o 150 Kb. Pero no deja de ser una recomendación porque depende de distintos factores. 

Una imagen grande pesa más que la misma de menor tamaño. 

Una muy colorida y detallista pesa más que la que no lo es.

Según tu sector, puedes utilizar imágenes poco coloridas o poco ricas en detalles sin que nadie perciba que has tomado esa decisión. O necesitar justamente lo contrario. Por eso no se puede generalizar, ya que lo que es adecuado para la web de un tipo de negocio puede no serlo para la de otro. 

formatos de imagen

Herramientas para comprimir imágenes para web

Hay diversas herramientas que puedes utilizar como un optimizador de imagen para web. 

Algunas sirven para recortar el tamaño de una imagen o redimensionarla.

Otras, actúan como optimizador de imágenes para comprimir su tamaño sin que afecte mucho a su calidad. 

Y para las webs en WordPress hay plugins cuya funcionalidad es la de un optimizador de imágenes web. 

Herramientas para recortar o redimensionar el tamaño de las imágenes web 

Hay multitud de opciones. ¿Los más conocidos?

  • Photoshop. Si lo tienes y lo sabes utilizar, es ideal para ti.
  • Photopea. Es gratuito y fácil de usar. Admite archivos PSD.
  • Reducirfotos. También es gratuito y fácil de usar pero no admite archivos PSD. Para los demás, es muy buena opción.
  • Programa de imágenes de tu ordenador. Es muy probable que tu ordenador disponga de uno. Accede y comprueba si tiene un botón de “cambiar tamaño” o “redimensionar”. Seguramente disponga de él.
  • Paint. ¿Te sorprende? Pues es muy fácil de usar y te vendrá muy bien si en algún momento te encuentras sin conexión a internet, para ir trabajando redimensionando tus imágenes. Sólo tienes que subir la imagen que quieres, clicar sobre “cambiar tamaño” y proceder a elegir el tamaño o porcentaje elegido para aceptar y guardar en el formato que quieras. Admite png y jpeg, entre otros. 
  • WordPress. Si ya lo has subido y te das cuenta de que el tamaño es excesivo puedes editar y recortar la imagen. Lo que hará será crear una copia del tamaño que indiques. Elimina la primera, la pesada, para que no ocupe un espacio innecesario en tu web.

Comprimir imágenes para web manteniendo una calidad adecuada

Hay una gran variedad de herramientas. Estas son las más populares y eficientes:

  • Web REsizer. Es gratuita e intuitiva, muy fácil de usar. 
  • TinyPNG. Es muy apropiada si andas mal de tiempo porque puedes subir hasta 20 imágenes PNG o JPEG de una vez. Y las comprime de una tacada.
  • Compressor.io. Admite distintos formatos. Además de PNG y JPEG también GIF y SVG. Permite dos tipos de compresión. Y puedes descargarlas directamente en Drive o Dropbox, con la ventaja de tenerlas almacenadas en la nube y poder acceder a ellas desde distintos dispositivos o compartirlas con la persona que se encargue luego de subir las imágenes a la web. 

Plugins para optimizar imágenes para web para WordPress

Optimizar fotos para web directamente en WordPress es posible instalando un plugin específico para esta tarea. 

Los siguientes son gratuitos y muy eficientes:

  • WP Smush. Es ideal para no perder tiempo. Solo tienes que subir la imagen. El plugin la redimensiona sin que tengas que realizar ninguna acción añadida.  
  • EWWW Image Optimizer. Su forma de uso es similar al anterior. Así que es una gran opción.  
  • Lazy Load. Este plugin no es exactamente un optimizador de imágenes. En lugar de optimizar las fotos para web va cargando únicamente la que el visitante tiene en pantalla. En un artículo largo con diversas imágenes solo irá cargando estas a medida que el usuario avance en el mismo. Así es mucho más rápido y el usuario ni lo notará. Es ideal para web o blogs con textos largos y muchas imágenes. 

No olvides optimizar las imágenes para tu web siempre

Ahora ya conoces la importancia de optimizar las fotos para la web y cómo hacerlo fácilmente. Recuerda en todo momento sus beneficios y así no olvidarás subir imágenes optimizadas siempre.

  • Te ayuda al SEO.
  • Cuida la imagen de marca de tu web y las sensaciones que provoca en el visitante.
  • Permite una mayor velocidad de carga para una mejor experiencia de uso de tu web o tienda online.
  • Facilita la navegación por tu web.
  • Contribuye a lograr más conversiones.

Si quieres aprovechar todos estos beneficios pero no quieres o no puedes ocuparte de ello el equipo de profesionales de Inboost Marketing podemos hacerlo por ti. 

Nos encargamos de todos los factores SEO para impulsar el éxito de tu web y de tu negocio. Creamos el contenido y optimizamos las imágenes para ayudarte a lograr objetivos. Diseñamos tu estrategia de marketing digital y en redes sociales si lo deseas. 

Somos profesionales. Sabemos cómo actuar para ayudarte a alcanzar metas con un buen retorno de la inversión. Si quieres que nos ocupemos de ello, consúltanos. Así tú puedes centrarte en los aspectos de tu negocio que requieren tu intervención.

¿Te gusta lo que estás leyendo? Suscríbete

Política de privacidad

También te puede interesar:

Gamas de colores para una página web

Gamas de colores para una página web

A la hora de diseñar una página web escoger bien la gama de colores es esencial. El color nos provoca diferentes emociones. Se asocia subconscientemente con determinadas características de las marcas o empresas. Y ayuda a mostrar determinados valores o a qué tipo de...

Back End

Back End

Gracias al gran crecimiento que ha tenido el marketing digital en la actualidad, para cualquier tipo de negocio se ha vuelto una herramienta fundamental. Sigue leyendo si quieres saber en qué consiste el concepto de Back End. ¡Te lo contamos! En primer lugar, debemos...

Ventajas y desventajas de las Redes Sociales

Ventajas y desventajas de las Redes Sociales

Las ventajas de las redes sociales y sus inconvenientes preocupan a muchos profesionales, empresas locales y PYMES. ¿Las cosas buenas de las redes sociales hacen que merezca la pena dedicarles tiempo y atención? ¿Son los inconvenientes de las redes sociales razón...

Call Now Button