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? 3
¿Las imágenes o fotos están poniendo su página web lenta? 4
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? 5
  • 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

Curso: Optimización de Fotos para Web. Buenas Prácticas

$9.99

Este curso está dirigido a aquellas personas que tienen o planean tener un sitio web que está cargado de imágenes, como una web de fotografía digital, un portafolio de cualquier tipo, una tienda en línea, bienes raíces, entre otros.