Tungkol sa VectorizeThis

Isang vectorizer na binuo para lutasin ang totoong problema sa workflow

Nilikha ang VectorizeThis ni Maxime Desrosiers, isang front-end developer na may mahigit isang dekadang karanasan, malalim na kaalaman sa WordPress at matagal nang interes sa praktikal na SVG at CSS tools.

Sino ang gumawa ng VectorizeThis?

Ako si Maxime Desrosiers, ang developer sa likod ng VectorizeThis. Mahigit isang dekada na akong gumagawa ng websites at front-end interfaces, na may partikular na kadalubhasaan sa WordPress. Ginawa ko rin ang ShapeDividers.com, isang tool para gumawa ng pandekorasyong SVG section dividers at ng CSS na kailangan para gamitin ang mga ito.

Sa paggawa ng ShapeDividers, natutuhan ko kung gaano kahalaga ang SVG structure at compression. Maaaring simpleng tingnan ang vector sa screen pero may hindi kailangang points, attributes o markup. Para manatiling magaan ang generated CSS, kailangan kong matutuhang panatilihin ang nakikitang resulta nang walang maiiwasang code.

Bakit ko ito binuo

Nagsimula ang VectorizeThis sa problemang nakaharap ko habang nire-redesign ang isang homepage. Humingi ako ng bagong disenyo sa ChatGPT at may ilang kaakit-akit na icon sa resulta. Masyadong maliit ang original icons, kaya humingi ako ng mas malalaking bersyon nang paisa-isa. Dumating ang kapalit bilang PNG files: kapaki-pakinabang ang itsura pero malaki, mas mahirap palitan ang kulay at hindi madaling panatilihin sa website.

Sinubukan ko ang ilang online image-to-SVG converter. Madalas mahina ang traces mula sa bulk converters na sinubukan ko. May single-file tools na nagdagdag ng strokes kahit hindi ito kailangan ng artwork. Maraming resultang mas malaki kaysa kailangan, kaya ipinapadaan ko pa ang mga ito sa SVGOMG bago gamitin.

Sa tingin ko, kayang gawin nang mas maayos ng iisang tool ang prosesong iyon: sumuri ng higit sa isang trace, panatilihin ang kapaki-pakinabang na structure, bawasan ang sobrang markup at hayaan pa ring suriin at ayusin ng tao ang resulta.

Ano ang ginagawa ng VectorizeThis

Ginagawang SVG path geometry ng VectorizeThis ang supported raster images sa browser. Maaari nitong subukan ang ilang tracing configuration, ihambing ang candidates, i-optimize ang napiling SVG at magpakita ng checks na mahalaga sa paggagamitan. Maaaring mag-adjust ng settings, mag-edit ng maliit na natukoy na color palette, kumopya ng markup o mag-download ng paisa-isa at batch results ang users.

Inuuna ng converter ang processing sa device. Nangyayari ang image decoding, pag-trace, paghahambing at SVG preparation sa device ng user. Inilalarawan ng product analytics ang actions at settings para mapahusay ang tool; wala rito ang source image bytes o filenames. Ipinapadala lang ang source image kapag sadyang inilakip ito ng user sa feedback at pumayag siyang ipadala ito.

Tingnan kung paano sinusuri ng VectorizeThis ang mga resulta ng pag-vectorize.

Ano ang hindi nito ipinapangako

Interpretasyon ng pixels ang automatic tracing; hindi nito ibinabalik ang original vector file ng designer. Maaaring makaapekto sa resulta ang photos, gradients, compression artifacts, soft shadows, maliliit na detalye at low-resolution sources.

Tumutulong ang fabrication presets at checks sa paghahanda at pag-inspeksyon ng geometry, pero hindi ito sertipikasyon para sa partikular na cutter, laser, CNC machine, materyal o third-party application. Dapat suriin ng users ang downloaded SVG at subukan ito sa sarili nilang workflow bago ang production.

Tumulong na pahusayin ang tool

Kung mukhang mali ang output, gamitin ang Magpadala ng review sa converter o makipag-ugnayan sa VectorizeThis. Kapaki-pakinabang ang malinaw na paglalarawan, napiling paggagamitan at settings na nagdulot ng problema. Maaari kang opsyonal na magpadala ng source image kung mahirap ulitin ang problema nang wala ito.

Para sa detalye sa paghawak ng data at paggamit ng serbisyo, basahin ang Patakaran sa Privacy at Mga Tuntunin at Kondisyon.

Huling na-update: