Para que tu sitio web se vea profesional, cargue rápidamente y se muestre correctamente en todos los dispositivos, sigue estas pautas estándar de imágenes y videos al subir medios a la plataforma ThinkWeb.
Pautas para imágenes
Las dimensiones que se indican a continuación son estándares recomendados para garantizar una visualización de alta calidad. Aunque la altura de la imagen a menudo puede variar según las necesidades de diseño, mantener el ancho y las proporciones recomendadas asegura un escalado óptimo en pantallas de diferentes tamaños.
Imágenes de la página de inicio y de banners
Ubicación de la imagen | Dimensiones requeridas | Notas |
Rotación de imágenes principales (hero) (Página de inicio) | 1920 px de ancho | La altura es flexible. 1920 x 975 px es un tamaño de ejemplo razonable al que puedes apuntar. |
Imágenes principales (hero) de otras páginas | 1920 px de ancho | La altura es flexible. 1920 x 1080 px es una referencia estándar de alta definición. |
Banners de ancho completo | Mínimo 1920 px de ancho | El ancho es fundamental para que se muestre de borde a borde; la altura varía según el contenido. |
Imágenes de contenido estándar
Tipo de imagen | Relación de aspecto | Dimensiones mínimas |
Cuadrada | 1:1 | 900 x 900 px |
Horizontal | 3:2 | 1000 x 667 px |
Vertical | 2:3 | 1000 x 1500 px |
Pautas para videos
Al igual que con la fotografía, la resolución de carga es importante. Aunque el sistema puede reducir sin problemas videos de mayores dimensiones para espacios de visualización más pequeños, estirar un video de baja resolución en una sección hero grande provocará pixelación y distorsión.
Formato de video | Relación de aspecto | Dimensiones estándar
|
Video principal (hero) horizontal | 16:9 | 1920 x 1080 px |
Video vertical | 9:16 | 1080 x 1920 px |
Ejemplo: Evita colocar un video de baja resolución de 600 x 338 px en un contenedor hero de 1920 x 1080 px, ya que esto distorsionará considerablemente la calidad de la reproducción.
Mejores prácticas para usuarios de ThinkWeb
Prioriza el ancho: Asegúrate de que tus fondos de banner y hero alcancen el ancho requerido de 1920 px para que llenen la pantalla de borde a borde, sin importar las variaciones en su altura.
Mantén el sujeto principal centrado: Las imágenes y los videos escalados de forma adaptable pueden recortarse ligeramente en dispositivos móviles, así que mantén el punto focal principal en el centro.
Optimiza los archivos para mejorar el rendimiento: Comprime tanto las imágenes como los videos antes de subirlos para mantener tiempos de carga rápidos.
Medios del blog y configuración de publicaciones (ThinkWeb)
Al preparar tu publicación de blog en ThinkWeb, asegúrate de que los siguientes campos cumplan con nuestras pautas de publicación:
Meta Description: Escribe un resumen conciso de tu publicación en el campo Meta Description.
Longitud recomendada: 100–150 caracteres.
Featured Image: Haz clic en Choose File y sube la imagen que quieres que aparezca en la parte superior de tu publicación y en la página de tu feed del blog.
Tamaño máximo: 840×640 px.
Featured Image ALT Text: Escribe un texto alternativo para tu imagen destacada para mejorar la accesibilidad y el SEO.
Mejores prácticas: Usa una descripción sencilla de la imagen en todo en minúsculas. No la llenes de palabras clave y no uses la palabra "imagen".