PNG og SVG.

Hvis du arbeider med digitale logoer og grafikkelementer av høy kvalitet, kan du vurdere å lagre filene i PNG- eller SVG-format. Begge er allsidige formater med høye oppløsninger, selv i stor skala. Finn ut mer om hovedforskjellene mellom PNG og SVG, samt hvordan du bruker hver av filtypene.

PNG vs SVG marquee image

Dette får du svar på.

 

  • Hva er en PNG-fil?
  • Hva er en SVG-fil?
  • Hva er forskjellen mellom PNG- og SVG-filer?
  • PNG- og SVG-filer: vanlige spørsmål

 

 

Hva er en PNG-fil?

PNG-filer (Portable Network Graphics-filer) er rasterbaserte. De har høy oppløsning, komprimering uten datatap, gjennomsiktighet og muligheten til å håndtere 16 millioner farger. Dette gjør dem til et utmerket valg for grafikk, logoer, diagrammer og illustrasjoner – i tillegg til for svært detaljerte fotografier. På grunn av de store filstørrelsene knyttet til PNG-filer, er ikke disse ideelle for nettbilder.

 

Mer informasjon om PNG-filer

 

 

Hva er en SVG-fil?

Scalable Vector Graphics-filer (SVG-filer) fungerer godt for logoer og grafikk fordi du kan skalere dem opp eller ned for ulike formål. Det er også et populært valg innen webdesign fordi søkemotorer som Google kan lese XML-programmeringsspråket deres. Dette er til hjelp for søkemotoroptimalisering og webområderangeringer.

 

I motsetning til PNG-filer, er SVG-filer vektorbaserte. Dette betyr at de bruker matematiske algoritmer for å vise bilder, som du deretter kan skalere til en hvilken som helst størrelse uten å påvirke kvaliteten negativt.

 

Mer informasjon om SVG-filer

 

 

Hva er forskjellen mellom PNG- og SVG-filer?

PNG og SVG har mye til felles. Finn ut hva som skiller dem.

 

Raster og vektor.

Den kanskje mest grunnleggende forskjellen mellom PNG og SVG er at den ene er en rasterfiltype og den andre er vektorbasert.

 

PNG er et rasterbasert – eller pikselbasert – bildeformat. Hvis du skalerer opp et rasterbilde for mye, blir det kornete og pikselert. Hvis bildet imidlertid er for lite, kan det bli utydelig. PNG-filer er i stand til å håndtere svært høye oppløsninger, men de kan ikke utvides i det uendelige.

 

SVG-filer er på den annen side vektorbaserte – utviklet fra et komplekst matematisk nettverk av linjer, prikker, former og algoritmer. De kan utvides til alle størrelser uten å miste oppløsningen.

 

Finn ut mer om raster og vektor

 

Filstørrelser.

PNG-filstørrelser er ofte store, slik at de kan håndtere høye oppløsninger. Størrelsen deres betyr at det kan ta lengre tid å behandle, dele, lagre og åpne dem. Det kan også redusere innlastingstiden for sidene og det er grunnen til at JPEG-filer er mer vanlige for nettfotografering. Det finnes imidlertid en mindre 8-bits PNG-variant, men den kan kun støtte 256 farger.

 

SVG-filer er langt mindre enn PNG-filer og vil mest sannsynlig ikke redusere hastigheten på datamaskinen eller webområdet. (Svært detaljert design kan imidlertid gjøre en SVG-fil tregere.) SVG er et vektorfilformat, og derfor kan du skalere SVG-filer opp eller ned uten tap av kvalitet.

 

Komprimering.

SVG-filer tilbyr komprimering uten datatap noe som betyr at de kan komprimeres til mindre filstørrelser uten at det går på bekostning av definisjonen, detaljene eller kvaliteten.

 

PNG-filer drar også nytte av komprimering på 5–20 % uten datatap, noe som kan bidra til å veie opp for den store filstørrelsen. De kommer imidlertid sannsynligvis fortsatt til å være større enn tilsvarende SVG-filer.

 

Fotografering.

PNG-filer er ikke et vanlig valg for nettbilder, som diskutert ovenfor. De kan imidlertid håndtere svært detaljerte digitale bilder av høy kvalitet for utskrift, redigering og andre formål. Det er et vanlig filformat i Adobe Photoshop.

 

SVG-filer bruker imidlertid ikke piksler så de har problemer med å vise fotografier med høy standard.

 

Bruk på nettet.

Både PNG- og SVG-filer kan vise intrikate detaljnivåer for webgrafikk, illustrasjoner, logoer, infografikk og tabeller.

 

SVG har imidlertid en viktig fordel med XML-programmeringsspråket. Dette betyr at hver SVG-fil som vises, er skrevet i tekst i stedet for kode. Som et resultat kan skjermlesere og søkemotorer analysere dem, noe som gjør dem til et godt valg for tilgjengelighets- og SEO-formål.

 

