Guía para Optimización de Imágenes y Videos

Imágenes WEBP

Dimensiones Recomendadas

• Imágenes de héroe (hero images): 1920x1080px
• Imágenes de contenido: 800x600px
• Miniaturas: 400x300px
• Logos: 200x80px (dependiendo del diseño)
• Imágenes en contenedores animados: 1200x1200px (para garantizar calidad visual al expandirse con animación)

Consideraciones Importantes

• Mantener un tamaño máximo de 500KB por imagen
• Usar la compresión WEBP con calidad entre 75-85%
• Siempre mantener la relación de aspecto original
• Incluir el atributo alt para SEO

Proceso de Conversión

1. Optimizar la imagen original en formato PNG o JPG
2. Convertir a WEBP usando herramientas como https://www.freeconvert.com/webp-converter
3. Verificar la calidad visual antes de subir
4. Subir a Webflow en la sección Assets

Videos WEBM

Especificaciones Recomendadas