El peso de las imágenes es uno de los aspectos que más puede perjudicar al rendimiento de una web desarrollada en WordPress. Muchos usuarios publican imágenes sin tener en cuenta cuánto ocupan y, con el tiempo, terminan utilizando demasiado espacio en el hosting, provocando que la web tenga una carga cada vez más lenta.
A continuación, te explicamos cómo convertir tus imágenes en un recurso óptimo sin que te generen dolores de cabeza.
Las imágenes, un contenido con tanta importancia como el texto de la web
Además de tener una función estética evidente, las imágenes te ayudan a contar tu historia. El material visual es un recurso que facilita que tus lectores se relacionen con tus publicaciones, captando su interés.
Para que los esfuerzos de optimización del tamaño de las imágenes en WordPress den sus frutos, es importante que elijas el tamaño de las imágenes más adecuado para tu sitio web.
Los tamaños de las imágenes en WordPress
Cuando subes una imagen a WordPress, se generan cuatro tamaños de imagen diferentes por defecto:
- En miniatura: 150 x 150 píxels
- Mediano: 300 x 300 píxeles
- Máximo: 1024 x 1024 píxeles
- Completo: corresponde con el tamaño original de la imagen cargada por defecto
WordPress adapta estos tamaños por dos motivos: que no tengas que cambiar manualmente el tamaño tú mismo y para garantizar la selección del tamaño adecuado según el lugar donde se encuentre la imagen en tu página web.
Aspectos a tener en cuenta sobre los tamaños
Es importante saber cómo funcionan los tamaños de las imágenes en WordPress y cómo se pueden añadir tamaños de imagen personalizados en el sitio web. De esta forma, podrás utilizar el tipo de archivo de imagen más apropiado, con el tamaño y el lugar adecuados.
- Las imágenes nunca pueden superar los 300 kB y, si pretendes utilizar varias imágenes dentro de una misma publicación, procura que éstas pesen cerca de 150 kB, intentando perder la menor calidad posible.
- Las imágenes publicadas en WordPress no suelen superar los 1000 × 1000 píxeles. Un tamaño estándar que funciona sería, por ejemplo, 850×550 o 640×426 píxeles.
Los tamaños de imagen más recomendables en WordPress
- En publicaciones en el blog: 1200 x 630 píxeles
- En la cabecera WordPress: 1048 x 250 píxeles
- En la imagen destacada: 1200 x 900 píxeles en formato horizontal o 900 x 1200 píxeles en vertical
- Al fondo: 1920 x 1080 píxeles.
- En el logotipo: 200 x 100 píxeles.
- En miniaturas: 150 x 150 píxeles
La calidad de las imágenes
El formato de imagen recomendable es el formato JPG porque optimiza la relación entre calidad y peso. El formato PNG conviene reservarlo para imágenes con fondo transparente a pesar de que para logos e imágenes vectoriales que tanto deben verse muy grandes como muy pequeñas, lo recomendable es el formato SVG.
Los archivos de imágenes tienen asignado un factor de calidad: para las imágenes en formato JPG la calidad puede ir del 0% al 100%. Dependiendo de la calidad, una imagen puede ocupar más o menos espacio en disco y las diferencias pueden llegar a ser notables.
A partir de cierto nivel de calidad, es prácticamente imposible distinguir la diferencia a simple vista. Por eso, te recomendamos que limites la calidad, por ejemplo, para un JPG, un 80% de calidad podría ser suficiente.
Evita publicar una imagen original en tu página web de WordPress, ya que habitualmente tardaría demasiado en cargar, pero no te pases con la compresión si quieres evitar una mala resolución. Encuentra el equilibrio.
Comprimir y editar imágenes para una carga más rápida
Una de las mejores formas de mejorar el rendimiento de tu sitio web es optimizar las imágenes. Además de comprimirlas, también puedes considerar editarlas para adaptarlas mejor a las necesidades de tu sitio. Si necesitas crear o modificar imágenes de forma rápida y eficaz, herramientas como FlexClip pueden ser una solución ideal. Esta plataforma online te permite editar imágenes y vídeos de forma intuitiva, mejorando la apariencia de tus visuales sin comprometer la calidad.
Si después de leer este artículo todavía tienes dudas sobre cómo gestionar la publicación de imágenes en tu sitio web en WordPress, ponte en contacto con el equipo de DeMomentSomTres; nos gustará mucho poder ayudarte a alcanzar el éxito como hemos venido haciendo con el proyecto de Médicos Sin Fronteras.
