Når du vælger fotos til dit .ebsted, er det ikke kun det, der er på billederne, der betyder noget. Faktisk kan det være lige så vigtigt at vælge det rigtige billedformat. Så lad os tale om JPG vs PNG, som at vælge, og hvorfor.

Hvis du går efter et forkert format, kan du ende med et langsommere websiteebsted, højere afvisningsfrekvenser og lavere konverteringsfrekvenser – og det er ikke det, du ønsker, især når det let kan undgås.,

forskellen mellem PNG og JPG

lad os starte med de grundlæggende definitioner.

PNG står for bærbar netværksgrafik med såkaldt “tabsfri” komprimering. Det betyder, at billedkvaliteten var den samme før og efter komprimeringen.

JPEG eller JPG står for Joint Photographic Experts Group, med en såkaldt “lossy” komprimering.

som du måske har gættet, er det den største forskel mellem de to. JPEG-filer’ kvalitet er betydeligt lavere end for PNG-filer.

den lavere kvalitet er dog ikke nødvendigvis en dårlig ting.,

Hvad er JPEG?

JPEG-billeder er et almindeligt valg for billeder produceret af digital fotografering, og de er et godt valg til billeder med komplekse farver og skygge. selvom tabet i kvalitet er lidt opfattende med JPG ‘s 10: 1-komprimering, gør den mindre størrelse JPEG’ er egnede til webebbrug, fordi det er nyttigt at reducere mængden af data, der bruges til et foto, til lydhør præsentation.

På den anden side er JPG-billeder ikke det bedste valg til stregtegninger og anden tekstlig eller ikonisk grafik på grund af de skarpe kontraster mellem tilstødende pi .els., Hvis du vil bruge et billede af den type til dit .ebsted, skal du sandsynligvis overveje at bruge tabsfri grafikformater.

Hvad er PNG?

PNG blev oprettet som en forbedret erstatning for GIF ‘ er, og det er blevet det mest almindelige tabsfri billedkomprimeringsformat på internettet.

så hvad er en png-fil?

kendt som Portable Net Graphicsork Graphics, kan PNG billede være palette-baserede, gråtoner, og fuld-farve ikke-palette-baserede RGB / RGBA.,

PNG-filformat er designet specielt til overførsel af billeder på internettet i stedet for til udskriftsgrafik og understøtter som følge heraf ikke-RGB-farverum som CMYK.

det store plus er det .png tilbyder en række gennemsigtighedsniveauer, hvilket betyder, at PNG-baggrund kan være helt gennemsigtig, hvilket er vigtigt for png-logodesign og lignende. Det er også det bedste valg for billeder med fade effekter.,

JPG vs PNG – den grundlæggende regel

da både JPG-og PNG-format har deres fordele og ulemper, skal du få mest muligt ud af dem begge og spille til deres styrker.

i praksis betyder det, at du skal bruge .jpeg til fotografier, og .png til grafik og skærmbilleder.

betyder det virkelig noget?

Når du taler JPG vs PNG og sammenligner de to side om side, er sandheden, at du ikke kan se meget af en forskel i billederne.

så hvis PNG-billeder ikke ser så meget bedre ud JPG ‘ er, hvorfor ikke altid bruge JPG-format og gøre tingene lettere for dig selv?,

Desværre er det ikke så enkelt, og årsagen til det er billedkomprimering.

du vil have billedformat af højeste kvalitet, men du vil også have et responsivt websiteebsted, så du skal virkelig tage forskellen mellem jpeg og png i betragtning og især forskellen i billedkomprimering.

tænk på det sådan: billedkomprimering betyder at reducere billedstørrelsen uden at ofre kvaliteten af hensyn til størrelsen. Generelt er stærkere komprimering lig med mindre filstørrelse, hvilket svarer til dårligere billedkvalitet.,

så hvis du vil have en god komprimering, skal du finde den rigtige balance mellem kvaliteten og størrelsen på din fil.

når du ser på det billede, der er gemt på din computer, ser du den bedste version af det, fordi filen ikke er komprimeret. Men hvis det samme billede er på hjemmesiden, skal det Do .nloades for at du kan se det.

logisk betyder det, at jo større billedet er – jo længere er indlæsningstiden.,

