Que es el formato SVG y por que utilizarlo en la web

El SVG es un formato de imagen para gráficos vectoriales. Literalmente significa Graficos Vectori...

formato SVG

El SVG es un formato de imagen para gráficos vectoriales. Literalmente significa Graficos Vectoriales Escalables por sus siglas en ingles (Scalable Vector Graphics).

A diferencia de los formatos mas comunes de imagenes (Jpg, png, gif, etc.), el SVG es un gráfico que puede ampliar a cualquier tamaño sin perder la claridad (con excepción de muy pequeño).



Este formato se consigue al trabajar con un programa que trabaje en vectores como Adobe Illustrator, otro software popular para editar archivos SVG es Inkscape. Es gratuito y de código abierto, se puede descargar en inkscape.org.

Este formato de imágenes se puede utilizar SVG en la web con bastante facilidad.

¿Por qué utilizar SVG en el diseño web?


Los pequeños tamaños del archivo si se comprime bien, se puede ampliar a cualquier tamaño sin perder la claridad, luce muy bien en las pantallas de retina,  diseño de control como la interactividad y filtros (por ejemplo).

Compatibilidad con navegadores

El uso de esta forma tiene su propio conjunto de soporte de navegador específico. En esencia: funciona en todas partes excepto IE 8 y anteriores y Android 2.3 y anteriores. Para ver que otros navegadores soportan el uso de SVG mira esta tabla

Este es una comparación del mismo gráfico en algunos formatos de imágenes  para notar la diferencia puedes oprimir ctrl + y verás como las otras imágenes se pixelan mientras el SVG no pierde calidad.
JPG
jhon jpg

PNG
jhon png

SVG
formato SVG

COMMENTS

BLOGGER: 2
Loading...
Nombre

3D Angry Birds Articulos blogger Branding Colores Comic Concurso Creativo CSS Descargas Diseño Diseño Grafico Diseño web Efecto Eps Espacio negativo Estilo de Capas Extensiones Facebook Featured Posts Flat Design Fondos Fondos de Pantalla Fotografia Fotomanipulaciones Frases Fuente Galeria Geek Gif Gratis HTML5 Iconos Illustrator Ilustracion Infografias Inspiracion Invitaciones IOS 7 Isnpiracion Keep Calm And Carry On Ley de Tercios Leyes de Gestalt Logos Long Shadow Mapa de navegación Minimalista Mockups Motivos Multimedia Navidad Packaging Pasto Patterns Photoshop Pinceles Plantillas PNG Portafolio Posters Powerpoint Psd Puntos Aureos Recursos Responsive design Retro Seo Set de Iconos Set de Imagenes Storyboard SVG Tarjetas Tarjetas de presentacion Teoria Teoria del color Teoria del Diseño Textura themes Tipografías Tipogrfia Tutoriales UI UX Vectores Videos Vintage Wordpress Zombies
false
ltr
item
Jhon Urbano: Que es el formato SVG y por que utilizarlo en la web
Que es el formato SVG y por que utilizarlo en la web
http://openclipart.org/people/Jhon_urba/JHON.svg
http://1.bp.blogspot.com/-XUg-QvQA_4s/UUTI-FP3EsI/AAAAAAAAOjg/ijFH4zY7P0s/s72-c/JHON.jpg
Jhon Urbano
http://www.jhonurbano.com/2013/03/que-es-svg-y-por-que-utilizarlo-en-web.html
http://www.jhonurbano.com/
http://www.jhonurbano.com/
http://www.jhonurbano.com/2013/03/que-es-svg-y-por-que-utilizarlo-en-web.html
true
4736861666122585118
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy