JPEG, GIF eller PNG: Vilken ska användas när

Avslöjande: Ditt stöd hjälper till att hålla webbplatsen igång! Vi tjänar en remissavgift för några av de tjänster vi rekommenderar på denna sida.


Försöker spara utrymme på bildfiler, men kompromissa inte med kvaliteten?

Det kan vara svårt att veta exakt vilken filtyp som är bäst att använda. Om du sparar din bild som fel typ kan du sluta göra ett vackert foto, förlora all detalj i din logotyp eller göra en transparent bakgrund svart.

På din egen dator är det enkelt att bara behålla alla dina filer som de är och uppgradera ditt lagringsutrymme om du behöver det, men när du har att göra med bildfiler online finns det mycket fler faktorer som komplicerar frågor.

JPEG, GIF eller PNG: Vilken ska användas när

Stora filer tar inte bara mycket utrymme, de tar också upp bandbredd och ökar nedladdningstiderna. Och om de viktiga bilderna på din webbplats inte laddas tillräckligt snabbt för dina besökare, kommer det att påverka din nedersta rad.

Och när det gäller värd är det inte lika enkelt att få mer utrymme att lagra dina filer som att uppgradera din hårddisk hemma. Att uppgradera din månatliga värdplan för mer lagring och bandbredd kan bli dyr mycket snabbt.

Men du kan inte bara komprimera eller minska storleken på alla dina filer; Du måste också oroa dig för bildkvaliteten. Är det ett färgfoto eller svartvitt med mycket detaljer du behöver hålla? Kanske är det en logotyp med skarpa, rena linjer som du inte vill bli luddiga eller pixelerade? Eller så kan du ha en bild med speciella överväganden, som en transparent bakgrund eller till och med animering. Vet du vilka filtyper som stöder dessa funktioner, och vilka kommer att förlora de specialeffekterna?

Om du vill veta exakt vilken är den perfekta bildfiltypen att använda för vilka bilder och spara mycket utrymme och bandbredd i processen samtidigt som du håller en kvalitetsbild, kolla in den praktiska referensen nedan för fakta.

Know-Din-file-Typer

När ska du använda JPEG, GIF och PNG

Digitala bilder fyller våra inkorgar, tar upp datorminnesplats och tar tid att ladda på en webbsida. När du arbetar med digitala bildfiler finns det vissa filtyper att använda för varje omständighet.

Vad är en JPEG?

  • Filändelse: .JPG eller .JPEG
  • “JPEG” står för “Joint Photographic Experts Group.”
    • Gruppen designade formatet 1986.
  • Uttalade “jay-peg”
  • 24-bitars dataformat
  • Kan visa miljontals färger
  • Använder en mycket komplex komprimeringsalgoritm
    • För att minska filstorleken
    • Låt bildinformationen “glömmas” och fyll sedan i när den visas
      • Kallas “lossy” -komprimering för de förlorade data
      • Det mänskliga ögat ser inte färgdetaljer såväl som ljusa och mörka detaljer, så vissa färgdetaljer kan offras för att spara filutrymme.
    • 60-75% komprimering är vanligtvis optimal för användning på webbplatsen.
    • Används när en liten filstorlek är viktigare än maximal kvalitet
  • Standardfilformat för digitalkameror och webbsidor.
  • Kompatibel på många plattformar (PC och Mac) och andra program (webbläsare och bildredigerare).
  • I mars 2014 skapade Mozilla moz jpeg-formatet.
    • Fungerar i det nuvarande, igenkännbara jpeg-formatet.
    • Fungerar med befintliga plattformar, till exempel webbläsare.
    • Minskar filstorleken upp till 15% mer utan att förlora kvaliteten.
    • Användbart för webbsidor, särskilt Facebook, för snabbare uppladdning.
  • JPEG Mini-verktyg
    • Verktyg som JPEG Mini låter dig komprimera foton upp till 5 gånger utan att förlora kvaliteten.
    • Mindre filstorlekar innebär mindre lagringsutrymme som behövs och snabbare uppladdning.

