Vergelijking van bmp png gif jpeg-formaten. Grafisch formaat. JPEG, GIF en PNG zijn de meest voorkomende grafische formaten

15.06.2014

Bij het maken van sites in de lay-outfase, is het altijd de taak om een ​​bepaald formaat te kiezen voor het opslaan van afbeeldingen. Afbeeldingen kunnen worden opgeslagen in elk formaat PNG, JPEG, GIF en een tiental andere, maar welk formaat moet je kiezen om over te zetten? betere kwaliteit met minimale maat van het resulterende afbeeldingsbestand?

Welk bestandsformaat moet je kiezen?

GIF-formaat beperkt tot 256 kleuren. Het is een verliesvrij formaat en bereikt minimale beeldcompressie. Het GIF-formaat ondersteunt animatie (de enige van alle formaten) en transparantie, maar semi-transparante afbeeldingen kunnen er niet in worden opgeslagen. Vanwege de eigenaardigheden van het algoritme comprimeert het zeer goed afbeeldingen waarin verticale lijnen zijn (voor het web kunnen dit bijvoorbeeld verticale scheidslijnen, monochrome pictogrammen, grafische stippen, enz.) Het kan worden gebruikt om tekeningen, tekst en symbolische afbeeldingen in een kleine bestandsgrootte.

PNG-indeling is een verliesvrij compressieformaat. In dit formaat is elke pixel 3 kleur kanaal(RGB - rood, groen, blauw), waardoor full colour beeldvorming wordt gerealiseerd zonder vervorming. Op kleurkwaliteit PNG-indeling kan groter zijn dan JPG, maar zal ook groter zijn in bestandsgrootte. PNG-formaat ondersteunt verschillende niveaus transparantie (doorschijnendheid). Vanwege de eigenaardigheden van het algoritme comprimeert het afbeeldingen zeer goed, waarbij er is horizontale lijnen... En wanneer de taak is om te kiezen om het bestand op te slaan in GIF- of PNG-indeling, voor gevallen waarin de afbeelding een primitieve regel is, moet u letten op de positie van deze regels - d.w.z. in GIF-formaat is het de moeite waard om afbeeldingen met verticale lijnen op te slaan, in PNG - horizontaal. PNG is goede keuze voor het opslaan van tekeningen, tekst en iconische afbeeldingen in een kleine bestandsgrootte.

JPG-formaat is een formaat met kleurverlies. Het algoritme van werk in dit formaat is zodanig dat het afbeeldingen met verlopen zeer goed comprimeert (de kleuren van de eerste pixel in het verloop en de laatste blijven behouden, en wanneer de afbeelding wordt weergegeven, worden alle tussenliggende kleuren tussen deze punten berekend), wat het handig maakt voor het opslaan van afbeeldingen in een kleiner formaat dan het BMP-formaat. Foto's, overflows, logo's, achtergronden, etc. bewaar je het beste in JPG-formaat.

Dus bij het ontwikkelen van sites kun je heel veel bereiken goede resultaten in snelheid vanwege de juiste keuze opslagformaat voor afbeeldingen.

Als je het materiaal leuk vindt - klik dan op de knop =)

Meest populair grafische formaten waarmee internetgebruikers te maken hebben - JPEG, GIF en PNG. Laten we het hebben over de kenmerken van elk van hen, laten we geven korte beschrijving en geef de omvang aan. Laten we ook analyseren hoe u afbeeldingen snel opnieuw kunt formatteren met verschillende programma's en zelfs grafische editors, omdat niet elk apparaat nieuwe of minder gangbare beeldformaten kan lezen.

Wat is een grafisch formaat?

Laten we om te beginnen een paar woorden zeggen over het concept van een grafisch formaat, om duidelijk te maken waar we precies mee te maken hebben. Deze definitie geeft de opslagmethode aan, dat wil zeggen alle soorten afbeeldingen en foto's. Elk grafisch formaat heeft zijn eigen methoden, kenmerken en reikwijdte. Afhankelijk hiervan heeft dezelfde afbeelding met een andere extensie mogelijk: verschillende maat, kleurdiepte, gebruikskenmerken.

