Cuando planificas un nuevo sitio web, los materiales que elijas son tan importantes como el diseño en sí. Asegurarte de que tus archivos de fuentes, imágenes y vídeos cumplen con los requisitos técnicos no solo garantiza un rendimiento óptimo, sino que también evita contratiempos durante el desarrollo. Con esta guía tendrás todo lo necesario para que tu proyecto avance sin problemas desde el inicio.
Formato y tipos de fuentes
Para que tus textos se muestren exactamente como los imaginaste, las fuentes deben contar con una de estas extensiones:
.otf: Open Type Font
.ttf: True Type Font
.woff: Web Open Font
Aquí tienes una lista de cómo deben nombrarse los archivos de la fuente Roboto. HAZ CLIC
Dimensiones y peso de las imágenes
Las dimensiones y el peso de las imágenes son determinantes para la velocidad de carga de tu sitio web. Una imagen bien optimizada mantiene una buena calidad visual sin ralentizar la experiencia del usuario.
Dimensiones mínimas de las imágenes
Todas las imágenes deben tener un tamaño mínimo de:
Logos: 350 px de ancho
Imagen de portada: 1900 px de ancho HAZ CLIC
Imagen para «Bienvenidos»: 500 px de ancho HAZ CLIC
Imagen para «Recomendados»: 1900 px de ancho HAZ CLIC
Favicon: 32 px de ancho HAZ CLIC
Sección «Descubre»: 800 px de ancho HAZ CLIC
Peso máximo de las imágenes
El peso no determina la calidad de la imagen, pero sí influye en el tiempo de carga. Para un buen rendimiento, respeta estos límites:
.jpg: menos de 300 KB
.png: entre 4 MB y 20 MB
Atención a los detalles
El tamaño de la imagen no define su calidad, sino su optimización. En Avantio nos encargamos de ajustarlas para garantizar la velocidad de carga de tu web.
Requisitos para el vídeo de portada
En proyectos con planes Premium y Enterprise, puedes incluir un vídeo de portada con estas especificaciones:
Formato: 16:9
Codec: mp4 con códec h264
Peso: máximo 10 MB
Dimensiones: 1920 x 1080 px (720p)
Duración: entre 10 y 15 segundos
Checklist rápida
Antes de subir tus archivos, asegúrate de cumplir con estos requisitos:
Las fuentes tienen extensión correcta: .otf, .ttf o .woff.
Las imágenes cumplen con el ancho mínimo requerido para su sección.
Los archivos .jpg pesan menos de 300 KB.
Los archivos .png están entre 4 MB y 20 MB.
El vídeo de portada (si aplica) cumple con formato, peso y duración establecidos.
Con estos pasos, podrás preparar todos tus materiales con confianza y asegurar el éxito de tu proyecto web. Una buena preparación te ahorrará tiempo y dará tranquilidad durante todo el proceso.
Preguntas frecuentes
¿Por qué es importante el peso de los archivos?
El peso afecta directamente la velocidad de carga del sitio web. Archivos muy pesados ralentizan la página, empeoran la experiencia del usuario y afectan al posicionamiento en buscadores. Por eso, deben optimizarse para cumplir con los parámetros de velocidad.
¿El tamaño de la imagen determina la calidad?
No necesariamente. Una imagen puede ser grande y tener baja resolución. Lo ideal es equilibrar nitidez en pantalla con un peso ligero que permita cargas rápidas.