Guía de redimensionamiento de imágenes: dimensiones óptimas para web y redes sociales
Elegir el tamaño de imagen correcto para sitios web, redes sociales y correo electrónico afecta tanto la calidad visual como la velocidad de carga de la página.
Actualizado:
Por qué importa el tamaño de imagen
Las imágenes grandes aumentan el tiempo de carga. Google Core Web Vitals: LCP debe ser inferior a 2,5 segundos. Las imágenes pequeñas causan pérdida de calidad. El tamaño correcto optimiza tanto la calidad como el rendimiento.
Dimensiones óptimas para sitios web
Hero/banner: 1920x1080 px (16:9), 200-400 KB. Portada de blog: 1200x628 px, 100-200 KB. Imagen de contenido: 800x600 px, 50-150 KB. Miniatura: 300x200 px, 20-50 KB. Logo: 200x50 px, 10-30 KB. Favicon: 32x32 o 16x16 px.
Dimensiones óptimas para redes sociales
Instagram: Cuadrado 1080x1080, Retrato 1080x1350, Story 1080x1920. Facebook: Portada 820x312, Publicación 1200x630. Twitter/X: Encabezado 1500x500, Publicación 1200x675. LinkedIn: Portada 1584x396, Publicación 1200x627. YouTube: Miniatura 1280x720.
Consejos de redimensionamiento
1. Bloquee la relación de aspecto. 2. Use resolución 2x para Retina. 3. Use WebP. 4. Lazy loading. 5. Imágenes responsivas (srcset).
Redimensionador de imágenes de Utilgo
El redimensionador de imágenes de Utilgo soporta redimensionamiento por píxeles o porcentaje, bloqueo de relación de aspecto y selección de formato (JPEG/PNG/WebP). Archivos hasta 20 MB y 40 megapíxeles.
Herramientas relacionadas
Guías paso a paso
Artículos prácticos sobre este tema
Rendimiento Web Móvil: Optimización y Mejores Prácticas
El rendimiento web móvil implica desafíos diferentes al rendimiento de escritorio.
Cómo reducir una foto a menos de 200 KB para un formulario
Un formulario puede rechazar una foto aunque sus dimensiones parezcan correctas.
Imágenes Responsivas: srcset, sizes y Art Direction
Las imágenes responsivas sirven imágenes optimizadas para diferentes tamaños de pantalla y resoluciones.