Para muchos, incluso algunos dise\u00f1adores web, el formato SVG es totalmente desconocido. Tampoco es un formato del que se comente mucho y el nivel de penetraci\u00f3n del formato es escaso. Vamos a ver en qu\u00e9 consiste y por qu\u00e9 es tan importante para el futuro.<\/p>\n
El formato SVG<\/strong><\/p>\n El formato SVG es un formato gr\u00e1fico vectorial. Con \u00e9l podemos representar im\u00e1genes y ampliarlas cuantas veces queramos, que no perder\u00e1n definici\u00f3n. No son mapas de bits como el GIF, JPG o PNG, sino que son f\u00f3rmulas matem\u00e1ticas que se utilizan para representar el gr\u00e1fico, incluyendo textos y tipos de letra, lo mismo que har\u00edamos con el Corel Draw! o el Adobe Ilustrator.<\/p>\n Su importancia radica en el hecho de que actualmente la web est\u00e1 llena de gr\u00e1ficos y v\u00eddeos en Flash, que es propietario de Macromedia, y dada la cantidad de webs que han optado por Flash, se ven obligados a incorporar plugins capaces de reproducir Flash externas al propio navegador. Esto da bastantes problemas, de seguridad del navegador, cuelgues, consumos excesivos e incontrolados de CPU, problemas con el sonido , etc. Otro problema es que quiz\u00e1 Macromedia decida en el futuro hacer m\u00e1s estricto el formato o cobrar un dinero por poder utilizar su plugin, o sea, estamos a merced de lo que decida hacer una empresa privada.<\/p>\n Esto no es nada bueno, ya que la web deber\u00eda ser un sitio est\u00e1ndar, tal y como naci\u00f3 con el HTML, que cualquiera en su casa, con su navegador de elecci\u00f3n, su sistema operativo o su m\u00e1quina, vieja, nueva, PDA, laptop o m\u00f3vil pueda ver las p\u00e1ginas con normalidad. Para conseguir \u00e9sto, y dado que cada fabricante s\u00f3lo busca que conseguir establecer sus formatos, naci\u00f3 la w3c, organismo encargado de buscar los est\u00e1ndars de la web, elegir los formatos y preservar la sostenibilidad de la evoluci\u00f3n de la web.<\/p>\n Pues bien, aqu\u00ed es donde entra en juego el formato SVG. Este formato es un formato abierto, est\u00e1ndar y basado en XML con el que podemos hacer todo lo que hacemos en Flash, y muchas otras cosas. Utilizando SVG nos evitamos tener que estar pendientes de lo que haga una empresa privada que, por ejemplo, no da soporte Flash en Linux 64 bits, o que ma\u00f1ana puede decidir cambiar su estrategia de gratuidad.<\/p>\n Entre las ventajas del SVG figuran: Por todas estas razones es de vital importancia para el futuro de la web la promoci\u00f3n y difusi\u00f3n de este formato, est\u00e1ndar y abierto, para que se empiece a utilizar masivamente en las webs y poco a poco exista una alternativa est\u00e1ndar al Flash. Con esto tambi\u00e9n conseguir\u00edamos que el eterno incompatible, Explorer, lo incluyera nativamente en pr\u00f3ximas versiones. Por ahora, parece que Adobe ha considerado que estaba tirando piedras contra su propio tejado con el plugin visor de SVG y ha descontinuado el soporte. De todos modos se pueden encontrar otras plugins para Explorer, o instalar la descontinuada de Adobe, o se puede optar por Firefox bajo Windows, etc.<\/p>\n Si utilizamos un navegador compatible SVG o instalamos el plugin estamos contribuyendo al mantenimiento de los est\u00e1ndares y ayudando al avance de la web hacia p\u00e1ginas web m\u00e1s completas, m\u00e1s compatibles y m\u00e1s est\u00e1ndar.<\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":" Para muchos, incluso algunos dise\u00f1adores web, el formato SVG es totalmente desconocido. Tampoco es un formato del que se comente mucho y el nivel de penetraci\u00f3n del formato es escaso. Vamos a ver en qu\u00e9 consiste y por qu\u00e9 es tan importante para el futuro. El formato SVG El formato SVG es un formato gr\u00e1fico […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[],"tags":[],"_links":{"self":[{"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/posts\/453"}],"collection":[{"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/comments?post=453"}],"version-history":[{"count":3,"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/posts\/453\/revisions"}],"predecessor-version":[{"id":455,"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/posts\/453\/revisions\/455"}],"wp:attachment":[{"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/media?parent=453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/categories?post=453"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/tags?post=453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n– Tiene todas las ventajas de los formatos vectoriales: posibilidad de ampliaci\u00f3n de mapas e im\u00e1genes sin p\u00e9rdida de calidad yposee contornos suavizados y transparencias.
\n– Al ser XML el contenido es puro texto, editable incluso por un editor ASCII como el Notepad o el vi. Esto hace que el texto contenido dentro de un SVG sea indexable por buscadores.s
\n– Puede contener tipos de letra True Type y Tipo 1.
\n– Puede contener im\u00e1genes en mapa de bits si se necesita.
\n– Ocupa muy poco.
\n– Soporta hojas de estilo CSS, esto hace que podamos cambiar estilos del gr\u00e1fico vectorial desde el CSS, por ejemplo, si cambiamos un tipo de letra de nuestra p\u00e1gina en el CSS cambiar\u00eda tambi\u00e9n dentro del gr\u00e1fico.
\n– Puede contener scripts que modificar\u00edan el gr\u00e1fico din\u00e1micamente.
\n– Admite efectos visuales al pasar el rat\u00f3n o hacer clic, etiquetas informativas, efectos de sonido y visuales.
\n– Se pueden crear gr\u00e1ficos din\u00e1micamente en el servidor, por ejemplo, podemos crear un gr\u00e1fico en tiempo real de gran calidad con el porcentaje de votos de unas elecciones.
\n– Multitud de ventajas para el programador y dise\u00f1ador web.
\n– Actualmente tanto Mozilla, Konkeror y Safari soportan SVG nativamente.<\/p>\n