SVGcode: A PWA to convert raster images to SVG vector graphics

SVGcode: A PWA to convert raster images to SVG vector graphics

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=kcvfyQh6J-0


Duration: 5:50
11,102 views
489

SVGcode is a Progressive Web App that lets you convert raster images like JPG, PNG, GIF, WebP, AVIF, etc. to vector graphics in SVG format. It uses the File System Access API, the Async Clipboard API, and the File Handling API, and also makes use of Window Controls Overlay customization.

The SVGcode app: → https://goo.gle/3cuyLJz

Referenced articles:
- File System Access API → https://goo.gle/3kV77dv
- Async Clipboard API → https://goo.gle/3DC0e7Y
- File Handling API → https://goo.gle/3xbg4UP

Tools SVGcode uses under the hood:
- svgo → https://goo.gle/3cuBHG9
- Potrace → https://goo.gle/30IxVqg

Name-dropped tools:
- Squoosh → https://goo.gle/2OQBnGG
- SVGOMG → https://goo.gle/3nyyHPf

Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

#Chrome #Developer #SVGcode



Other Videos By Chrome for Developers


2021-12-01The fundamentals of CSS layout | Workshop
2021-12-01Building a web application in Angular | Workshop
2021-12-01Enhance accessibility in your Angular builds | Workshop
2021-12-01Launching your PWA to Google Play Store | Workshop
2021-12-01Security and usability with cross-origin isolation | Workshop
2021-12-01Faster loading times with AVIF images | Workshop
2021-12-01Build user-adaptive interfaces | Workshop
2021-12-01Two-factor authentication workshop with WebAuthn | Workshop
2021-11-30Bringing bounce and elastic easing to CSS | HTTP 203
2021-11-22Designcember is coming!
2021-11-19SVGcode: A PWA to convert raster images to SVG vector graphics
2021-11-16New in Chrome 96: Improvements for installed PWAs, Priority Hints, and more!
2021-11-15Building a more private web
2021-11-15The new responsive design
2021-11-15Understanding performance with Core Web Vitals
2021-11-15How leading developers build innovative web experiences
2021-11-12Chrome 96 - What’s New in DevTools
2021-11-10Thinking on ways to solve ​​3D MENU
2021-11-09Yes, we use a Joy-Con to change slides. Here's how… | HTTP 203
2021-11-03Chrome Dev Summit 2021 livestream
2021-11-03Chrome Dev Summit 2021 recap


Tags:
GDS: Yes
potrace
convert image to svg
convert jpg to svg
convert jpeg to svg
convert png to svg
convert webp to svg
convert raster image to vector
convert image to vector
svg tracing
vector tracing
convert to svg async clipboard api
asynchronous clipboard api
file system access api
native file system api file handling api
file handling pwa
progressive web app
web app