SVGScalable Vector Graphics
Los Gráficos Vectoriales Redimensionables (delinglés Scalable Vector Graphics) o SVG son unaespecificación       para     ...
Un poco de historia sobre SVGEn 1998 Macromedia, HP, Autodesk, Visio Corporation yMicrosoft sometieron a la W3C el VML (Ve...
En febrero del año 1999 la W3C publicó el primer borrador                 de la especificación SVG                        ...
Algunas consideraciones parausar SVG en nuestros proyectos
png     gif                  vectoresresolución           almacenamiento calidad           costo downloadupload         jp...
 Archivos Pequeños = Fácil carga                                    ScalableVectorGraphics
 Archivos Pequeños = Fácil carga Ampliar Imagen sin perder calidad                                      ScalableVectorGr...
bitmap                   svg         ScalableVectorGraphics
 Cómo es xml , es interpretado como texto                                             ScalableVectorGraphics
 Cómo es xml , es interpretado como texto Puede generarse dinámicamente en un servidor                                  ...
¿Qué necesitamos para empezar a         utilizar SVG?
http://www.w3schools.com/svg/svg_intro.asp                                     ScalableVectorGraphics
0,0                  150,00,200       75,200           225,200        Define a path that starts at        position 150,0 w...
Inkscape es un editor de gráficos vectoriales de código abierto, concapacidades similares a Illustrator, Freehand, CorelDr...
otros editores           opensourceSVG-edit                        ScalableVectorGraphics
¿Preguntas?Federico Gonzálezfedericogl@outlook.com | @fegolopez | federicoglblog.worpress.com
Upcoming SlideShare
Loading in …5
×

un acercamiento a SVG

430 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
430
On SlideShare
0
From Embeds
0
Number of Embeds
26
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

un acercamiento a SVG

  1. 1. SVGScalable Vector Graphics
  2. 2. Los Gráficos Vectoriales Redimensionables (delinglés Scalable Vector Graphics) o SVG son unaespecificación para describir gráficosvectoriales bidimensionales, tanto estáticos comoanimados, en formato XML.SVG es abierto y está basado en los gráficos XML, esun formato que se está incorporando a los estándaresweb.Dado que SVG es un formato de gráficos vectorizados, lasimágenes pueden ser redimensionadas y transformadas sinsufrir pérdidas de calidad ni deformaciones.Muchos buscadores ya soportan SVG en cierto grado.. ScalableVectorGraphics
  3. 3. Un poco de historia sobre SVGEn 1998 Macromedia, HP, Autodesk, Visio Corporation yMicrosoft sometieron a la W3C el VML (Vector MarkupLanguage) basado en XML para que fuera considerado comoestándar en gráficas vectoriales para la web.Por otra parte Adobe, IBM, Netscape y Sun Microsystemspresentaron PGML (Precision Graphics Markup Language) ala W3C. ScalableVectorGraphics
  4. 4. En febrero del año 1999 la W3C publicó el primer borrador de la especificación SVG ScalableVectorGraphics
  5. 5. Algunas consideraciones parausar SVG en nuestros proyectos
  6. 6. png gif vectoresresolución almacenamiento calidad costo downloadupload jpeg ScalableVectorGraphics
  7. 7.  Archivos Pequeños = Fácil carga ScalableVectorGraphics
  8. 8.  Archivos Pequeños = Fácil carga Ampliar Imagen sin perder calidad ScalableVectorGraphics
  9. 9. bitmap svg ScalableVectorGraphics
  10. 10.  Cómo es xml , es interpretado como texto ScalableVectorGraphics
  11. 11.  Cómo es xml , es interpretado como texto Puede generarse dinámicamente en un servidor ScalableVectorGraphics
  12. 12. ¿Qué necesitamos para empezar a utilizar SVG?
  13. 13. http://www.w3schools.com/svg/svg_intro.asp ScalableVectorGraphics
  14. 14. 0,0 150,00,200 75,200 225,200 Define a path that starts at position 150,0 with a line to position 75,200 then from there, a line to 225,200 and finally closing the path back to 150,0. ScalableVectorGraphics
  15. 15. Inkscape es un editor de gráficos vectoriales de código abierto, concapacidades similares a Illustrator, Freehand, CorelDraw o Xara X,usando el estándar de la W3C.Las características soportadas incluyen: formas, trazos, texto,marcadores, clones, mezclas de canales alfa, transformaciones,gradientes, patrones y agrupamientos. ScalableVectorGraphics
  16. 16. otros editores opensourceSVG-edit ScalableVectorGraphics
  17. 17. ¿Preguntas?Federico Gonzálezfedericogl@outlook.com | @fegolopez | federicoglblog.worpress.com

×