Páginas web lentas = imágenes pesadas

Uno de los problemas que más frecuentemente encontramos en los sitios web de clientes, es que las imágenes que utilizan en la portada o la primera página de los mismos, tienen peso de 2, 3, 4, 5 megabytes o más. En muchas ocasiones, en un slideshow y utilizan 6, a 10 imágenes en el mismo slidehow. Esto provoca que el sitio demore mucho en mostrarse, ya que está intentando cargar dichas imágenes.

En el siguiente video 📺 les explicamos de forma más amplia. 👇

📐Formatos de imágenes de WordPress

Antes de hablar sobre los tamaños de imagen de WordPress, es importante saber acerca de los formatos.

Los dos formatos de imagen más comunes utilizados en línea son JPG (JPEG) y PNG.

Debido a su tamaño de archivo más pequeño y alta calidad para fotos e imágenes con muchos colores, JPG es el formato preferido en la mayoría de los casos.

PNG funciona mejor con imágenes en color limitadas, como gráficos de iconos y dibujos lineales. Es utilizado para mostrar imágenes que requieren un fondo transparente, como íconos o ilustraciones.

Elegir el formato correcto para su imagen es importante porque afecta la calidad de la imagen y la velocidad de su sitio.

Elegir el formato de imagen correcto

La regla básica para elegir el formato correcto es JPEG para fotos, PNG para gráficos.

  • Si su imagen está llena de colores y tiene diferentes texturas y gradientes, guárdela como JPG.
  • Si es un logotipo, texto o tiene colores planos, guárdelo como PNG.
¿Las imágenes o fotos están poniendo su página web lenta? 2
¿Las imágenes o fotos están poniendo su página web lenta? 3

Imagen PNG, fondo transparente. 35.7KB (642X198)

¿Qué sucede si elige el formato incorrecto?

A simple vista, nada. Puede guardar una foto como PNG o un gráfico como JPG y podrá no notar la diferencia. Es cuando se usa la compresión que comienzan a surgir problemas.

Tamaños de imagen recomendados para contenido de WordPress

Si decide que los tamaños de imagen que WordPress genera automáticamente al cargar nuevos medios no se ajustan a lo que necesita, aquí hay algunos tamaños recomendados para que el contenido se vea mejor en cualquier dispositivo.

¿Las imágenes o fotos están poniendo su página web lenta? 4
  • Publicaciones de blog: 1200 x 630px
  • Imagen horizontal: 900 x 1200px
  • Imagen vertical: 1200 x 900
  • Presentación de diapositivas a pantalla completa: 2800 x 1500px
  • Imágenes de la galería: 1500px x ancho automático
  • Imágenes de héroe (imágenes de pantalla completa): 2880 x 1500px