Vim li cas thiaj siv SVG cov ntaub ntawv txhob siv JPG

Qhov zoo ntawm SVG

Thaum koj tsim tawm ib lub vas sab thiab ntxiv cov duab rau ntawm qhov chaw, ib qho yog qhov tseem ceeb tshaj plaws uas koj yuav tsum tau txiav txim siab yog cov ntaub ntawv cov ntaub ntawv yog cov tseeb uas yuav tau siv. Raws li daim duab, ib hom ntawv yuav zoo dua li lwm tus.

Muaj ntau lub web designers nyiam nrog JPG ntaub ntawv, thiab hom ntawv no zoo meej rau cov duab uas muaj qhov tob tob tob, zoo li duab. Thaum lub hom ntawv no tseem yuav ua hauj lwm kom yooj yim graphics, xws li duab icons, nws tsis yog qhov zoo tshaj plaws hom siv nyob rau hauv qhov kev lom zem. Rau cov cim, SVG yuav yog ib qho kev xaiv zoo. Cia wb mus saib raws nraim yog vim li cas:

SVG yog Vector Technology

Qhov no txhais tau hais tias nws tsis yog raster tshuab. Vector cov duab yog ua ke ntawm cov kab tsim tau siv lej. Cov ntaub ntawv Raster siv pixels los yog cov plaub hau me me ntawm cov xim. Qhov no yog ib qhov laj thawj uas SVG yog scalable thiab zoo rau cov nplooj ntawv teb uas yuav tsum teev nrog rau ib qho kev ntaus ntawv. Vim vector graphics muaj nyob hauv lub ntiaj teb ntawm kev ua lej, hloov qhov loj, koj tsuas hloov cov lej. Raster cov ntaub ntawv feem ntau xav tau ib qho kev kho dua qub thaum nws los txog rau koj lub cev. Thaum twg koj xav zoom rau ntawm ib cov vector duab, tsis muaj distortion vim hais tias lub system yog mathematic thiab qhov browser xwb recalculates ntawd kev ua lej thiab renders cov kab li du li puas tau. Thaum koj zoom rau ntawm ib cov duab raster, koj poob duab zoo thiab cov ntaub ntawv pib tau txais fuzzy thaum koj pib pom cov pixels ntawm cov xim. Zauv nthuav dav thiab sib cog lus, pixels tsis ua. Yog tias koj xav tau koj cov duab los ua kev ywj pheej, SVG yuav ua rau koj muaj peev xwm.

SVG yog Cov Ntawv Ua Raws Li

Thaum koj siv cov duab editor los tsim ib cov duab, qhov kev zov me nyuam yuav tau siv ib daim duab ntawm koj daim duab tiav. SVG ua haujlwm txawv. Koj tseem siv tau qee cov software programs thiab xav tias koj tab tom kos duab, tab sis qhov kawg khoom yog ib phau ntawm vector kab los yog txawm lo lus (uas yog tiag tiag vectors onb nplooj). Kev tshawb xyaw xyaw saib cov lus, cov ntsiab lus tseem ceeb. Yog hais tias koj upload ib JPG , koj limiting koj tus kheej mus rau lub npe ntawm koj daim duab thiab kab tias kab lus ntawm kab lus hauv qab. Nrog SVG coding, koj nthuav rau cov possibilities thiab tsim cov dluab uas muaj ntau dua nrhiav-engine tus phooj ywg.

SVG Yog XML thiab Ua Hauj Lwm Hauv Lwm Hom Lus

Qhov no rov qab rau cov ntawv raws li cov ntawv nyeem. Koj tuaj yeem ua rau koj cov duab duab hauv SVG thiab siv CSS los txhuam nws. Tau, koj yuav muaj ib cov duab uas ua tau SVG ntawv, tab sis koj tuaj yeem code cov SVG ncaj qha mus rau phab thiab hloov nws yav tom ntej. Koj hloov tau nws nrog CSS tib txoj kev uas koj yuav hloov nplooj ntawv, thiab lwm yam. Qhov no nws muaj hwj chim heev thiab nws ua rau kev yooj yim editing.

SVG tau yooj yim Edited

Qhov no ntshe yog qhov loj tshaj plaws. Thaum koj nqa ib daim duab ntawm ib lub xwmfab, nws yog qhov nws yog. Ua kom hloov, koj yuav tsum pib dua lub scene thiab thaij tshiab. Ua ntej koj paub nws, koj muaj 40 cov duab ntawm plaub fab thiab tseem tsis muaj nws txoj cai. Nrog SVG, yog tias koj ua yuam kev, hloov lub koog los yog lo lus hauv phau ntawv editor, thiab koj tau ua tiav. Kuv muaj feem xyuam rau qhov no vim kuv tau kos ib lub voj voog SVG uas tsis muaj qhov tseeb. Txhua yam kuv tau ua yog kho cov hauj lwm ua ke.

JPG dluab yuav hnyav

Yog tias koj xav kom koj tus duab loj tuaj rau hauv lub cev loj, nws yuav loj hlob tuaj hauv cov ntaub ntawv loj. Nrog SVG, phaus tseem yog ib phaus txawm koj loj npaum li cas los xij. Ib lub xwmfab ntev li 2 inches yuav ua tib yam li ib lub xwmfab uas yog 100 nti dav. Cov ntaub ntawv me me tsis hloov, nws yog ib qho zoo heev los ntawm nplooj ntawv qhov kev ua tau zoo!

Li ntawd, nws zoo dua?

Yog li dab tsi yog ib hom ntawv zoo dua - SVG los sis JPG? Qhov ntawd nyob ntawm daim duab xwb. Qhov no zoo li nug tias "dab tsi yog qhov zoo dua, ib tug rauj los yog ib tus ntaus ntses?" Nws nyob ntawm seb koj xav tau dab tsi! Zoo li qub rau cov duab no. Yog tias koj xav tau cov duab, ces JPG yog qhov kev xaiv zoo tshaj plaws rau koj. Yog hais tias koj muaj ntxiv ib qho icon, ces SVG yuav zoo xaiv. Koj tuaj yeem kawm paub ntau ntxiv txog thaum nws tsim nyog siv SVG cov ntaub ntawv ntawm no .

Thawj tsab xov xwm los ntawm Jennifer Krynin. Edited by Jeremy Girard rau 6/6/17