Raster-, vector- en zelfs complexe formaten worden onderscheiden. Maar in dit artikel zullen we het alleen hebben over rasterafbeeldingen en hoe het wordt opgeslagen, aangezien de meeste bestanden een extensie hebben die aangeeft dat de afbeelding erbij hoort.

JPEG - oud en betrouwbaar

Laten we beginnen met misschien wel de meest populaire en wijdverbreide extensie. JPEG (ook wel aangeduid met een andere afkorting - JPG) wordt dus het vaakst op internet gevonden. Onthoud: zelfs uw foto's die met een camera of telefoon zijn gemaakt, hebben een .jpeg-extensie.

In dit formaat wordt de methode veel gebruikt, wat soms de kwaliteit van de afbeelding aantast. Het is behoorlijk populair, hoewel het een licentie vereist om het te gebruiken. De kleurdiepte bereikt 24 bits.

GIF - ontworpen om geanimeerde afbeeldingen en meer op te slaan

Dus, het uit elkaar halen met jou JPEG-formaat, we moeten de op één na populairste noemen - GIF. Het is een van de oudste rasterafbeeldingen ter wereld. Het wordt ook gebruikt om afbeeldingen uit te wisselen via internet, met name - E-mail... Compressie vindt plaats zonder kwaliteitsverlies en de kleurdiepte is 8 bits. Ondersteunt niet alleen transparantie, maar ook animatie.

Het is vermeldenswaard dat bij het converteren het animatie-effect verloren gaat, tenzij het bestandsformaat dat u hebt gekozen dit natuurlijk niet ondersteunt.

PNG als de nieuwste analoog van GIF

We hebben de JPEG- en GIF-formaten met u uitgezocht, laten we het nu hebben over PNG. Veel internetgebruikers noemen het een verbeterde versie van GIF. De reden hiervoor is dat het gebaseerd is op dezelfde opslagmethoden als in .gif-bestanden. Laten we er meteen aan herinneren dat het, in tegenstelling tot zijn voorganger, geen licentie vereist, wat belangrijk is.

Bij het comprimeren van informatie lijdt de beeldkwaliteit niet, zoals in het vorige formaat. Het belangrijkste verschil is dat je een onbeperkt aantal kleuren kunt gebruiken. Opgemerkt moet worden dat de kleurdiepte tot 48 bits kan zijn. Vanwege het feit dat het formaat relatief nieuw is, is het nog niet wereldwijd populair geworden, maar nu is het wel te vinden op internet.

Hoe een tekening converteren? Programma's voor het wijzigen van de extensie

We hebben dus het formaat JPEG, GIF en PNG gedemonteerd - de meest voorkomende extensies die verwijzen naar Laten we het nu hebben over hoe we het formaat van deze of die afbeelding kunnen wijzigen.

Soms moet u met zo'n probleem worden geconfronteerd wanneer de browser, het programma of het apparaat een bestand met een of andere extensie niet ondersteunt, vooral als het apparaat oud is en het formaat relatief nieuw is. In dergelijke gevallen moet de afbeelding opnieuw worden geformatteerd. Hoe dit probleem zo snel mogelijk op te lossen?

Om het formaat te wijzigen, kunt u het standaard Paint-programma gebruiken. Laten we bijvoorbeeld eens kijken hoe we een afbeelding naar JPEG-indeling kunnen converteren. Om dit te doen, opent u gewoon gewenste foto door het gebruiken van Verfprogramma's of door te klikken op gewenste afbeelding klik met de rechtermuisknop muis, selecteer "Wijzigen". Nadat u de afbeelding hebt geopend, selecteert u het item "Opslaan als" in het menu "Bestand" (in nieuwe versies is dit het hoofdmenu van het programma) en specificeert u vervolgens het formaat dat u nodig hebt in het venster, in in dit geval-JPEG of JPG.

Bekend bij alle CorrelDRAW, PhotoShop, evenals speciale fotoconverters: PicJet Converter, FastStone PhotoResizer en vele anderen zijn geschikt voor dezelfde doeleinden. Sommigen van hen laten u toe om te doen batchverwerking afbeeldingen, wat de tijd om ermee te werken aanzienlijk verkort.

Resultaat

We hebben uitgezocht wat een grafisch formaat is, gewezen op de belangrijkste verschillen tussen de belangrijkste populaire grafische formaten, hun reikwijdte, en gaven een korte beschrijving van elk van hen. We kwamen er ook achter dat het JPEG-formaat momenteel het populairst is.