När du ska använda JPG:

  • Endast stillbilder
  • Bilder i verklig värld som foton
  • Komplex färg
  • Skuggning av ljus och mörkt

Vad är en GIF-fil?

  • Filändelse: .GIF
  • “GIF” står för “Graphics Interchange Format”
  • Skapades av CompuServe 1987 för att snabbt överföra bilder över långsamma anslutningar.
  • Uttalade “jif”
    • Offentlig debatt om “gif” eller “jif”
    • Skaparen Steve Wilhite uttalade att rätt uttal är “jif.”
  • Använder 256 indexerade färger
    • Använder dithering, en process där två pixelfärger kombineras för att göra en för att minska antalet färger som behövs.
  • Medger enkelbitars transparens
    • En färg kan väljas för att vara transparent.
  • Kan sammanflätas
    • Progressiv lastning visar en version av låg kvalitet först och sedan läggs bättre detalj till.
  • Kan animeras
  • Använder förlustfri komprimering
    • Färre färger betyder att filer startar ännu mindre än JPEG.
    • Komprimering förlorar inga data.

När man ska använda GIF?

  • Webgrafik med få färger
  • Små ikoner
  • animationer
  • Enkla bilder
    • Linjeteckningar
    • Enfärgade gränser
    • Enkla serier

Vad är en PNG-fil?

  • Filändelse: .PNG
  • “PNG” står för “Portable Network Graphics”
  • Designad i mitten av 1990-talet som en väg runt patentfrågor med GIF-format, inklusive fördelar från både GIF och JPEG.
  • Uttalade “ping” eller “P-N-G”
  • Förlustfri komprimering, så ingen dataförlust.
  • PNG-8
    • Mycket lik GIF
    • 256 färger och 1-bitars transparens
    • PNG-8-filer är ännu mindre än GIF-filer
  • PNG-24
    • 24-bitars färg, liknande JPEG
    • Kan innehålla över 16 miljoner färger
    • Förlustfri komprimering betyder större filer än JPEG
  • Alfa-kanaler
    • PNG-filer gör att transparens kan ställas in på en skala mellan ogenomskinlig och helt transparent, vilket möjliggör ett blekt, genomskinligt utseende.
    • PNG-bilder kan läggas på valfri färgbakgrund och bibehålla det ursprungliga utseendet
    • Vissa äldre webbläsare kan ha problem med att stödja PNG-filer på grund av alfakanaler.

När du ska använda en PNG-fil?

  • Webbbilder som logotyper som innebär transparens och blekning.
  • Bilder mitt i redigeringsprocessen.
  • Komplexa bilder som fotografier om filstorlek inte är ett problem.

Vad ska du använda?

JPEG är bäst för …

  • Stillbilder
  • fotografier
  • Många färger
  • Skuggning av ljus och mörkt

GIF är bäst för …

  • animationer

PNG är bäst för …

  • Webbbilder (PNG-8)
  • Logotyper som innebär transparens och blekning
  • Bilder i redigeringsprocessen (PNG 24)
  • Komplexa bilder som fotografier om filstorlek inte är ett problem (PNG-24)

Med de olika tillgängliga bildfilformaten kan du använda rätt format för dina bilder för att spara kvalitet och utrymme på din webbplats, i dina e-postmeddelanden och dina personliga digitala klippböcker.

källor

  • Bildfilformat – yourhtmlsource.com
  • Bildfilformat – JPG, TIF, PNG, GIF .. Vilken ska jag använda? – scantips.com
  • JPEG – techterms.com
  • Vad är skillnaden mellan JPEG, GIF och PNG? – info.eps.surrey.ac.uk
  • Mozilla och Facebook Hämtar ytterligare fem procent från alla JPEG: er – register.se
  • JPEG – jpeg.org
  • Dina foton på en diet – jpegmini.com
  • GIF – techterms.com
  • Skaparen av GIF säger att det är uttalat JIF. Han är fel – gizmodo.com
  • PNG – techterms.com
  • Varför använda PNG-formatet? – soliddocuments.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map