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.
¿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.
- 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.
