Ik heb veel soorten beeldextensies gezien, maar heb nooit de echte verschillen tussen hen begrepen. Zijn er verbindingen die hun verschillen duidelijk verklaren?
Zijn er normen om te overwegen bij het kiezen van een bepaald type afbeelding in een toepassing? Wat gebruiken we voor webtoepassingen?
Antwoord 1, Autoriteit 100%
Ja. Het zijn verschillende bestandsindelingen (en hun bestandsextensies).
Wikipedia-vermeldingen voor elk van de indelingen geeft u nogal wat informatie:
- JPEG (of JPG, voor de bestandsextensie; gezamenlijke fotografische experts Groep)
- png (draagbare netwerkafbeeldingen)
- BMP (bitmap)
- gif (grafische uitwisselingsformaat)
- TIFF (of TIF, voor de bestandsextensie; Tagged Image File Format)
Beeldformaten kunnen worden gescheiden in drie brede categorieën:
- lossy compressie,
- Losloze compressie,
- ongecomprimeerd,
Niet-gecomprimeerde formaten nemen de meeste gegevens in beslag, maar ze zijn exacte representaties van de afbeelding. Bitmap-formaten zoals BMP zijn over het algemeen niet gecomprimeerd, hoewel er ook geen gecomprimeerde BMP-bestanden zijn.
Lossy-compressie-indelingen zijn over het algemeen geschikt voor foto’s. Het is niet geschikt voor illustraties, tekeningen en tekst, omdat compressie-artefactendoor het comprimeren van de afbeelding opvallen. Compressie met verlies, zoals de naam al aangeeft, codeert niet alle informatie van het bestand, dus wanneer het wordt hersteld in een afbeelding, is het geen exacte weergave van het origineel. Het is echter in staat om afbeeldingen zeer effectief te comprimeren in vergelijking met verliesvrije formaten, omdat het bepaalde informatie weggooit. Een goed voorbeeld van een lossy compressieformaat is JPEG.
Lossless-compressie-indelingen zijn geschikt voor illustraties, tekeningen, tekst en ander materiaal dat er niet uitziet goed wanneer gecomprimeerd met lossy compressie. Zoals de naam al aangeeft, codeert verliesloze compressie alle informatie van het origineel, dus wanneer de afbeelding wordt gedecomprimeerd, is deze een exacte weergave van het origineel. Omdat er geen informatie verloren gaat bij compressie zonder verlies, is het in de meeste gevallen niet in staat om een zo hoge compressie te bereiken als compressie met verlies. Voorbeelden van lossless beeldcompressie zijn PNG en GIF. (GIF staat alleen 8-bits afbeeldingen toe.)
TIFF en BMP zijn beide “wrapper”-indelingen, omdat de gegevens erin kunnen afhangen van de gebruikte compressietechniek. Het kan zowel gecomprimeerde als niet-gecomprimeerde afbeeldingen bevatten.
Wanneer je een bepaald beeldcompressieformaat moet gebruiken, hangt echt af van wat er wordt gecomprimeerd.
Verwante vraag: Meedogenloos comprimeren van grote afbeeldingen voor het web
Antwoord 2, autoriteit 85%
Je moet je bewust zijn van een paar belangrijke factoren…
Ten eerste zijn er twee soorten compressie: Losslessen Lossy.
Losslessbetekent dat de afbeelding kleiner wordt gemaakt, zonder dat dit ten koste gaat van de kwaliteit. Lossybetekent dat de afbeelding (nog) kleiner wordt gemaakt, maar dat dit ten koste gaat van de kwaliteit. Als je een afbeelding keer op keer in een Lossy-indeling zou opslaan, zou de beeldkwaliteit steeds slechter worden.
Er zijn ook verschillende kleurdiepten (paletten): Geïndexeerde kleuren Directe kleur.
Met Geïndexeerdbetekent dit dat de afbeelding slechts een beperkt aantal kleuren kan opslaan (meestal 256) die zijn gekozen door de auteur van de afbeelding, met Directbetekent dit dat u kan vele duizenden kleuren opslaan die niet door de auteur zijn gekozen.
BMP– Lossless / Geïndexeerd en Direct
Dit is een oud formaat. Het is Lossless (er gaan geen beeldgegevens verloren bij het opslaan), maar er is ook weinig tot geen compressie, wat betekent dat opslaan als BMP resulteert in ZEER grote bestandsgroottes. Het kan paletten hebben van zowel Indexed als Direct, maar dat is een kleine troost. De bestandsgroottes zijn zo onnodig groot dat niemand dit formaat ooit echt gebruikt.
Goed voor: eigenlijk niets. Er is niets waar BMP in uitblinkt, of niet beter wordt gedaan door andere formaten.
GIF– alleen verliesvrij/geïndexeerd
GIF gebruikt compressie zonder verlies, wat betekent dat u de afbeelding keer op keer kunt opslaan en nooit gegevens kunt verliezen. De bestandsgroottes zijn veel kleiner dan BMP, omdat er daadwerkelijk goede compressie wordt gebruikt, maar er kan alleen een geïndexeerd palet worden opgeslagen. Dit betekent dat er maximaal 256 verschillende kleuren in het bestand mogen zitten. Dat klinkt als een vrij klein bedrag, en dat is het ook.
GIF-afbeeldingen kunnen ook worden geanimeerd en transparant zijn.
Goed voor: logo’s, lijntekeningen en andere eenvoudige afbeeldingen die klein moeten zijn. Alleen echt gebruikt voor websites.
JPEG– Lossy / Direct
JPEG-afbeeldingen zijn ontworpen om gedetailleerde fotografische afbeeldingen zo klein mogelijk te maken door informatie te verwijderen die het menselijk oog niet opmerkt. Als gevolg hiervan is het een Lossy-indeling en als u hetzelfde bestand steeds opnieuw bewaart, gaan er na verloop van tijd meer gegevens verloren. Het heeft een palet van duizenden kleuren en is dus geweldig voor foto’s, maar de compressie met verlies betekent dat het slecht is voor logo’s en lijntekeningen: ze zien er niet alleen wazig uit, maar dergelijke afbeeldingen hebben ook een grotere bestandsgrootte in vergelijking met GIF’s!
Goed voor: foto’s. Ook verlopen.
PNG-8– Lossless / Geïndexeerd
PNG is een nieuwere indeling en PNG-8 (de geïndexeerde versie van PNG) is echt een goede vervanging voor GIF’s. Helaas heeft het een paar nadelen: ten eerste kan het geen animatie ondersteunen zoals GIF dat kan (nou ja, dat kan, maar alleen Firefox lijkt het te ondersteunen, in tegenstelling tot GIF-animatie die door elke browser wordt ondersteund). Ten tweede heeft het enkele ondersteuningsproblemen met oudere browsers zoals IE6. Ten derde heeft belangrijke software zoals Photoshop een zeer slechte implementatie van het formaat. (Verdomme, Adobe!) PNG-8 kan maar 256 kleuren opslaan, zoals GIF’s.
Goed voor: het belangrijkste dat PNG-8 beter doet dan GIF’s, is ondersteuning voor Alpha Transparency.
Belangrijke opmerking:Photoshop ondersteunt geen Alpha Transparency voor PNG-8-bestanden. (Verdomme, Photoshop!) Er zijn echter manieren om Photoshop PNG-24 naar PNG-8-bestanden te converteren met behoud van hun transparantie. Een methode is PNGQuant, een andere is om uw bestanden op te slaan met Vuurwerk.
PNG-24– Lossless / Direct
PNG-24 is een geweldige indeling die Lossless-codering combineert met Directe kleur (duizenden kleuren, net als JPEG). Het lijkt in dat opzicht veel op BMP, behalve dat PNG afbeeldingen daadwerkelijk comprimeert, dus het resulteert in veel kleinere bestanden. Helaas zullen PNG-24-bestanden nog steeds veel groter zijn dan JPEG’s, GIF’s en PNG-8’s, dus je moet nog steeds overwegen of je er echt een wilt gebruiken.
Hoewel PNG-24’s duizenden kleuren toestaan met compressie, zijn ze niet bedoeld om JPEG-afbeeldingen te vervangen. Een foto die is opgeslagen als een PNG-24 zal waarschijnlijk minstens 5 keer groter zijn dan een gelijkwaardige JPEG-afbeelding, wat zeer weinig verbetering in de zichtbare kwaliteit oplevert. (Natuurlijk kan dit een wenselijk resultaat zijn als u zich geen zorgen maakt over de bestandsgrootte en u de best mogelijke beeldkwaliteit wilt hebben.)
Net als PNG-8 ondersteunt PNG-24 ook alfatransparantie.
Ik hoop dat dat helpt!
Antwoord 3, autoriteit 29%
Over het algemeen zijn dit:
Lossless compressie
Compressie-algoritmen zonder verlies verkleinen de bestandsgrootte zonder verlies van beeldkwaliteit, hoewel ze niet worden gecomprimeerd tot een zo klein bestand als een compressiebestand met verlies. Wanneer de beeldkwaliteit wordt gewaardeerd boven de bestandsgrootte, wordt meestal gekozen voor verliesvrije algoritmen.
Compressie met verlies
Compressie-algoritmen met verlies profiteren van de inherente beperkingen van het menselijk oog en negeren onzichtbare informatie. De meeste lossy compressie-algoritmen maken variabele kwaliteitsniveaus (compressie) mogelijk en naarmate deze niveaus worden verhoogd, wordt de bestandsgrootte verkleind. Bij de hoogste compressieniveaus wordt beeldverslechtering merkbaar als “compressie-artefacten”. De onderstaande afbeeldingen tonen de merkbare artefacten van lossy compressie-algoritmen; selecteer de miniatuurafbeelding om de volledige versie te bekijken.
Elk formaat is anders, zoals hieronder beschreven:
JPEG
JPEG-bestanden (Joint Photographic Experts Group) zijn (in de meeste gevallen) een verliesgevend formaat; de DOS-bestandsnaamextensie is JPG (andere besturingssystemen kunnen JPEG gebruiken). Bijna elke digitale camera kan afbeeldingen opslaan in het JPEG-formaat, dat 8 bits per kleur (rood, groen, blauw) ondersteunt voor een totaal van 24 bits, waardoor relatief kleine bestanden worden geproduceerd. Als de compressie niet te hoog is, doet dit niet merkbaar afbreuk aan de kwaliteit van de afbeelding, maar JPEG-bestanden lijden aan generatieverslechtering wanneer ze herhaaldelijk worden bewerkt en opgeslagen. Fotografische afbeeldingen kunnen beter worden opgeslagen in een verliesvrij niet-JPEG-formaat als ze opnieuw worden bewerkt of als kleine “artefacten” (onvolkomenheden veroorzaakt door het JPEG-compressiealgoritme) onaanvaardbaar zijn. Het JPEG-formaat wordt ook gebruikt als algoritme voor beeldcompressie in veel Adobe PDF-bestanden.
TIFF
Het TIFF (Tagged Image File Format) is een flexibel formaat dat normaal gesproken 8 bits of 16 bits per kleur (rood, groen, blauw) opslaat voor respectievelijk 24-bits en 48-bits totalen, met behulp van de TIFF- of de TIF-bestandsnamen. De flexibiliteit van de TIFF is zowel een zegen als een vloek, omdat geen enkele lezer elk type TIFF-bestand leest. TIFF’s zijn lossy en lossless; sommige bieden relatief goede lossless compressie voor bi-level (zwart-wit) afbeeldingen. Sommige digitale camera’s kunnen opslaan in TIFF-indeling, met behulp van het LZW-compressiealgoritme voor verliesvrije opslag. Het TIFF-beeldformaat wordt niet breed ondersteund door webbrowsers. TIFF blijft algemeen aanvaard als standaard voor fotobestanden in de drukkerij. De TIFF kan apparaatspecifieke kleurruimten aan, zoals de CMYK gedefinieerd door een bepaalde set drukpersinkten.
PNG
Het bestandsindeling PNG (Portable Network Graphics) is gemaakt als de gratis opvolger van de open-bron aan de GIF. Het PNG-bestandsformaat ondersteunt Truecolor (16 miljoen kleuren) terwijl de GIF slechts 256 kleuren ondersteunt. Het PNG-bestand blinkt uit wanneer het beeld grote, uniform gekleurde gebieden heeft. Het verliesloze PNG-indeling is het meest geschikt voor het bewerken van foto’s en de lossy-indelingen, zoals JPG, zijn het beste voor de laatste verdeling van fotografische afbeeldingen, omdat JPG-bestanden kleiner zijn dan PNG-bestanden. Veel oudere browsers ondersteunen het PNG-bestandsformaat momenteel niet, met Internet Explorer 7 ondersteunen alle hedendaagse webbrowsers volledig het PNG-formaat. Met de ADAM7-Interlacing kan een vroege preview, zelfs wanneer slechts een klein percentage van de beeldgegevens is verzonden.
GIF
GIF (Graphics Interchange-formaat) is beperkt tot een 8-bits palet, of 256 kleuren. Dit maakt het GIF-formaat geschikt voor het opslaan van grafische afbeeldingen met relatief weinig kleuren, zoals eenvoudige diagrammen, vormen, logo’s en afbeeldingen van cartoon stijl. Het GIF-formaat ondersteunt animatie en wordt nog steeds veel gebruikt om beeldanimatie-effecten te verstrekken. Het maakt ook gebruik van een verliesvrije compressie die effectiever is wanneer grote gebieden een enkele kleur hebben en niet effectief zijn voor gedetailleerde afbeeldingen of eenheidsafbeeldingen.
BMP
De BMP-bestandsindeling (Windows Bitmap) behandelt grafische bestanden binnen het Microsoft Windows OS. Meestal zijn BMP-bestanden ongecomprimeerd, vandaar dat ze groot zijn; Het voordeel is hun eenvoud, brede acceptatie en gebruik in Windows-programma’s.
Gebruik voor webpagina’s / webtoepassingen
Hieronder volgt u een korte samenvatting voor deze afbeeldingsindelingen wanneer u ze gebruikt met een webpagina / applicatie.
Bron: afbeeldingsbestand formaten
Antwoord 4, Autoriteit 5%
Omdat anderen de verschillen hebben gedekt, raak ik de toepassingen.
TIFF wordt meestal gebruikt door scanners. Het maakt enorme bestanden en wordt niet echt gebruikt in toepassingen.
BMP is niet gecomprimeerd en maakt ook enorme bestanden. Het wordt ook niet echt gebruikt in toepassingen.
GIF was vroeger over het web, maar is buiten de gunst gevallen, omdat het slechts een beperkt aantal kleuren ondersteunt en is gepatenteerd.
JPG / JPEG wordt voornamelijk gebruikt voor alles wat de fotokwaliteit is, hoewel niet voor tekst. De gebruikte Lossy-compressie neigt naar Mar Sharp Lines.
PNG is niet zo klein als JPEG, maar is verliesloos, dus het is goed voor afbeeldingen met scherpe lijnen. Het is nu in gebruik op het web.
Persoonlijk gebruik ik meestal PNG overal waar ik kan. Het is een goed compromis tussen JPG en GIF.
Antwoord 5, Autoriteit 2%
JPG & GT; Gezamenlijke fotografische experts groep
1 JPG-afbeeldingen ondersteunen 16 miljoen kleuren en zijn het meest geschikt voor foto’s en complexe afbeeldingen
2 JPGS ondersteunt geen transparantie.
png & gt; Draagbare netwerkafbeeldingen
1 Het wordt gebruikt als een alternatief voor het GIF-bestandsindeling wanneer de GIF-technologie auteursrechtelijk beschermd en vereiste toestemming om te gebruiken.
2 Pngs laten 5 tot 25 procent meer compressie toe dan GIF’s, en met een breder scala aan kleuren.pngs gebruiken tweedimensionale interlacing, waardoor ze twee keer zo snel laden als GIF-afbeeldingen. “
3 Afbeelding met veel kleuren of vereist geavanceerde variabele transparantie, PNG is het favoriete bestandstype.
GIF & GT; Graphics Interchange-indeling
1 vermindert het aantal kleuren in een afbeelding tot 256.
2 GIFS ondersteunt ook transparantie.
3 GIF’s hebben de unieke mogelijkheid om een reeks afbeeldingen weer te geven, vergelijkbaar met video’s, een geanimeerde gif genoemd.
4 Als de afbeelding weinig kleuren heeft en geen geavanceerd alfa-transparantie-effect vereist, is GIF de manier om te gaan.
SVG & GT; Schaalbare vectorafbeeldingen
1 SVGS zijn een webnorm op basis van XML die zowel statische afbeeldingen als animaties in twee dimensies beschrijven.
Met
2 SVG kunt u zeer hoogwaardige graphics en animaties maken die geen details verliezen terwijl hun formaat toeneemt / afneemt.
Antwoord 6
Deze namen verwijst naar verschillende manieren om Pixel-beeldgegevens te coderen (JPG en JPEG zijn hetzelfde, en TIFF kan gewoon een JPEG bijsluiten met een aantal extra metadata).
Deze beeldformaten kunnen verschillende compressie-algoritmen, verschillende kleurenafspraken, verschillende mogelijkheid gebruiken bij het dragen van extra gegevens anders dan de afbeelding zelf, enzovoort.
Voor webtoepassingen zou ik zeggen dat JPEG of GIF goed genoeg is. JPEG wordt vaker gebruikt vanwege de hogere compressieverhouding en GIF wordt meestal gebruikt voor lichtgewicht animatie waarbij een flits (of iets soortgelijks) een over doden is, of plaatsen waar transparante achtergrond gewenst is.png kan ook worden gebruikt, maar ik heb daar niet veel ervaring mee. BMP en TIFF zijn waarschijnlijk geen goede kandidaten voor webtoepassingen.
Antwoord 7
Wat Coobird en Gerald zei.
Bovendien is JPEG de naam van het bestandsindeling.jpg heeft vaak verkorte bestandsuitbreiding voor dit formaat gebruikt, zoals u nodig hebt om een verlenging van 3 letters te hebben voor eerdere Windows-systemen. Evenzo met TIFF en TIF.
Webbrowsers geven momenteel alleen JPEG-, PNG- en GIF-bestanden weer, dus dat zijn degenen die op webpagina’s kunnen worden weergegeven.
Antwoord 8
PNG ondersteunt alfakanaaltransparantie.
TIFF kan uitgebreide opties hebben, bijv.
Geo-referentievoor GIS-toepassingen.
Ik raad aan om JPEG alleen te gebruiken voor foto’s, nooit voor afbeeldingen zoals clipart, logo’s, tekst, diagrammen, lijntekeningen.
Voorkeur voor PNG.
Antwoord 9
De genoemde zijn allemaal rasterafbeeldingen, maar vergeet daarnaast niet de steeds belangrijker wordende vectorafbeeldingen.
Er zijn gecomprimeerde en niet-gecomprimeerde typen (in meer of mindere mate), maar ze zijn allemaal zonder verlies. De belangrijkste zijn:
Antwoord 10
De bestandsextensie vertelt u hoe de afbeelding wordt opgeslagen. Sommige van die formaten slaan de bits gewoon op zoals ze zijn, andere comprimeren de afbeelding op verschillende manieren, inclusief lossless en lossy methoden. Het web kan het je vertellen, hoewel ik weet dat sommige van de patiënten die reageren, ze hier zullen schetsen.
Het web geeft de voorkeur aan gif, jpg en png, meestal. JPEG is hetzelfde (of zeer dicht) bij jpg.
Antwoord 11
Voor het gespecificeerde verschil en gebruik tussen de verschillende afbeeldingsformaten heb je hierboven al een goede discussie.
Ik wil echter iets toevoegen voor het algehele proces van het maken van een foto en het opslaan ervan.
Het opnameproces
Of je kunt het constructieproces zeggen (zoals we nu met computers kunnen tekenen of afbeeldingen maken). Als je een foto maakt met een camera, gebruik je al veel sensoren (CCD of CMOS) en algoritmen (Bayer Pattern Filter, Sub-sampling en kwantisatie, enz.) Ook zijn er dingen zoals Pixel Formaten Color Space. Nadat je de basispixelinformatie hebt gekregen, moet er een manier zijn om ze op te slaan.
De basisstructuur van afbeeldingsbestanden
Voor het opslaan van de pixels in een bestand hebben we een conventie en gerelateerde algoritmen nodig. Om ruimte te besparen is er compressie, maar het probleem is eigenlijk het coderen van de pixels naar bytes en het decoderen van de bytes naar pixels voor weergave.
Een typisch afbeeldingsbestand kan uit verschillende delen bestaan, in feite twee:meta data or file headeren pixel data section. De meta datavertelt over de afbeelding zelf, misschien heighten width, file format, enz. En de pixel data sectionis de echte sectiondie zich bezighoudt met de real picture.
Opslaan en weergeven
Zoals we eerder zeiden, worden bestanden op de harde schijf opgeslagen in bytes/bits. Dus afbeeldingsbestanden hebben geen prioriteit maar eigenlijk ook bytes stream. Voor weergave moeten we misschien iets krijgen om te weten hoe monitor werkt. Typische pc-monitoren gebruiken het RGB-model voor weergave.
Hopelijk helpt dit 🙂