TechPrufer
Get started
Google
Google logoGoogle · Feature trail

SVG Adoption and Web Graphics

19 posts · May 2009 – Aug 2012

What this trail covers

Google's engagement with Scalable Vector Graphics (SVG) technology has evolved to include tools for converting legacy formats to modern web standards and making SVG documents searchable on Google. Early efforts focused on fostering community and developer adoption of SVG through events like the SVG Open conference. Subsequent developments involved showcasing the capabilities of HTML5, including its support for rich media and interactive content, and integrating these advancements into developer tools. This post announces the release of a tool to convert SWF files to HTML5, enabling broader adoption of rich web graphics.

All Google trails
  1. Lossless and Transparency Modes in WebP- Google Developers BlogThis post introduces WebP, a new image format developed by Google, which offers both lossless and transparency modes. This provides developers with a more efficient option for web graphics compared to existing formats like PNG and JPEG, contributing to improved web performance and richer visual experiences.
  2. Angry Birds Chrome now uses the Web Audio API- Google Developers BlogThis post demonstrates the integration of the Web Audio API into a popular web game (Angry Birds Chrome), showcasing advancements in rich media and interactive web experiences beyond static graphics.
  3. Lossless and transparency encoding in WebP- Google Developers BlogThis post introduces WebP, a new image format developed by Google, which offers both lossless and transparent encoding. This advancement contributes to the broader theme of improving web graphics by providing a more efficient and versatile image format for web developers.
  4. Swiffy: convert SWF files to HTML5- Google Developers BlogIntroduced Swiffy, a tool that converts Flash (SWF) files to HTML5, enabling the migration of legacy rich media content to modern web standards. This addresses the technical challenge of rendering Flash content on devices and browsers that do not support it, by generating equivalent HTML, CSS, and JavaScript.
  5. Dreams in 3D: a WebGL experience for the modern browser- Google Developers BlogThis post introduces WebGL, a JavaScript API for rendering interactive 2D and 3D graphics within web browsers. It highlights how WebGL enables developers to create visually rich and interactive experiences, such as 3D visualizations and games, directly in the browser, building upon the advancements in web graphics and developer tools.
  7. Cooliris builds visual search for Chrome with next-generation web APIs- Google Developers BlogThis post highlights Cooliris's use of next-generation web APIs to build a visual search feature for Chrome, showcasing the practical application of advanced web graphics and APIs for creating rich, interactive user experiences. This aligns with the thread's focus on SVG adoption and web graphics by demonstrating how these technologies enable innovative visual search functionalities.
  8. Creating 2D Games with JavaScript & HTML5- Google Developers BlogThis post highlights the use of HTML5 and JavaScript for creating 2D games, demonstrating the growing capabilities of web technologies for rich media and interactive content, aligning with the broader theme of web graphics advancements.
  9. Visualizing geographic data with the WebGL Globe- Google Developers BlogThis post introduces the WebGL Globe, a tool that visualizes geographic data using WebGL. This contributes to the thread by showcasing advanced web graphics capabilities for interactive data representation, aligning with the broader theme of enhancing web experiences with rich media and dynamic content.
  10. WebGL now in Beta: here comes the 3D web!- Google Developers BlogThis post announces the beta release of WebGL, a JavaScript API for rendering interactive 2D and 3D graphics directly in web browsers. This is a significant advancement for the '3D web' and complements existing efforts in web graphics by enabling hardware-accelerated graphics, opening up possibilities for more complex and visually engaging web applications.
  11. WebP, a new image format for the Web- Google Developers BlogIntroduces WebP, a new image format developed by Google, offering better compression than PNG and JPEG, with the goal of improving web performance and reducing bandwidth usage.
  12. Introducing the Google Font API & Google Font Directory- Google Developers BlogThis post introduces the Google Font API and the Google Font Directory, providing developers with a centralized and easily accessible resource for high-quality fonts. This directly contributes to enhancing web graphics and visual design capabilities for web applications, aligning with the broader theme of SVG adoption and web graphics advancements.
  13. Creating Rich Experiences In The Browser With HTML5- Google Developers BlogThis post highlights how HTML5, including SVG, enables richer and more interactive experiences in the browser, moving beyond static content to dynamic and engaging applications. It emphasizes the potential for developers to create sophisticated user interfaces and rich media content directly within the web.
  14. HTML5 + Quake II- Google Developers BlogThis post demonstrates the power of HTML5 and SVG by showcasing the ability to run a classic game like Quake II directly in the browser. It highlights how these technologies can be used for rich media and interactive applications, pushing the boundaries of what's possible on the web.
  15. SVG at Google and in Internet Explorer- Google Developers BlogThis post announces the release of Swiffy, a tool that converts Flash Professional SWF files to HTML5. This enables web developers to leverage existing Flash content on modern browsers and devices that do not support Flash, facilitating the creation of interactive web content accessible across a wider range of platforms.
  16. Yahoo! Pipes and the HTML5 canvas tag- Google Developers BlogThis post introduces Yahoo! Pipes' use of the HTML5 canvas tag to visualize data streams, demonstrating a novel application of web graphics for data manipulation and visualization. It highlights how the canvas tag can be used to create dynamic and interactive data representations, complementing existing SVG capabilities.