PNG kontra SVG.

Hvis du arbejder med digitale logoer og grafikker i høj kvalitet, bør du overveje at gemme dine filer som PNG eller SVG. Det er begge alsidige formater med høje opløsninger, også i stort omfang. Lær om de vigtigste forskelle på PNG og SVG, samt hvordan man bruger hver enkelt filtype.

PNG kontra SVG marquee-billede

Du vil lære mere om.

 

  • Hvad er en PNG-fil?
  • Hvad er en SVG-fil?
  • Hvad er forskellen på PNG- og SVG-filer?
  • PNG- kontra SVG-filer: ofte stillede spørgsmål

 

 

Hvad er en PNG-fil?

PNG-filer (Portable Network Graphics) er rasterbaserede filer. De har høje opløsninger, komprimering uden tab, gennemsigtighed og er i stand til at håndtere 16 millioner farver. Dette gør dem til et fremragende valg til grafikker, logoer, diagrammer og illustrationer - samt meget detaljerede fotografier. På grund af de store filstørrelser, der er knyttet til PNG-filer, er de ikke ideelle til online fotos.

 

Lær mere om PNG-filer

 

 

Hvad er en SVG-fil?

SVG-filer (Scalable Vector Graphics) fungerer godt til logoer og grafikker, fordi du kan skalere dem op eller ned i størrelse til forskellige formål. De er også et populært valg inden for webdesign, fordi søgemaskiner som Google kan læse deres XML-programmeringssprog. Dette hjælper med søgemaskineoptimering og rangordninger af websteder.

 

I modsætning til PNG-filer er SVG-filer vektorbaserede. Det betyder, at de anvender matematiske algoritmer til at vise billeder, som du derefter kan tilpasse i enhver størrelse uden at påvirke deres kvalitet negativt.

 

Lær mere om SVG-filer

 

 

Hvad er forskellen på PNG- og SVG-filer?

Der er en masse overlapninger mellem PNG og SVG. Find ud af hvad der adskiller dem.

 

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.

 

 

PNG- kontra SVG-filer: ofte stillede spørgsmål.

Hvordan konverterer jeg et rasterbillede til SVG?

Hvis du vil konvertere en standard rasterbilledfil som en JPEG eller PNG til en vektorbaseret SVG, skal du følge disse simple trin:

 

  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.

 

Hvordan konverterer jeg en SVG til PNG?

Følg disse simple trin for at konvertere din SVG-fil til PNG vha. Adobe Photoshop:

 

  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.

 

Hvilken vektorfil egner sig bedst til tryk?

Der findes adskillige vektorfiler, der er beregnet til tryk, så dit valg afhænger af dokumentet. PDF-filer er det mest alsidige vektorformat til hverdagens trykformål. Til trykjob i stor skala vil du sikkert vælge en SVG eller AI.

 

Skal jeg vælge en PNG eller JPEG?

JPEG-filernes komprimering med tab og 24-Bit farve adskiller den som den foretrukne billedfil til webfotos. Men JPEG-filer er ikke så detaljerede som PNG-filer, når det er på tryk. JPEG-filer har desuden den samme skalerbarhed eller definition - så de er ikke den bedste løsning til logoer og grafikker.

 

Hvad er forskellen på en PNG og en GIF?

Mens de begge er standard rasterfilformater på tværs af internettet, er en PNG i bund og grund næstegenerationsversion af en GIF. Men der er stadig forskelle på dem. For eksempel understøtter PNG-filer ikke animation.

 

Gælder der størrelsesbegrænsninger for PNG- og SVG-filer?

PNG-filer har en begrænsning på 2.500 megapixler. Der er ingen begrænsninger i størrelsen på vektorfiler, herunder SVG-filer.

Sammenlign PNG-filer og SVG-filer med andre filtyper.

EPS- kontra SVG-billede

EPS kontra SVG

Se hvordan det ældre filformat, EPS, er sammenlignet med SVG.

JPEG- kontra PNG-billede

JPEG kontra PNG

Find den rigtige løsning blandt disse standard rasterbilledfiler.

PNG- kontra TIFF-billede

PNG kontra TIFF

Oplev, hvordan disse filer klarer store billeder i HD. 

GIF- kontra PNG-billede

GIF kontra PNG

Lær hvorfor PNG er næstegenerations GIF - og om formatet er det rigtige til dit næste projekt.

Køb Adobe Illustrator

Skab smuk vektorgrafik og illustrationer

7 dage gratis, derefter 186,25 DKKom måneden.