Sunday, July 3, 2022
  • Home
  • Event
  • Technology
  • Program
  • Education
No Result
View All Result
I-Capitals
No Result
View All Result
Home Program

SVGcode for Live Tracing Raster Images | CSS-Tricks

admin by admin
February 9, 2022
in Program
0
0
SHARES
0
VIEWS
Share on FacebookShare on Twitter

Related Posts

Single Element Loaders: Going 3D! | CSS-Tricks

Python Program to Find Prime Factors of a Number

Bunny Fonts | CSS-Tricks – CSS-Tricks

Text-overflow: ellipsis considered harmful | CSS-Tricks

Say you have a bitmap graphic — like a JPG, PNG, or GIF — and you wish it was vector, like SVG. What do you do? You could trace it yourself in some kind of design software. Or tools within design software can help.

(I don’t wanna delay the lede here, there is a free online tool for it now called SVGcode.)

I remember when Adobe Illustrator CS2 dropped in 2005 it had a feature called “Live Trace” and I totally made it my aesthetic. I used to make business cards for my folk band and they all had the look of a photograph-gone-vector. These days they apparently call it Image Trace.

SVGcode does exactly this, for free

Adobe software costs money though, so what other options are out there? I imagine they are out there, but now there is a wonderfully single-purpose web app called SVGcode for it by Thomas Steiner! He’s written about it in a couple of places:

I think it’s so cool both in what it does (super useful!) but also in the approach (so impressive what web apps can do these days!):

It uses the File System Access API, the Async Clipboard API, the File Handling API, and Window Controls Overlay customization. […]

Credit where credit is due: I didn’t invent this. With SVGcode, I just stand on the shoulders of a command line tool called Potrace by Peter Selinger that I have converted to Web Assembly, so it can be used in a Web app.

My just-out-of-college aesthetic is gonna live on people!

Showing the Image Trace effect previewed in SVGcode.

Thomas joined me and Dave over on ShopTalk episode #497 if you’re interested in hearing straight from Thomas about not just this, but the whole world of capable web apps. That episode was sort of designed as a follow-up to an article I wrote that asks: “Why would a business push a native app over a website?”

Next Post

Growth of Event Sales Pipeline Projected to Outpace Attendance This Year

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Popular Posts

Technology

Bezos reignites Biden inflation feud, says president is misdirecting public or misunderstanding market – GeekWire

by admin
July 3, 2022
0

The inflation debate between President Biden and Amazon founder Jeff Bezos started in May. (Official White House Photo by Adam...

Read more

Bezos reignites Biden inflation feud, says president is misdirecting public or misunderstanding market – GeekWire

Xerox PARC spinout keeps food fresh at freezing temperatures – GeekWire

Dinosaur Facts for Kids That Will Shock and Amaze Your Students!

COVID-19 vaccines developed in Seattle get green light, and more – GeekWire

Teaching 2nd Grade – 50+ Tips & Tricks From Teachers Who’ve Been There

Starlink on the go? What a new FCC ruling means for SpaceX internet service on moving vehicles – GeekWire

Load More

Popular Posts

2021 Event Tech Investments and Acquisitions Review

by admin
January 10, 2022
0

Microsoft detected ‘destructive cyberattacks’ against Ukraine hours before Russian invasion

by admin
February 28, 2022
0

2022 Award-Winning Kids Books–Perfect for the Classroom Library

by admin
February 2, 2022
0

Copyright © 2021 - i-Capitals.com DESIGNED AND DEVELOPED BY TEAM WORDPRESS BLOGX

No Result
View All Result
  • Home
    • Home 1
    • Home 2
    • Home 3
  • Event
  • Technology
  • Program
  • Education

Copyright © 2021 - I-capitals.com - DESIGNED AND DEVELOPED BY TEAM WORDPRESS BLOGX