TransOnline-bloggen: Språk, skriving og e-publisering

Posts Tagged ‘bildeformater

GIF, JPG, PNG – hva er forskjellen?

leave a comment »

Tekst: Solveig Hansen, 2014

GIF, JPG og PNG er de vanligste bildeformatene for web. Når bør du bruke hva?

Kortversjonen er at GIF brukes for enkel grafikk, for eksempel logoer og ikoner, JPG/JPEG (uttales «j-peg») brukes for de fleste bilder og fotografier, og GIF-erstatningen PNG (uttales «ping») kombinerer det beste fra GIF og JPG.

 
gif_jpg_png

 
GIF (Graphic Interchange Format)
GIF passer for bilder med svært lav oppløsning og store ensfargede flater, og brukes ofte for logoer og ikoner. Maks antall farger i GIF-filer er 256, noe som gjør filtypen uegnet for fotografier eller grafikk med overganger. Jo færre farger bildet her, desto mindre blir filstørrelsen. GIF-formatet støtter gjennomsiktighet. Det vil si at du kan gjøre bakgrunnen i bildet transparent slik at underlaget kommer til syne. GIF støtter også interlacing (linjesprang), en teknikk som laster inn bildet gradvis slik at du slipper å vente til hele bildet er lastet inn før du ser det på nettsiden. Dessuten har GIF støtte for animasjon, ikke av Flash-kvalitet, men bra nok til at du enkelt kan legge til en liten bevegelseseffekt i bildet. GIF-formatet bruker en komprimeringsalgoritme som gjør at bildet ikke taper kvalitet når du lagrer det.

 
JPG/JPEG (Joint Photographic Experts Group)
JPG-formatet støtter opptil 16,7 millioner farger, noe som gjør det velegnet for bilder og fotografier. De ser skarpe ut selv ved liten størrelse. JPG bruker komprimering med tap, og litt av bildekvaliteten går dermed tapt hver gang du lagrer bildet. Du bør derfor lagre originalfilen et annet sted. Ettersom komprimeringen gjør kanter litt uklare, er ikke JPG så godt egnet for bilder med tekst, store ensfargede områder eller figurer med skarpe kanter – bruk i stedet PNG i slike tilfeller. Progressiv JPG ligner på GIF med interlacing, det vil si gradvis innlasting av bildet. JPG støtter ikke gjennomsiktighet.

 
PNG (Portable Network Graphic)
Da Unisys patenterte GIF, ble PNG utviklet som en royaltyfri erstatning. PNG-formatet har tre varianter: PNG-8, PNG-24 og PNG-32. PNG-8 støtter i likhet med GIF bare 256 farger, mens de to andre variantene støtter opptil 16,7 millioner farger. PNG-24 og PNG-32 støtter dessuten gjennomsiktighet, noe PNG-8 ikke gjør. Mens et GIF-bilde enten har farget eller gjennomsiktig bakgrunn, kan et PNG-bilde ha ulike grader av gjennomsiktighet. PNG passer godt for bilder som har store områder med lik farge, og gir da mindre filstørrelse enn JPG. For fotografier kan filstørrelsen imidlertid bli svært stor. Komprimeringen er tapsfri, og ikke noe bildeinformasjon går tapt under redigering. PNG er å foretrekke fremfor JPG for bilder med tekst, mønstre eller skarpe kanter. Formatet støtter ikke animasjon slik GIF gjør. Du trenger utvidelsen MNG (Multiple-image Network Graphics) eller den nyere APNG (Animated Portable Network Graphics).
 

Written by Solveig Hansen

8.3.2018 at 15:53

#kreativweb nr. 3 er ute. Tema: Visuelle inntrykk

leave a comment »

GIF, JPG, PNG … når bruke hva? Bildetilpasning for web. Bildeeffekter i Word. Dette nummeret av #kreativweb handler om bilder. Fra krigsfotograf Robert Capas Omaha Beach til dagens iPhoneografi.

Forside kreativweb nr. 3, september 2014

#kreativweb nr. 3, september 2014

«Hvis bildene dine ikke er bra nok, er du ikke nær nok», sa Capa. Det er et råd mange fotografer gjerne gir videre. En av dem er Eric Kim, en profesjonell gatefotograf som bidrar med et bilde i denne utgaven, et svart/hvitt-fotografi av tørste unger som jeg ikke kan ta øynene fra. Jeg suges inn i fortellingen. Den visuelle historiefortelleren Laura Cook kaller det for å «male en scene gjennom bildet». Bildet hennes av en frokostkokk på et marked i Gambia spruter av farger.

Kan man ta profesjonelle bilder med iPhone? Ja visst. Hvis utstyret alene betydde noe, ville alle med et dyrt kamera ta fantastiske bilder. Sånn er det ikke, sier Emil Pakarklis, selvlært iPhoneograf som deler av fotokunnskapene sine på iPhone Photography School. I bildet jeg har valgt, viser han hvor flott vannrefleksjon er som bildeeffekt.

To andre bidragsytere er Yilang Peng og Jose Luis Barcia Fernandez, begge vinnere under iPhone Photography Awards 2014.

iPhone-bilde av Jose Luis Barcia Fernandez

iPhone-bilde tatt av Jose Luis Barcia Fernandez (@joseluisbarcia)

 
Artikler, småklipp og bilder i #kreativweb nr. 3:

  • GIF, JPG, PNG – hva er forskjellen?
  • RGB og CMYK
  • 5 tips for å tilpasse bilder for web
  • Lorempixel – kjappe plassholderbilder
  • Årets beste iPhone-bilder
  • Exposure Mobile Photo – mobilkunst
  • 10 bildeeffekter i Word
  • Visuell historiefortelling
  • iPhoneografi
  • Vil du bli gatefotograf?
  • Robert Capa og de historiske filmrullene
  •  
    Les #kreativweb nr. 3 på Issuu.com

    Se alle utgaver av #kreativweb

     
    Fototips fra proffer:

    Laura Cook: 10 tips for å bli en bedre visuell historieforteller

    Emil Pakarklis: 10 tips for å ta bedre bilder med iPhone

    Eric Kim: 10 tips for deg som vil bli gatefotograf
     

    Written by Solveig Hansen

    16.9.2014 at 18:55

    %d bloggere like this: