Kial Uzi SVG-dosierojn Anstataŭ JPG

Avantaĝoj de SVG

Kiam vi kreas retejon kaj aldonas bildojn al tiu retejo, unu se la plej gravaj aferoj vi devas determini estas kiuj dosieroj formatoj estas la ĝustaj por esti uzataj. Depende de la grafikaĵo, unu formato povas esti multe pli bone ol aliaj.

Multaj retpaĝistoj komfortas kun la formato de dosiero JPG, kaj ĉi tiu formato estas perfekta por bildoj, kiuj havas profundan koloron, kiel fotoj. Dum ĉi tiu formato ankaŭ funkcios por simplaj grafikoj, kiel ilustritaj ikonoj, ĝi ne estas la plej bona formato por uzi en tiu kazo. Por tiuj ikonoj, SVG estus pli bona elekto. Ni rigardu precize kial:

SVG Estas Vektora Teknologio

Ĉi tio signifas, ke ĝi ne estas raster-teknologio. Vektoraj bildoj estas kombinaĵo de linioj kreitaj per matematiko. Raster-dosieroj uzas pikselojn aŭ malgrandajn kvadratojn de koloro. Ĉi tiu estas unu kialo, ke SVG estas skalebla kaj perfekta por respondemaj retejoj, kiuj devas skalon kune kun la ekrano-grandeco de aparato. Ĉar vektoraj grafikaĵoj ekzistas en la mondo de matematikoj, por ŝanĝi la grandecon, vi simple ŝanĝu la nombrojn. Raster-dosieroj ofte postulas signifan revizion kiam temas pri sizing. Kiam vi volas zomi vektoron, ne ekzistas distordo, ĉar la sistemo estas matematika kaj la retumilo nur rekalkulas tiun matematikon kaj faras la liniojn kiel glataj kiel iam ajn. Kiam vi zorgas pri raster-bildo, vi perdas bildan kvaliton kaj la dosiero komenciĝas akiri pro tio ke vi komencas vidi tiujn pikselojn de koloro. Matematiko vastigas kaj kontraktas, rastrumeroj ne. Se vi volas, ke viaj bildoj estu rezolitaj sendependaj, SVG donos al vi tiun kapablon.

SVG Estas Teksto-Bazita

Kiam vi uzas grafikan redaktilon por produkti bildon, la programo prenas bildon de via kompleta artaĵo. SVG funkcias malsame. Vi ankoraŭ povas uzi iujn programojn kaj sentas, ke vi desegnas bildon, sed la fina produkto estas kolekto de vektoroj aŭ eĉ vortoj (kiuj vere estas nur vektoroj sur la paĝo). Serĉaj motoroj rigardas vortojn, specife ŝlosilvortojn. Se vi alŝutas JPG , vi limigas vin al la titolo de via grafikaĵo kaj eble la alta teksto . Kun SVG-kodado, vi ekspansiiĝas sur la eblecoj kaj kreas bildojn, kiuj estas pli da serĉiloj.

SVG Estas XML kaj Verkoj Ene de Aliaj Lingvo-Formatoj

Ĉi tio reiras al la teksto bazita kodo. Vi povas fari vian bazan bildon en SVG kaj uzi CSS por poluri ĝin. Jes, vi povas havi bildon, fakte SVG-dosieron, sed vi povas ankaŭ kodi la SVG rekte en la paĝon kaj redakti ĝin en la estonteco. Vi povas ŝanĝi ĝin per CSS kiel vi ŝanĝus paĝon de teksto, ktp. Ĉi tio estas tre potenca kaj ĝi faras facilan redakton.

SVG Estas facile redaktita

Ĉi tio verŝajne estas la plej granda avantaĝo. Kiam vi prenas bildon de kvadrato, tio estas kio ĝi estas. Por ŝanĝi, vi devas rekomenci la scenon kaj preni novan bildon. Antaŭ ol vi scias ĝin, vi havas 40 bildojn de kvadratoj kaj ankoraŭ ne ĝustigas ĝin. Kun SVG, se vi faros eraron, ŝanĝu la koordinatojn aŭ vorton en tekst-redaktilo, kaj vi fariĝis. Mi povas rilati al ĉi tio ĉar mi tiris SVG-cirklon, kiu ne poziciis ĝuste. Ĉio, kion mi devis fari estis ĝustigi la koordinatojn.

JPGaj bildoj povas esti pezaj

Se vi volas ke via bildo kresku en fizika grandeco, ĝi ankaŭ kreskos en grandeco de dosiero. Kun SVG, funto estas ankoraŭ funtita, kiom ajn granda vi faras ĝin. Kvadrato, kiu havas 2 colojn larĝe, pezos la saman kvadraton, kiu estas 100 coloj larĝe. Dosiera grandeco ne ŝanĝas, kio estas bonega de paĝo-rendimento-vidpunkto!

Do Kiu Pli Bona?

Do, kio estas pli bona formato - SVG aŭ JPG? Tio dependas de la bildo mem. Ĉi tio estas kiel demandi "kio estas pli bona, martelo aŭ disŝutilo?" Ĝi dependas de tio, kion vi devas plenumi! Lin sama estas vera por ĉi tiuj bildaj formatoj. Se vi bezonas montri foton, tiam JPG estas la plej bona elekto por vi. Se vi aldonas ikonon, tiam SVG probable estas pli bona elekto. Vi povas lerni pli pri kiam taŭgas uzi SVG-dosierojn ĉi tie .

Originala artikolo de Jennifer Krynin. Redaktita de Jeremy Girard la 6/6/17