Je, SVG inafanya kazi kwenye vivinjari vyote?

Ndiyo, SVG inasaidiwa na vivinjari vyote vya kisasa vikiwemo Chrome, Firefox, Safari, na Edge. Kwa vivinjari vya zamani sana (IE8 na zamani zaidi), SVG inaweza kuhitaji mbadala.

Ninaweza kuhariri SVG na nini?

Unaweza kuhariri SVG na Adobe Illustrator, Inkscape (bure), Figma, au mhariri mwochote wa maandishi kwa sababu SVG ni maandishi ya XML. Vivinjari pia vinaonyesha SVG moja kwa moja.

Kwa nini SVG yangu inaonekana vibaya kwenye programu fulani?

Baadhi ya programu hazisaidii vipengele vyote vya SVG. Kama SVG yako ina athari ngumu, fonti, au uhuishaji, inaweza kuonekana tofauti kwenye programu tofauti. Chagua SVG rahisi kwa ulinganifu mkubwa zaidi.

Je, ninaweza kubadilisha SVG hadi PNG ukihifadhi uwazi?

Ndiyo, zana yetu ya SVG hadi PNG inabadilisha SVG hadi PNG ukihifadhi uwazi wa chaneli ya alpha. Unaweza kudhibiti saizi ya matokeo ili kupata usahihi unaohitajika.

Je, SVG ni salama kutumia kwenye tovuti?

Ikiwa unaonyesha SVG zilizoundwa na watumiaji, zinapaswa kusafishwa vizuri kwani zinaweza kuwa na JavaScript hatari. SVG zako mwenyewe au kutoka chanzo zinazokuaminika ni salama.

SVG ni Nini? Mwongozo wa Muundo — Picha za Vector, Upanuzi, Wavuti

SVG (Scalable Vector Graphics) ni muundo wa picha ya vector unaotegemea XML, uliobuniwa na W3C. Badala ya kuhifadhi data ya pikseli, SVG huhifadhi maagizo ya hesabu ya jinsi ya kuchora mstari, umbo, na rangi.

Kipengele kikuu cha SVG ni kwamba inaweza kupanuka bila kupoteza ubora katika saizi yoyote. SVG ndogo ya nembo itaonekana kwa usahihi sawa kwenye simu ya mkononi na kwenye skrini ya m3 bila pixelation au kutokuwa wazi.

SVG inasaidiwa asili na vivinjari vyote vya kisasa na inaweza kuwekwa moja kwa moja ndani ya HTML. Hii inaifanya chaguo la kawaida kwa nembo za wavuti, ikoni, na michoro inayohitaji msaada wa skrini za DPI nyingi.

Vipimo vya kiufundi

Jina kamili	Scalable Vector Graphics
Viongezeo vya faili	.svg, .svgz (compressed)
Aina ya MIME	image/svg+xml
Ukandamizaji	Hauna asili (SVGZ inatumia gzip)
Kina cha rangi	Rangi zote za CSS (24-bit au zaidi)
Uwazi	Inasaidia
Uhuishaji	Inasaidia (SMIL na CSS animations)
Vipimo vya juu zaidi	Inategemea maudhui ya vector
Metadata	Metadata ya XML ndani ya faili
Mwaka wa kutolewa	2001

Wakati wa kutumia SVG

Nembo, ikoni, na alama ambazo zinahitaji upanuzi katika saizi zote
Picha za wavuti zinazohitaji kuonekana vizuri kwenye skrini za DPI nyingi
Michoro ya kiufundi, ramani, na grafu ambazo zinahitaji usahihi wa vector
Uhuishaji wa wavuti na mwingiliano unaotekelezwa na CSS au JavaScript
Maudhui ya wavuti ambayo yanaweza kumilikiwa na CSS na kudhibitiwa na JavaScript

Faida na hasara

Faida

