Es muy importante subir im谩genes con bajo peso y orientadas al SEO

Es un hecho ya demostrado al 100% que subir im谩genes optimizadas a Wordpress te sirve para muchas cosas, desde mejorar la experiencia a tus usuarios hasta tener un mejor posicionamiento en Google.

En esta聽gu铆a para subir im谩genes optimizadas a Wordpress vamos a dar un repaso a los factores a tener en cuenta para lograr esto, as铆 c贸mo ver un tutorial explicativo de c贸mo hacerlo.

No cabe duda que un sitio web con im谩genes ilustrando los contenidos tienen un 80% m谩s de聽engagement聽frente a los usuarios o compradores que un sitio pobre en ilustraciones o im谩genes de servicios, productos, etc.

Este suele ser un tema que se descuida muy a menudo, y puede ser el causante de que la web tarde mucho en cargar. As铆 que vamos a ello.

La importancia de optimizar las im谩genes en WordPress

Es posible que navegando por internet te hayas encontrado en algunas p谩ginas im谩genes que tardan mucho tiempo en cargar. Ves que se van mostrando poco a poco, hasta que finalmente se muestra completa. Muy posiblemente esto ocurra debido a que la imagen no est谩 optimizada.

Las im谩genes no optimizadas pueden provocar 2 cosas no deseadas:

  • Tu WordPress ser谩 m谩s pesado y tardar谩 m谩s en cargar la p谩gina completa, con la mala experiencia que esto supondr谩 para el visitante. Esto se notar谩 especialmente cuando el acceso a la web se haga desde un tel茅fono m贸vil. Pudiendo incluso el visitante abandonar tu sitio web por falta de contenidos a mostrar y y茅ndose a la competencia.
  • Puede perjudicar al posicionamiento. Buscadores como Google asignan unos determinados recursos de ancho de banda para el rastreo webs, por lo que cuando m谩s pese tu WordPress menos p谩ginas indexar谩 en cada proceso. Adem谩s, entender谩 que la web no est谩 correctamente optimizada, lo que puede afectar al posicionamiento.

驴Qu茅 hay que tener en cuenta?

A la hora de que una imagen est茅 correctamente optimizada聽hay que tener en cuenta diversos factores, como el tama帽o, la calidad o el formato. Vamos a repasar cada uno de estos aspectos.

Tama帽o de las im谩genes

Si las im谩genes que vas a utilizar en tu WordPress las has obtenido de un banco de im谩genes o son fotos que has realizado con una c谩mara, es muy probable que su tama帽o sea mucho mayor que el que vayas a necesitar en la web.

No tiene ning煤n sentido usar una imagen con un ancho de 5000px, cuando en tu p谩gina web el ancho m谩ximo va a ser de 2000px.

El ahorro de espacio es muy notable.聽Si en una p谩gina tienes varias im谩genes con un tama帽o mayor del necesario su velocidad completa de carga ser谩 mucho m谩s lenta.

Por tanto,聽tendr谩s que averiguar cu谩l es el tama帽o m谩ximo聽con el que se va a mostrar cada imagen en tu WordPress y聽adaptar la imagen聽a ese tama帽o.

optimizar-imagen-web-1600-calidad-60

Imagen con tama帽o 1600px x 1067px y calidad a 60 con un peso de 261kb

 

optimizar-imagen-web-900-calidad-60

Imagen con tama帽o 900px x 600px y calidad a 60 con un peso de 98kb

C贸mo veis en este ejemplo ambas im谩genes se ven igual de bien, de nada nos sirve subir la primera a un tama帽o de 1600px de ancho, cuando Wordpress la va a mostrar m谩s peque帽a. Para ello subimos la segunda imagen, donde el tama帽o es menor y a igualdad de calidad nos estamos ahorrando m谩s de 150kb.

Calidad de las im谩genes

Este factor es muy importante聽y a menudo se ignora por desconocimiento. Los archivos de im谩genes tienen asignados un factor de聽calidad. Por ejemplo, para las im谩genes en formato JPG la calidad puede ir de 0% al 100%. Esto lo podemos comprobar con programas como Photoshop (como veremos a continuaci贸n en el v铆deo explicativo).

Dependiendo de la calidad una imagen puede ocupar m谩s o menos espacio en disco, y las diferencias pueden llegar a ser muy notables.

Lo que ocurre es que,聽a partir de determinado nivel de calidad, es muy dif铆cil distinguir a simple vista la diferencia. Es por ello que lo recomendable ser谩 limitar la calidad hasta un nivel razonable.

Formato de las im谩genes

Las im谩genes que vayas a subir a tu WordPress聽pueden estar en distintos formatos. Los m谩s populares son聽JPG, PNG y GIF.

Dependiendo del tipo de imagen ser谩 mejor elegir un formato u otro, tanto para ahorrar en espacio en disco como para tener una buena calidad calidad.

Casi siempre, la mejor opci贸n es el formato JPG, ya que ser谩 el que menos espacio ocupe con una menor p茅rdida de calidad.

En el caso de que necesites una imagen con transparencia tendr谩s que utilizar el formato PNG, ya que el JPG no admite esto.聽El formato GIF tambi茅n dispone de la opci贸n de aplicar transparencias, pero si lo que vas a subir es una foto la opci贸n a utilizar ser谩 el PNG.

Por 煤ltimo,聽si quieres subir una imagen animada deber谩s usar el formato GIF, que es el 煤nico que cuenta con esta opci贸n. Ten presente que las im谩genes con animaciones suelen ocupar bastante espacio en disco, ya que se genera una imagen por fotograma.

C贸mo optimizar las im谩genes antes de subirlas

Ahora que ya te hemos presentado lo que es el tama帽o, la calidad y el formato de las im谩genes, falta ver c贸mo hacer para que esto sea llevado a cabo con 茅xito.

Existen 2 posibilidades: optimizar las im谩genes antes de subirlas o hacerlo directamente en WordPress a trav茅s de plugins. Nosotros en este caso, vamos a ver la primera opci贸n, porque la segunda es m谩s t茅cnica y requerir谩 de conocimientos m谩s avanzados en Wordpress para lograrlo de manera 贸ptima. Comentaros que toda las webs que nosotros entregamos, tienen plugins de optimizaci贸n de im谩genes, que ayudar谩n a煤n m谩s a las im谩genes ya optimizadas por vuestra parte.

Para la optimizaci贸n de im谩genes, nosotros vamos a usar el programa Photoshop, que es el programa por excelencia para im谩genes a nivel mundial, aunque tambi茅n podemos hacerlo con opciones gratuitas como Gimp.

Tambi茅n podemos usar de muy sencilla y r谩pida un optimizador de im谩genes online, como iloveimg.com (tal y como os digo en el v铆deo), pero 茅ste no nos permitir谩 la opci贸n de encuadrar imagenes al tama帽o deseado que no sea proporcional y tampoco nos dejar谩 bajar la calidad de la imagen.

Ahora s铆, os dejamos con el videotutorial donde os explicamos de manera sencilla todos los pasos para subir im谩genes optimizadas a Wordpress:

YouTube video

Si ten茅is cualquier consulta, pod茅is dejarnos un comentario en el v铆deo de youtube o a trav茅s de nuestro formulario de contacto.