Modern image, video, audio, font and PDF formats — what to use when, how to convert, and how to keep file size small without quality loss.
Elige códecs de video web según la audiencia, el soporte de dispositivos, el objetivo de calidad, el coste de codificación y el modelo de entrega, no solo por gráficos de compresión.
WebP lossless suele superar a PNG en tamaño de archivo, pero no siempre. Aquí explicamos cuándo ayuda, cuándo no y cómo probarlo correctamente.
Las fuentes variables son potentes, pero los resultados en producción dependen del subsetting, la caché, el renderizado, la disciplina en CSS y la contención en el diseño.
Comprime bien el audio web eligiendo el códec, el bitrate, el flujo de trabajo de origen y la prueba de escucha adecuados, no aplastándolo todo a MP3.
ICO, PNG y SVG siguen siendo importantes para los favicons. Este es el conjunto práctico que la mayoría de los sitios modernos deberían entregar.
La tipografía legible no va de estética: va de reducir la fricción. Esto es lo que realmente importa para el texto de cuerpo en 2026.
AVIF ofrece mejor compresión que WebP para fotos e ilustraciones, pero la codificación es más lenta y aún hay brechas de compatibilidad. Aquí tienes el árbol de decisión práctico.
