Imágenes: Guía de mejores prácticas y especificaciones
Aprende las especificaciones recomendadas de tamaño, orientación y formato de archivo para garantizar que todas las imágenes de tu sitio web se vean nítidas, carguen rápidamente y cumplan con los estándares de los motores de búsqueda
El uso de imágenes de alta calidad en tu sitio web —ya sea en bloques de imagen individuales, imágenes destacadas, bloques de galería o secciones de diseño— es clave para mantener el interés de los lectores y mejorar la visibilidad de tu sitio en los motores de búsqueda.
Para garantizar que tus imágenes se vean nítidas en todos los dispositivos mientras mantienes velocidades rápidas de carga en tus páginas, sigue estas pautas de tamaño, orientación y formato cada vez que subas archivos de medios a tus páginas y publicaciones.
1. Dimensiones y resolución de la imagen
- Dimensiones mínimas:
- 1600 px de ancho por 1200 px de alto.
- Cumplir con este tamaño mínimo garantiza una claridad de alta definición en monitores de escritorio y pantallas móviles, al tiempo que satisface los estándares de Google News.
- Dimensiones máximas:
- No subas imágenes que superen los 2560 px de alto o ancho.
- Exceder este límite consume espacio de almacenamiento innecesario en el servidor y puede ralentizar considerablemente los tiempos de carga de tu sitio web.
- Resolución:
- Configura la resolución de tu imagen en 72 ppi (píxeles por pulgada) o superior.
2. Orientación y proporción de la imagen
La forma en que se muestran tus imágenes depende en gran medida del bloque específico que estés utilizando:
- Bloque de imagen destacada (recorte estricto):
Las imágenes destacadas aparecen como miniaturas en tu página de inicio, páginas de categorías, barras laterales y vistas previas de redes sociales. Debido a esto, se recortan automáticamente a una proporción de aspecto de 4:3 (horizontal). Te recomendamos subir imágenes horizontales con una proporción cercana a esta para que los sujetos principales permanezcan centrados y se eviten recortes no deseados. - Bloques de imagen estándar y galería (flexibles):
Para los bloques de contenido habituales —como el bloque de imagen individual o el bloque de galería—, la estructura es mucho más flexible. De forma predeterminada, estos bloques no recortan tus imágenes; se ajustarán automáticamente para mostrar tus fotos de manera natural dentro del diseño de la página sin cortar detalles importantes.
3. Formatos de archivo
- Fotos e imágenes realistas: Utiliza siempre .JPG o .JPEG. Estos formatos permiten una compresión óptima, manteniendo archivos de tamaño reducido sin sacrificar la calidad visual.
- Gráficos y logotipos: Utiliza .PNG únicamente para gráficos sencillos, logotipos o imágenes que requieran un fondo transparente. Evita el uso de PNG para fotografías grandes, ya que el tamaño del archivo será mucho mayor y ralentizará tu sitio web.