We hebben ook geleerd hoe we de beeldverhouding snel kunnen wijzigen met behulp van standaard programma's geïnstalleerd op een computer of laptop. Ze zeiden ook een paar woorden over het feit dat er speciale converters zijn waarmee je snel en gemakkelijk kunt wisselen

We uploaden allemaal afbeeldingen, maken foto's, maken "memes" om in te delen sociale netwerken... Veel mensen plaatsen afbeeldingen zonder zelfs maar na te denken over welk grafisch bestandsformaat het meest geschikt is voor een bepaald geval. Dit artikel is niet van toepassing op professionals op het gebied van raster- en vectorafbeeldingen. Voor het overige is deze korte analyse van grafische formaten niet overbodig om beter te begrijpen voor welke doeleinden een bepaald formaat moet worden gebruikt. Laten we beginnen.

Korte analyse van grafische bestandsformaten

1. JPG / JPEG / JFIF
2. TIF / TIFF

Raster versus vector

Voordat we verder gaan met de vijf bestandsindelingen die we hebben gekozen, is het goed om te weten dat er twee grote grafische families zijn, raster en vector, en dat alle onderstaande afbeeldingsbestandsindelingen in de rasterfamilie vallen.

In rasterafbeeldingen wordt een afbeelding samengesteld uit pixels, terwijl vectorafbeeldingen samengesteld uit paden, zogenaamde lijnstukken.

Bestanden comprimeren

Bovendien kunnen beeldbestandsindelingen worden onderscheiden op basis van compressie-effecten die compressie worden genoemd. Er zijn genoeg soorten compressieschema's een groot aantal van, maar de essentie van hun bestaan ​​kan in één taak worden samengevat - het rasterbestand zo efficiënt mogelijk comprimeren. Samenpersen grafisch bestand het slaat nergens op, omdat de grootte niet afhangt van de schaal, maar van het aantal paden erin.

Compressie kan zeer efficiënt afbeeldingen letterlijk twee of meer keer comprimeren. Maar hierdoor is er bijna altijd kwaliteitsverlies, omdat het belangrijkste compressiealgoritme is om meerdere pixels te selecteren en deze te vervangen door een of twee vergelijkbare in schaduw. Een compressiebestand zal nooit een nauwkeurige weergave zijn van het origineel, op enkele uitzonderingen na. Laten we hier verder over praten. Bestandscompressie is meestal geschikt voor kleine foto's en niet geschikt voor prof. tekeningen of hoogwaardige illustraties, presentaties.

Compressie zonder verlies is hetzelfde origineel bestand omdat ongecomprimeerde compressie een nauwkeurige weergave is van het origineel.

JPG / JPEG / JFIF-afbeeldingen

Afkorting van: Joint Photographic Experts Group - Joint Photographic Experts Group.

Bestandsextensies: .jpg / .jpeg

Het meest voorkomende formaat onder rasterbestanden afbeeldingen. Digitale fototoestellen sla hun afbeeldingen in dit formaat op. JPEG-bestanden gebruik een lossy compressietechniek die de bestandsgrootte aanzienlijk kan verkleinen zonder de kwaliteit aanzienlijk in gevaar te brengen.

minpuntjes: Dit formaat is niet bestand tegen degradatie van generaties. Dit betekent dat elke keer dat u bewerkt en opslaat, de beeldkwaliteit van elke nieuwe versie het bestand zal verslechteren.

Toepasbaarheid:: ondoorzichtige afbeeldingen, apparaten voor het vastleggen van afbeeldingen (gadgets, camera's, actiecamera's).

PNG-beeldformaat

Afkorting van: Draagbaar netwerk Graphics is een draagbare grafische netwerkkaart.

Bestandsextensie: .png

Dit gratis alternatief GIF met open broncode dat 16 miljoen kleuren ondersteunt, in tegenstelling tot GIF, dat maximaal 256 kleuren heeft. het beste formaat bestanden voor afbeeldingen met behoud van de kleurbron. Het formaat is geschikt voor een perfecte toonbalans. geanimeerd PNG-bestand beschikbaar in APNG-formaat. Deze bestanden hebben meestal: transparante achtergrond.