Billedkomprimeringstjenester

Der er mange tjenester og værktøjer til billedkomprimering, og her er nogle af de gode, du kan bruge til jpg eller PNG:

• Kraken.,io – god balance mellem størrelse og kvalitet

• Kraken WordPress plugin – automatisk komprimering af billeder du uploader til dit websted

• WP Smush – en WordPress plugin, der vil komprimere dine billeder automatisk

Billeder, som Indeholder Tekst

Fra tid til anden, vil du ønsker at bruge billeder, der indeholder tekst og vælge jpeg eller png, der virkelig betyder noget her. PNG ‘ er er normalt et bedre valg til billeder af denne type såvel som til grafik med fine detaljer.,

en vigtig forskel mellem jpg og png er, at med JPG ‘ er forekommer bogstavernes konturer såvel som de fine linjer fra grafik normalt mindre skarpe.

Regelmæssige billeder

og mens grafikken og billederne med bogstaver normalt ser bedre ud i .png-fil, med de almindelige fotos, JPG er et bedre valg for internettet, fordi hvis den mindre størrelse.

Hvis du beslutter dig for kun at bruge PNG ‘ er, vil de bremse dit websiteebsted, hvilket kan føre til frustrerede brugere.,

ændring af billedstørrelse

bortset fra komprimering kan du også overveje at ændre størrelsen på de billeder, du vil bruge til dit .ebdesign. Den gode nyhed er, at ændring af størrelse ikke er en kompliceret proces, og der er to måder at gøre det rigtigt på:

1 – Brug nogle af de værktøjer til ændring af størrelse, der giver dig mulighed for manuelt at skifte kanterne på billedet. Hvis du vil bevare det originale højde-bredde-forhold, skal du sørge for at få fat i et hjørne af billedet i stedet for en af siderne, og det giver dig mulighed for at ændre størrelsen på dit billede proportionalt.,2 – hvis du ikke vil ændre størrelsen på billedet ved manuelt at justere det, eller hvis du har brug for et billede af en bestemt størrelse, kan du bruge nogle af de avancerede grafikprogrammer, der giver dig mulighed for at specificere billedstørrelsen og derefter justere tidsbillede i overensstemmelse hermed.

nogle gange bliver billederne dog lidt ude af fokus efter at være blevet ændret, så overvej at bruge nogle af skæringsværktøjerne, før du eksporterer det som png eller jpg.

PNG vs JPG når du ikke er sikker

nu ved vi, at JPG ‘ er er bedre til fotografier, mens .png-billeder fungerer bedre for grafer og billeder med tekst., Men hvad er bedre for de billeder, der er et sted imellem?

skærmbilleder er et godt eksempel på det, fordi de ofte indeholder fotografier samt tekst og skarpe linjer.

Når det kommer til JPG vs PNG, når man taler om skærmbilleder, er det næsten altid bedre at bruge PNG-format til at bevare skarpheden og læsbarheden af teksten på billedet.

i slutningen af dagen, hvis du stadig ikke er sikker på, hvilket format du skal gå med, kan du altid gemme billedet i dem begge og derefter sammenligne dem og beslutte, hvilken du synes passer bedst til dine behov.,

Slutter tanker om JPG vs PNG forhold

Nu, at du ved, hvad PNG-fil er, og hvad forskellen mellem en PNG og JPG er, at det skal være nemmere for dig at vælge det rigtige format til at holde din hjemmeside, både gode leder, samt hurtig og responsiv.

Når vi taler om JPG vs PNG er der et par vigtige ting at huske på.

PNG er det bedste valg til grafer, billederne med tekst, skærmbilleder og til design, der kræver brug af gennemsigtighed, såsom logodesign og lignende., Den største ulempe er imidlertid, at de er større i størrelse, og de vil bremse dit websiteebsted.

JPG er på den anden side mindre og hurtigere at indlæse, men komprimeringen kommer i hånden med noget tab i kvalitet, hvilket normalt ikke er et problem for fotografier, men det kan være dårligt for tekst eller billeder, der indeholder fine linjer.

så hvilken skal du bruge? Nå, det afhænger af typen af billedet og af typen af det websiteebsted, du bygger.