30: Konvertera raster till vektor - CSS-tricks

Anonim

Det kan komma en dag där du önskar att en grafik du hade var SVG, men du har den bara i raster, som GIF, JPG.webp eller PNG.

I den här videon tittar vi på ett exempel på det. Vi har denna pilgrafik som är GIF, men borde verkligen vara SVG när den används på webben. Illustrator är ganska bra på att förvandla raster till vektor med sitt Live Trace-verktyg (tydligen kallat Image Trace). Det finns massor av inställningar och saker att lära sig om det, men för något super grundläggande som detta kommer det förmodligen att göra det perfekt utan mycket hjälp.

Sedan rensar vi upp det och får det att bli en fin enkel form utan extra groft.

Adobe Shape är en ganska snygg iOS-app som hakar i vektorn direkt från att peka din kamera på telefonen på saker.

Ett annat verktyg speciellt för raster-till-vektor är Vector Magic.