minpuntjes: Meest geschikt voor grote bestanden. Het PNG-formaat zelf ondersteunt geen geanimeerde afbeeldingen.

Toepasbaarheid:: Bewerken van afbeeldingen, webafbeeldingen, afbeeldingen rekening houdend met lagen zoals transparantie of vervagingseffecten.

Bestandsextensie TIF

Afkorting van: Tagged Image File Format - een indeling voor het opslaan van grafische bitmapafbeeldingen.

Bestandsextensie: .tif / .tiff

Flexibel en gemakkelijk uitbreidbaar bestandsformaat dat bestanden met een hoge kleurdiepte kan opslaan. Deze bestanden hebben een transparante achtergrond. Ze zijn perfect voor bedrijfslogo's.

minpuntjes: Niet ideaal voor webbrowsers.

Toepasbaarheid:: De beginfase van fotografische bestanden bij het afdrukken. Softwarepakketten OCR.

GIF-bestandsindeling

Afkorting van: Graphics Interchange Format - een formaat voor het uitwisselen van afbeeldingen.

Bestandsextensie: .gif

Hoewel GIF een lage compressieverhouding heeft in vergelijking met de meeste videoformaten, is het het meest populaire formaat onder gebruikers voor het animeren van afbeeldingen.

minpuntjes: Formaat is beperkt tot 8-bit (256 kleuren) en is niet geschikt voor fotografische afbeeldingen of anti-aliasing.

Toepasbaarheid:: afbeeldingen die meerdere kleuren vereisen, zoals vereenvoudigde diagrammen, logo's en animaties die voor meer dan 50% uit één kleur bestaan.

BMP-beeldbestandsindeling

Afkorting van: Bitmap Picture - letterlijk een formaat voor het opslaan van bitmapafbeeldingen

Bestandsextensie: .bmp

Dit formaat is ontwikkeld door door Microsoft en is ontworpen om grote ongecomprimeerde bestanden op te slaan in Windows OS.

minpuntjes: Dit formaat gebruikt geen compressie.

Toepasbaarheid:: de vereenvoudigde formaatstructuur maakt bmp-bestanden ideaal voor Windows-programma's.

Dit zijn de meest voorkomende bestandsindelingen voor afbeeldingen die momenteel door gebruikers worden gebruikt. Nu je weet welke ideaal is voor welk doel dan ook, zul je beter in staat zijn om de bestanden te begrijpen van welke grafische formaten je voor jezelf kunt gebruiken.

Dit artikel is Korte beoordeling de drie belangrijkste grafische formaten die op internet worden gebruikt. Er is geen rekening gehouden met Flash (SWF) omdat er een plug-in nodig is om het te bekijken, en het formaat is vector, niet raster.

Voor de duidelijkheid presenteren we een tabel waarin alle drie de formaten die we overwegen, worden gekarakteriseerd.

Uit de bovenstaande tabel kunnen we het volgende benadrukken:

GIF of PNG-8 de beste manier zijn geschikt voor het behouden van beelddetails (bij het werken in een kleurbereik van 256 kleuren) en voor webafbeeldingen met tekst.

JPEG (ook bekend als JPG) is het meest geschikt voor fotografen vanwege de kleine bestandsgrootte en het brede kleurengamma. ... GIF is geschikt voor eenvoudige animatie (we hebben het in dit geval niet over PNG, omdat het geen animatie ondersteunt).

PNG-24 is, ondanks zijn grote bestandsgrootte, een goede optie als je geen beeldkwaliteit wilt verliezen (het verwijdert details en voegt ruis toe aan de foto).

Het is mogelijk om JPEG met een laag compressieniveau zonder problemen te gebruiken als u verwacht foto's weer te geven voor gebruikers met " snel internet"omdat je in dit geval, ondanks de toename van de bestandsgrootte, afbeeldingen van goede kwaliteit krijgt.

Dus, laten we samenvatten. PNG-8 is goed voor eenvoudige afbeeldingen wanneer ze op internet worden gepubliceerd. JPEG is prima voor het werken met foto's, PNG-24 is ook geschikt voor het werken met foto's, maar in dit geval krijg je grotere maat bestand versus JPG. Voor al het andere op internet is GIF goed.

