.svg que es

.svg que es

arte-y-diseño

Formato svg

La familia de formatos Scalable Vector Graphics (SVG) es una familia de formatos basados en XML abiertamente documentados para gráficos vectoriales bidimensionales para su uso en la web, desarrollados y mantenidos bajo los auspicios del World Wide Web Consortium (W3C) por el SVG Working Group. Como se indica en An SVG Primer for Today’s Browsers, «El lenguaje de descripción de páginas PostScript, desarrollado por Adobe Systems Inc. en la década de 1980, había proporcionado a la comunidad de impresores una forma de describir las imágenes de manera que pudieran reescalarse para adaptarse a la resolución del dispositivo de visualización, normalmente una impresora. Era natural buscar un enfoque similar basado en vectores para la presentación en la web». Tras un primer borrador público en febrero de 1999, la primera versión de SVG se aprobó como Recomendación del W3C en septiembre de 2001. La última Recomendación del W3C puede encontrarse en https://www.w3.org/TR/SVG/. Desde abril de 2020, la última versión es una Recomendación candidata para la versión 2. SVG 1.1 es una Recomendación del W3C desde 2003 y cuenta con un amplio apoyo. Para obtener más detalles sobre la historia de SVG, consulte las Notas más abajo.

Ejemplos de svg

SVG (acrónimo de «Scalable Vector Graphics») es un formato de archivo estandarizado, libre y abierto para gráficos vectoriales. Es mantenido y desarrollado por el W3C (World Wide Web Consortium), la principal organización internacional de estándares para la web.
Se basa en XML (Extensible Markup Language), también un formato estándar del W3C, que es un lenguaje de marcado genérico desarrollado para representar datos arbitrarios en formato legible por humanos y máquinas. Si alguna vez ha utilizado (X)HTML para crear un sitio web, ya conoce los principales elementos estructurales: una estructura en forma de árbol, etiquetas, elementos y atributos.
Las características de SVG 1.1 incluyen trazados, formas básicas (como círculos y polígonos), texto, relleno, trazo y marcadores, color, degradados y patrones, recorte, enmascaramiento y composición, efectos de filtro, interactividad, enlaces, scripts, animación, fuentes y metadatos. El W3C también hace hincapié en la compatibilidad con versiones anteriores y la extensibilidad del formato.
SVG es un formato legible por humanos que puede editarse con un simple editor de texto, puede buscarse y comprimirse, puede crearse y manipularse automáticamente, mezclado con (X)HTML puede ser parte integrante de una página web, puede animarse, puede utilizarse para crear entornos de escritorio y, por supuesto, fantásticas obras de arte.

Para qué se utiliza el svg

Bueno, los tipos de imágenes tradicionales como JPEG, PNG y GIF están basados en mapas de bits (o basados en rasterización), lo que significa que consisten en una cantidad fija de píxeles. Normalmente, esto significa que en cuanto se empieza a aumentar o disminuir una imagen de este tipo, se presentan líneas irregulares, artefactos borrosos y un desorden pixelado.
En resumen, el tipo de imagen WebP se creó para generar tamaños de archivo mucho más pequeños y eliminar la necesidad de utilizar diferentes tipos de imagen en la web. En la actualidad, Safari no lo admite y aún no se ha impuesto en la web.
¿En qué se diferencia el formato SVG de las imágenes basadas en mapas de bits? Están basadas en vectores, lo que significa que son independientes de la resolución. En lugar de estar formadas por píxeles, las imágenes SVG están formadas por formas. Esto significa que pueden escalar indefinidamente sin reducir la calidad. Mágico.
Para reflexionar: A pesar de este hecho, los SVG pequeños que contienen pocos detalles, como el icono de una barra de navegación, pueden parecer fuera de lugar o demasiado simplistas si se amplían para utilizarlos en un cartel de una tienda o en una valla publicitaria. Cada caso es diferente, pero el contexto y un buen ojo son importantes a la hora de decidir si se debe escalar un SVG.

Imágenes svg

Las imágenes SVG y sus comportamientos relacionados se definen en archivos de texto XML, lo que significa que se pueden buscar, indexar, programar y comprimir. Además, esto significa que pueden crearse y editarse con cualquier editor de texto o con software de dibujo.
En comparación con los formatos clásicos de imagen en mapa de bits, como JPEG o PNG, las imágenes vectoriales en formato SVG pueden representarse a cualquier tamaño sin perder calidad y pueden localizarse fácilmente actualizando el texto que contienen, sin necesidad de un editor gráfico para ello. Con las bibliotecas adecuadas, los archivos SVG pueden incluso localizarse sobre la marcha.