Upanuzi usio na kikomo bila kupoteza ubora
Faili ndogo kwa michoro rahisi ikilinganishwa na PNG
Inaweza kubadilishwa kupitia CSS na JavaScript
Inasaidiwa asili na vivinjari vyote vya kisasa
Inasaidia uhuishaji na mwingiliano

Hasara

Haifai kwa picha ngumu au picha za kweli
Inaweza kuwa kubwa zaidi kuliko PNG kwa picha ngumu
Madhara ya usalama yanayowezekana ikiwa maudhui ya SVG hayasafishwi
Inachora polepole zaidi kwa SVG ngumu sana
Haifai kwa picha ambazo zinahitaji ukakamavu wa pikseli

Ulinganifu

SVG inasaidiwa na vivinjari vyote vya kisasa (Chrome, Firefox, Safari, Edge) na inaweza kuwekwa moja kwa moja ndani ya HTML. Programu za kuhariri picha kama Adobe Illustrator, Inkscape, na Figma zinaunda na kuhariri SVG asili.

SVG dhidi ya muundo mwingine

SVG dhidi ya PNG: SVG ni vector na inaweza kupanuka bila kupoteza ubora; PNG ni rastaa na ina saizi ya pikseli maalum. SVG ni bora kwa nembo, ikoni, na michoro; PNG ni bora kwa picha ngumu na vitu vya pikseli.
SVG dhidi ya JPEG: SVG ni vector inayofaa kwa picha za kijiometri na michoro; JPEG ni muundo wa rastaa bora kwa picha. Maudhui yanayofaa kwa SVG (nembo, ikoni) hayafai kwa JPEG na kinyume chake.
SVG dhidi ya WebP: SVG ni vector inayobaki wazi katika saizi yoyote; WebP ni muundo wa rastaa. Tumia SVG kwa nembo na ikoni; tumia WebP kwa picha zinazohitaji ukandamizaji bora.

Zana za SVG kwenye My File Tool

Badilisha faili za SVG hadi JPEG, PNG, WebP, na zaidi. Faili ya kwanza daima bure.

Maswali yanayoulizwa mara kwa mara

Je, SVG inafanya kazi kwenye vivinjari vyote?: Ndiyo, SVG inasaidiwa na vivinjari vyote vya kisasa vikiwemo Chrome, Firefox, Safari, na Edge. Kwa vivinjari vya zamani sana (IE8 na zamani zaidi), SVG inaweza kuhitaji mbadala.
Ninaweza kuhariri SVG na nini?: Unaweza kuhariri SVG na Adobe Illustrator, Inkscape (bure), Figma, au mhariri mwochote wa maandishi kwa sababu SVG ni maandishi ya XML. Vivinjari pia vinaonyesha SVG moja kwa moja.
Kwa nini SVG yangu inaonekana vibaya kwenye programu fulani?: Baadhi ya programu hazisaidii vipengele vyote vya SVG. Kama SVG yako ina athari ngumu, fonti, au uhuishaji, inaweza kuonekana tofauti kwenye programu tofauti. Chagua SVG rahisi kwa ulinganifu mkubwa zaidi.
Je, ninaweza kubadilisha SVG hadi PNG ukihifadhi uwazi?: Ndiyo, zana yetu ya SVG hadi PNG inabadilisha SVG hadi PNG ukihifadhi uwazi wa chaneli ya alpha. Unaweza kudhibiti saizi ya matokeo ili kupata usahihi unaohitajika.
Je, SVG ni salama kutumia kwenye tovuti?: Ikiwa unaonyesha SVG zilizoundwa na watumiaji, zinapaswa kusafishwa vizuri kwani zinaweza kuwa na JavaScript hatari. SVG zako mwenyewe au kutoka chanzo zinazokuaminika ni salama.

Miongozo mingine ya miundo

Badilisha faili za SVG sasa hivi

Badilisha SVG hadi PNG, JPEG, WebP, na zaidi — bure kwa faili ya kwanza.

Badilisha SVG