Zergatik erabili SVG fitxategiak JPG-ren ordez?

SVG abantailak

Webgune bat eraiki eta irudiak gune horretara gehitzeko, bat zehaztu behar dituzun gauza garrantzitsuenak zein fitxategi formatu erabilgarriak diren zehazten badira. Grafikoaren arabera, formatu bat besteek baino askoz hobea izan daiteke.

Webgune askok eroso jartzen dute JPG formatuan, eta formatu hau ezin hobea da sakonera sakoneko irudiekin, hala nola argazkiak. Formatu honek grafiko sinpleetan funtzionatuko lukeen bitartean, ikono ilustratuak bezala, ez da instantzia horretan erabiltzeko formatu egokiena. Ikono horientzat, SVG aukera hobea izango litzateke. Ikus dezagun zehazki zergatik:

SVG Bektore Teknologikoa da

Horrek esan nahi du ez dela raster teknologia. Bektore-irudiak matematika erabiliz sortutako lerroen konbinazioa dira. Raster fitxategiak pixel edo kolore koadro txikiak erabiltzen ditu. Horregatik, SVG eskalagarria eta perfektua da web orrialde sentikorrek gailu baten pantaila tamainan eskalatu behar dutenentzat. Bektore grafikoak matematika munduan existitzen direnean, tamaina aldatzeko, zenbakiak aldatu besterik ez dituzu. Raster fitxategiak sarritan aldaketa handia eskatzen dute dimentsionatzerakoan. Bektore-irudi batean handitu nahi duzunean, ez dago distortsiorik, sistema matematikoa delako eta arakatzaileak kalkulu-mekanografia berriz kalkulatzen du eta lerroak beti bezain leuna egiten du. Zirkulazioaren irudi batean zooma egiten duzunean, irudiaren kalitatea galduko duzu eta fitxategia fuzzy bihurtzen hasten zara koloreko pixel horiek ikusteko. Matematika zabaltzen eta kontratatzen, pixelak ez. Zure irudiak bereizmen independentea izan nahi baduzu, SVG-k gaitasun hori emango dizu.

SVG testua oinarrituta dago

Irudi bat sortzeko editore grafiko bat erabiltzen duzunean, zure artelanaren irudi bat ateratzen du. SVG ezberdina da. Software programak ere erabil ditzakezu eta irudi bat ateratzen ari zarela sentitzen duzu, baina azken produktua bektore-lerroen edo are hitz batzuen bilduma da (orriaren bektoreak besterik ez dira). Bilaketa-motorrak hitzei begiratzen die, zehazki keywords. JPG bat kargatzen baduzu, zure grafikoaren titulua eta, beharbada, alt testu- esaldiaren muga duzu. SVG kodetzeaz gain, aukerak handitzen eta bilaketa motorra duten irudiak errazago biltzeko aukera ematen du.

SVG XML da eta beste hizkuntza formatu batzuen barruan funtzionatzen du

Hau testu-kodearen bidez itzultzen da. Zure oinarrizko irudia SVG formatuan egin dezakezu eta CSS erabiltzeko argitzen . Bai, SVG fitxategiko irudi bat izan dezakezu, baina SVG kodea zuzenean sartu eta etorkizunean editatu ere egin dezakezu. CSS bidez alda dezakezu orriaren testua aldatzen duzun modu berean, eta abar. Oso indartsua da eta editatzeko erraza da.

SVG edita daiteke

Hau da seguruenik abantaila handiena. Karratu baten argazkia ateratzen duzunean, zer da. Aldaketa egiteko, eszena berrezarri eta argazki berri bat atera behar duzu. Jakin aurretik, 40 karratuen irudiak dituzu eta oraindik ere ez da nahiko zuzena. SVG-rekin, akatsen bat izanez gero, aldatu koordenatuak edo testu-editorean hitz bat, eta egin. Ezin dut horri lotu, ondo kokatuta zegoen SVG zirkulua marraztu nuenez. Guztiak egin behar izan nituen egokitu koordenatuak.

JPG Irudiak Heavy izan daitezke

Tamaina fisikoan hazten den irudia nahi baduzu, fitxategiaren tamaina handituko da. SVG-rekin, libra bat oraindik libra bat da, ez du axola nola egiten duzun. Zabalera 2 hazbeteko karratua 100 hazbeteko zabalera duen karratu berdina izango da. Fitxategiaren tamaina ez da aldatzen, hau da, orriaren errendimenduaren ikuspegitik.

Zein da hobea?

Beraz, zein da formatu hobea? SVG edo JPG? Irudiaren araberakoa da hori. Hau da "zer den hobe, mailua edo bihurkin bat" esatea? Zer egin behar duzun araberakoa da! Gauza bera gertatzen da irudi formatu hauei dagokienez. Argazki bat erakutsi behar baduzu, JPG zure aukerarik onena da. Ikonoa gehitzen ari bazara, SVG aukera hobea izango da. Hemen SVG fitxategiak erabiltzeko egokia den informazio gehiago lor dezakezu.

Jennifer Krynin-en jatorrizko artikulua. Jeremy Girard-ek argitaratua 6/6/17