SVG

SVG (Scalable Vector Graphics) es el formato de gráficos vectoriales estándar de la web. En vez de píxeles guarda instrucciones de dibujo en texto (líneas, curvas, formas y colores), de modo que la imagen se recalcula a cualquier tamaño sin perder un ápice de nitidez.

Eso lo hace perfecto para logotipos, iconos, gráficos y diagramas: el mismo archivo se ve impecable en un favicon diminuto y en una pantalla enorme. Además, al ser texto, suele ocupar poco, se puede animar y estilar con CSS, e incluso editar a mano. Los buscadores leen su contenido textual, lo que ayuda con el posicionamiento.

Su límite es el mismo que el de cualquier vectorial: no sirve para fotografías, donde hay infinitos matices que toca representar con formatos ráster como JPG o WebP. Para todo lo que sean formas limpias y escalables, en cambio, el SVG es la elección natural.