empirisch bewijzen

Je kunt lang discussiëren over welke van de formaten beter is, maar het zou het meest correct zijn om te zien hoe ze in de praktijk werken - dit is wat we zullen doen. Laten we drie afbeeldingen met verschillende inhoud nemen en deze controleren. De eerste afbeelding die wordt getest, is dus een foto van het kruis.

Om indelingen te vergelijken, gebruikten we de opdracht Bestand> Veilig voor web in Photoshop CS2. Zoals we op de afbeelding kunnen zien, is de eerste afbeelding die is gemarkeerd als origineel van de beste kwaliteit en grootste maat(toch is het dezelfde bron :)). Zelfs PNG 24 omzeilt het, maar houd er rekening mee dat de originele JPG hier wordt aangegeven, wat betekent dat het compressieniveau het laagst was - als u Hoog selecteert voor het JPEG-formaat in de instellingen van het Safe for Web-dialoogvenster, dan wordt de grootte zal totaal anders zijn, en de kwaliteit op het oog is niet slechter. Laten we inzoomen op de afbeeldingen om de verschillen in compressie tussen verschillende formaten te zien.

Hieruit kunnen we concluderen dat het resultaat dat het dichtst bij het origineel ligt PNG-24 geeft, maar het bestand met minder dan 50% verkleint, terwijl het JPEG-bestand behoorlijk Hoge kwaliteit(80) - meer dan 90%. Laten we eens kijken naar andere niveaus van JPEG-compressie.

De beste optie tussen grootte en kwaliteit is in dit geval JPEG met een compressieniveau van 60. Rest nog om GIF en PNG-8 nader te bekijken.

Hier zien we een klein voordeel in: uiteindelijke maat bestands- en afbeeldingskwaliteit van PNG-8-indeling vóór GIF. Tegelijkertijd zijn beide formaten inferieur aan JPEG in zowel kwaliteit als bestandsgrootte. Dus bij het voorbereiden van afbeeldingen voor publicatie op internet voor foto's, zou het rationeler zijn om JPEG met een kwaliteit van 60 te gebruiken - met meer laag niveau kwaliteit zal de bestandsgrootte verkleinen, maar u zult niet het plezier voelen om zo'n foto te overwegen.

Het advies:

Om op de een of andere manier andere formaten te noemen, zal ik zeggen dat als je een bestand wilt opslaan zonder compressiefouten, je het ofwel in RAW, of in PSD, of in Tiff moet opslaan. En als u een bestand op het web wilt weergeven met minimaal kwaliteitsverlies, maar met optimaal gewicht, kies dan gerust voor JPEG met 100% kwaliteit - dan zal niemand zichtbare gebreken vinden.

JPEG, GIF, PNG en logo's

Nu we weten welk formaat we moeten gebruiken voor foto's, laten we eens kijken waarom PNG-8 beter is voor logo's (ze publiceren op het web) :).
Laten we beginnen met JPG. Het is gemakkelijk om karakteristieke artefacten op te merken aan de randen van objecten en een grote bestandsgrootte in vergelijking met andere formaten. Met vergelijkbare instellingen produceren GIF en PNG een kleinere bestandsgrootte met behoud van optimale kwaliteit. Ik denk dat aanvullende opmerkingen hier overbodig zijn.

JPEG, GIF, PNG en achtergrond

Het blijft om te beoordelen hoe ze de typische achtergrondafbeeldingen, gebruikt door webmasters voor hun sites, de bovenstaande formaten.

Het kwaliteitsverschil tussen de formaten is in dit geval dus minimaal Speciale aandacht moet op maat worden gegeven laatste bestand, en hier wint JPEG met een kwaliteit van 60 met een duidelijk voordeel.

resultaten

Voor handgetekende afbeeldingen die geen animatie of transparantie bevatten, de beste optie zal PNG-8 gebruiken, anders Gif. Als de afbeelding een foto is of wordt gedomineerd door fotocellen, gebruik dan JPEG. PNG-24 gebruiken heeft geen zin, omdat je hierin geen optimum vindt tussen kwaliteit en grootte in vergelijking met dezelfde JPEG (zelfs bij een kwaliteit van 100).

Sergey Toporkov, http://www.cc-studio.ru/