SVG-filer er også vanligvis mindre, noe som gjør dem raskere å laste inn på en side. Sideinnlastingstider er et annet viktig element i søkemotorrangeringer.

 

PNG støtter også en del tekstbasert grafikk men ikke i samme grad.

 

Kompatibilitet og kompleksitet.

SVG regnes som en mer avansert filtype enn PNG, men filene er faktisk ikke kompatible med alle nettlesere og operativsystemer. I tillegg kan programmeringsspråket og den vektorbaserte utformingen være ukjent og skremmende for nye brukere.

 

PNG-filer er på sin side et standard nettformat som har bred støtte fra nettlesere og operativsystemer.

 

Animasjon.

PNG-filer støtter ikke animasjon – i motsetning til den lignende rasterbaserte bildefiltypen GIF.

 

SVG-filer støtter animasjon, men ikke i like stor grad som andre filtyper, for eksempel AI, standardformatet for Adobe Illustrator.

 

Mer informasjon om AI-filer

 

Gjennomsiktighet.

PNG- og SVG-filer støtter gjennomsiktighet så de er begge utmerkede valg for logoer og grafikk på nettet.

 

Det er verdt å merke seg at PNG-filer er et av de beste valgene for en rasterbasert gjennomsiktig fil. Hvis du arbeider med piksler og gjennomsiktighet, er PNG-filer et bedre alternativ enn SVG-filer.

 

 

PNG- og SVG-filer: vanlige spørsmål.

Hvordan konverterer jeg et rasterbilde til SVG-format?

Hvis du vil konvertere en standard rasterbildefil, for eksempel en JPEG- eller PNG-fil, til en vektorbasert SVG-fil, må du følge disse enkle trinnene:

 

  1. Åpne Adobe Illustrator.
  2. Klikk på File > Open og velg bildet fra datamaskinen.
     
  3. Kikk på Open.
     
  4. Klikk på Trace-alternativet fra den øverste menyen og velg Image Trace.
     
  5. Juster konverteringen etter dine spesifikasjoner dette kan for eksempel være endring av fargen.
  6. Etter at prosessen er fullført, velger du sporingsbildet og klikker på Ungroup. Dette vil skille fargeformene dine.
     
  7. Klikk på File > Export.
     
  8. Lagre filen som en SVG-fil.

 

Hvordan konverterer jeg en SVG-fil til PNG-format?

Følg disse enkle trinnene for å konvertere SVG-filen til PNG ved hjelp av Adobe Photoshop:

 

  1. Åpne Adobe Photoshop.

  2. Klikk på Fil > Åpne.
  3. Velg SVG-filen fra datamaskinen.
  4. Klikk på Eksporter > Eksporter som > PNG.
     
  5. Lagre filen som en PNG-fil.

 

Hva er den beste vektorfilen for utskrift?

Det finnes flere utmerkede vektorfiler for utskriftsbruk, så valget avhenger av det aktuelle dokumentet. PDF er det mest allsidige vektorformatet for daglig utskriftsbruk. For store utskriftsjobber kan du velge SVG eller AI.

 

Bør jeg bruke PNG eller JPEG?

JPEG-formatets komprimering med datatap og 24-bits farge gjør det til det beste bildefilformatet for nettbilder. JPEG-filer er imidlertid ikke så detaljerte som PNG-filer når det gjelder utskrift. JPEG-filer har heller ikke samme skalerbarhet eller definisjon – så de er ikke det beste valget for logoer og grafikk.

 

Hva er forskjellen mellom en PNG- og en GIF-fil?

Begge er standard rasterfilformater, men PNG er i hovedsak neste generasjons versjon av en GIF. Likevel er det fortsatt flere forskjeller mellom dem – for eksempel støtter ikke PNG-filer animasjon.

 

Gjelder størrelsesbegrensninger for PNG- og SVG-filer?

PNG-filer har en grense på 2500 megapiksler. Det er ingen grenser for størrelsen på vektorfiler, inkludert SVG-filer.

Sammenlign PNG- og SVG-filer med andre filtyper.

EPS og SVG – bilde

EPS og SVG

Finn ut hvordan det eldre filformatet, EPS, er sammenlignet med SVG.

JPEG og PNG – bilde

JPEG og PNG

Finn det riktige valget fra disse standard rasterbildefilene.

PNG og TIFF – bilde

PNG og TIFF

Se hvordan disse filene håndterer høyoppløselige bilder i stor skala. 

GIF og PNG – bilde

GIF og PNG

Finn ut hvorfor PNG er neste generasjons GIF – og om det er det riktige valget for ditt neste prosjekt.

Få Adobe Illustrator

Opprett flotte vektorillustrasjoner.

7 dager gratis og deretter NOK 236,25 per md.