Contenidos
Crear un archivo svg
Dado que el texto se utiliza para describir el gráfico, un archivo SVG puede escalarse a diferentes tamaños sin perder calidad; en otras palabras, el formato es independiente de la resolución. Por este motivo, los gráficos para sitios web e impresos suelen crearse en formato SVG, de modo que puedan cambiar de tamaño para adaptarse a diferentes diseños en el futuro.
Otros archivos con la extensión de archivo .SVG que no están relacionados con un formato gráfico pueden ser, en cambio, archivos de juegos guardados. Juegos como Return to Castle Wolfenstein y Grand Theft Auto guardan el progreso del juego en un archivo SVG.
La forma más fácil y rápida de abrir un archivo SVG para verlo (no para editarlo) es con un navegador web moderno como Chrome, Firefox, Edge o Internet Explorer; casi todos ellos deberían proporcionar algún tipo de soporte de renderizado para el formato SVG. Esto significa que puede abrir archivos SVG en línea sin tener que descargarlos primero.
Si ya tiene un archivo SVG en su ordenador, el navegador web también puede utilizarse como un visor de SVG sin conexión. Abra esos archivos SVG a través de la opción Abrir del navegador web (el atajo de teclado Ctrl+O).
Ejemplo de archivo Svg
SVG significa “Scalable Vector Graphics”, un formato de archivo gráfico bidimensional basado en XML. Es un formato estándar abierto desarrollado por el World Wide Web Consortium (W3C). Gracias a su base XML, los archivos SVG se pueden buscar, indexar, programar y comprimir. Los archivos son accesibles con editores de texto y software de dibujo. El formato de imagen SVG es ideal para compartir contenidos gráficos en Internet. Todos los principales navegadores web, como Chrome, Firefox, Internet Explorer, Opera y Safari, tienen las propiedades de renderización para los archivos SVG. Los archivos SVG también son compatibles con PaintShop Pro.
Cómo crear iconos 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 fue creado 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.
Convertidor de archivos Svg
En el proceso de diseño de un sitio web fácil de usar, es posible que encuentre algunas dificultades con las imágenes, especialmente con la resolución de las mismas. La calidad de las imágenes es importante: hay pocas cosas que parezcan menos profesionales en una página que un logotipo, un icono o una foto distorsionados y mal escalados.
Este problema se agrava con el diseño responsivo. Los visitantes ven su contenido tanto en ordenadores de sobremesa como en teléfonos inteligentes, por lo que, junto con el resto de su contenido, sus imágenes deberían estar optimizadas independientemente del dispositivo. ¿No sería bueno que existiera un formato digital que hiciera que las imágenes se vieran bien, sin importar su tamaño?
Los SVG son una especie de truco de magia en el diseño de sitios web: no sólo generan gráficos nítidos a cualquier escala, sino que también están optimizados para los motores de búsqueda, son programables, suelen ser más pequeños que otros formatos y son capaces de realizar animaciones dinámicas. Hay mucho que descifrar y aprender sobre los SVG.
En esta guía, voy a cubrir todos los fundamentos que usted necesita saber para empezar a trabajar con SVGs. Explicaré qué son estos archivos, cuándo utilizarlos y cómo empezar a crear archivos SVG por ti mismo.