Når du bygger et websted og tilføjer billeder til den pågældende side, er en, hvis de vigtigste ting du skal bestemme, hvilke filformater der er de rigtige, der skal bruges. Afhængigt af grafikken kan et format være meget bedre end andre.
Mange webdesignere er komfortable med JPG-filformatet, og dette format er perfekt til billeder med dyb farvedybde, som fotografier. Mens dette format også ville fungere for simpel grafik, som illustreret ikoner, er det ikke det bedste format, der skal bruges i det tilfælde. For disse ikoner ville SVG være et bedre valg. Lad os tage et kig på præcis hvorfor:
SVG er vektor teknologi
Det betyder, at det ikke er raster teknologi. Vektorbilleder er en kombination af linjer oprettet ved hjælp af matematik. Raster filer bruger pixels eller små kvadrater af farve. Dette er en grund til, at SVG er skalerbar og perfekt til lydhøre websites, der skal skaleres sammen med en enheds skærmstørrelse. Fordi vektorgrafik eksisterer i matematikens verden, for at ændre størrelsen ændrer du simpelthen tallene. Raster-filer kræver ofte en betydelig revision, når det kommer til dimensionering. Når du vil zoome ind på et vektorbillede, er der ingen forvrængning, fordi systemet er matematisk, og browseren genberegner bare den matte og gør linjerne så glatte som nogensinde. Når du zoomer ind på et rasterbillede, taber du billedkvalitet, og filen begynder at blive uklar, når du begynder at se disse pixelfarver. Math udvider og kontrakter, pixler gør det ikke. Hvis du vil have dine billeder til at være uafhængige, vil SVG give dig den mulighed.
SVG er tekstbaseret
Når du bruger en grafikeditor til at producere et billede, tager programmet et billede af dit færdige kunstværk. SVG fungerer forskelligt. Du kan stadig bruge nogle softwareprogrammer og føle, at du tegner et billede, men det endelige produkt er en samling af vektorlinjer eller lige ord (der er virkelig kun vektorer på siden). Søgemaskiner ser på ord, specifikt søgeord. Hvis du uploader en JPG, begrænser du dig selv til titlen på din grafik og måske alt tekstfrasen. Med SVG-kodning udvider du mulighederne og skaber billeder, der er mere søgemaskinevenlige.
SVG er XML og fungerer inden for andre sprogformater
Dette går tilbage til den tekstbaserede kode. Du kan lave dit basebillede i SVG og bruge CSS til at polere det. Ja, du kan have et billede, der egentlig er en SVG-fil, men du kan også kode SVG direkte ind på siden og redigere det i fremtiden. Du kan ændre det med CSS på samme måde som du vil ændre sideteksten osv. Dette er meget kraftfuldt og det gør det nemt at redigere.
SVG ændres nemt
Dette er nok den største fordel. Når du tager et billede af en firkant, er det hvad det er. For at foretage en ændring skal du nulstille scenen og tage et nyt billede. Før du ved det, har du 40 billeder af kvadrater og har det stadig ikke rigtigt. Med SVG, hvis du laver en fejl, skal du ændre koordinaterne eller et ord i en teksteditor, og du er færdig. Jeg kan forholde mig til dette, fordi jeg tegnede en SVG-cirkel, der ikke var placeret korrekt. Det eneste jeg måtte gøre var at justere koordinaterne.
JPG-billeder kan være svære
Hvis du vil have dit billede vokset i fysisk størrelse, vil den også vokse i filstørrelse. Med SVG er et pund stadig et pund, uanset hvor stor du gør det. En firkant, der er 2 inches bred, vil veje det samme som en firkant, der er 100 inches bred. Filstørrelsen ændres ikke, hvilket er fremragende ud fra et sidesynspunkt!
Så hvad er bedre?
Så hvad er et bedre format - SVG eller JPG? Det afhænger af selve billedet. Det er som at spørge "Hvad er bedre, en hammer eller en skruetrækker?" Det afhænger af, hvad du har brug for at opnå! Det samme gælder for disse billedformater. Hvis du skal vise et billede, er JPG det bedste valg for dig. Hvis du tilføjer et ikon, er SVG sandsynligvis et bedre valg. Du kan lære mere om, hvornår det er hensigtsmæssigt at bruge SVG-filer her.
Originalartikel af Jennifer Krynin. Redigeret af Jeremy Girard den 6/6/17
