PNG kontra SVG.

Raster kontra vektor.

Den nok mest grundlæggende forskel på PNG og SVG er, at den ene er en rasterfiltype og den anden en vektor.

PNG er et rasterbilledformat - med andre ord pixel-baseret. Hvis du skalerer et rasterbillede for langt op, bliver det grynet og pixeleret. Det samme gælder, at hvis billedet er for lille, kan det blive sløret. Selv om PNG-filer kan håndtere meget høje opløsninger, kan de ikke udvides uendeligt.

På den anden side er SVG-filer vektorbaserede - skabt på basis af et komplekst matematisk netværk af linjer, punkter, former og algoritmer. De kan udvides til en hvilken som helst størrelse uden at miste deres opløsning.

Find ud af mere om raster kontra vektor

Filstørrelser.

PNG-filstørrelser er ofte store, så de kan håndtere høje opløsninger. Deres størrelse betyder, at det kan tage længere at behandle, dele, gemme og åbne dem. De kan også forsinke sideindlæsningstiderne - hvilket er grunden til, at JPEG-filer er mere almindelige til online-fotografi. Der findes dog en mindre 8-Bit PNG-variant, men den kan kun understøtte 256 farver.

SVG-filer er meget mindre i størrelse end PNG-filer og nedsætter ikke hastigheden af din computer eller websted. (Men meget detaljerede design kan forsinke en SVG.) Da de har et vektorfilformat, kan du skalere SVG-filer op eller ned uden tab af kvalitet.

Komprimering.

SVG-filer tilbyder komprimering uden tab - hvilket betyder, at de kan komprimeres til mindre filstørrelser, uden at det går ud over deres definition, detalje eller kvalitet.

PNG-filer har også gavn af komprimering uden tab på 5-20 %, hvilket kan bidrage med at kompensere for deres store filstørrelse. Men de vil sandsynligvis stadig være større end en SVG.

Fotografi.

PNG-filer er ikke et almindeligt valg for webfotos, som nævnt ovenfor. Men de kan håndtere meget detaljerede, digitale fotos i høj kvalitet til tryk, redigering og andre formål. De har et almindeligt filformat i Adobe Photoshop.

SVG-filer anvender på den anden side ikke pixler - så de har problemer med at vise fotografi i en høj standard.

Brug på internettet.

Både PNG- og SVG-filer kan vise indviklede detaljeniveauer til webgrafikker, illustrationer, logoer, infografikker og tabeller.

Men SVG har en vigtig fordel med sit XML-programmeringssprog. Det betyder, at hver SVG-fil, der fremvises, er skrevet i tekst snarere end kode. Som et resultat af dette kan skærmlæsere og søgemaskiner analysere dem - så de er fantastiske med henblik på tilgængelighed og SEO-formål.

SVG-filer er normalt mindre, hvilket gør dem hurtigere at indlæse på en side. Sideindlæsningstiderne er et andet kritisk element i søgemaskinerangeringer.

PNG understøtter også nogle tekstbaserede grafikker - men ikke i samme udstrækning.

Kompatibilitet og kompleksitet.

SVG-filer betragtes som en mere avanceret filtype end PNG-filer, men de er faktisk ikke kompatible med alle browsere og operativsystemer. Desuden kan deres programmeringssprog og vektorbaserede komposition være ukendt og skræmmende for nye brugere.

PNG-filer er på den anden side et standard online-format, der i vid udstrækning understøttes af webbrowsere og operativsystemer.

Animation.

PNG-filer understøtter ikke animation - i modsætning til en lignende rasterbaseret billedfil, GIF-filen.

SVG-filer understøtter animation, men ikke så problemfrit som andre filtyper som det oprindelige AI Adobe Illustrator-format.

Lær mere om AI-filer

Gennemsigtighed.

PNG-filer og SVG-filer understøtter gennemsigtighed - så de er både fremragende valg ved online logoer og grafikker.

Det er værd at vide, at PNG-filer er en af de bedste løsninger for en rasterbaseret transparent fil. Hvis du arbejder med pixler og gennemsigtighed, er PNG-filer en bedre løsning end SVG-filer.

1. Åbn Adobe Illustrator.
2. Klik på Filer > Åbn og vælg dit billede fra din computer.
3. Klik på Åbn.
4. Klik på Sporingsindstillingen øverst i menuen, og vælg Billedsporing.
5. Finjustér konverteringen efter dine specifikationer - dette kan indebære ændring af farven.
6. Når processen er fuldført, skal du vælge dit sporingsbillede og klikke på Opløs gruppe. Derved separeres dine farveformer.
7. Klik på Filer > Eksporter.
8. Gem din fil som SVG.

1. Åbn Adobe Photoshop.
2. Klik på Filer > Åbn.
3. Vælg din SVG-fil via din computer.
4. Klik på Eksporter > Eksporter som > PNG.
5. Gem din fil som PNG.