Las imágenes de mapa de bits como JPEG, GIF y PNG se ven muy mal cuando las escala, por lo que si desea mantener la calidad en grandes dimensiones, debe aumentar el tamaño del archivo. Sin embargo, las imágenes SVG (que significa Gráficos vectoriales escalables) tienen exactamente el mismo aspecto, independientemente de las dimensiones a las que se escalan y mantienen el mismo tamaño de archivo.
Veamos los SVGs para diseño web, en sesenta segundos.!
Los SVG se pueden usar en CSS como fondos, o puede colocarlos en el contenido como imágenes normales. Puede crear iconos y logotipos que siempre se ven perfectos en cualquier tamaño, se pueden animar y transformar, y puede aplicarles filtros y efectos geniales (consulte la demostración del filtro SVG de Lucas Bebber a continuación). Incluso puedes controlar su coloración con CSS.
En el interior, un archivo SVG solo es legible, código XML editable. Y el texto dentro de los SVG es un texto normal, indexable y amigable para los motores de búsqueda.
Puede crear SVG con prácticamente cualquier programa de edición de gráficos vectoriales, como Affinity Designer, Boxy SVG, Illustrator, Gravit Designer o Inkscape. Simplemente cree su imagen, expórtela como SVG y estará lista para usar en sus sitios web. Eso es SVG para diseño web, en sesenta segundos.!