Zal JPEG-en GIF-ooit instinct?

Over de auteur
(Foto: © Image credit: Cloudinary)

Voor het brede assortiment van oude apparaten en browsers die er zijn, JPEG-en GIF-bestanden zijn de laagste gemeenschappelijke noemer van formaten die ‘gewoon werken’. En de lange staart probleem is niet weg elk moment snel. Dit betekent dat in tegenstelling tot de echte dinosaurussen, JPEG-en GIF niet met uitsterven bedreigd – althans niet zonder een meteoriet evenement. Daarom onze websites moeten aanpassen aan het co-existeren met de opkomst van nieuwe bestandsformaten en dinosaurussen gelijk.

Ontworpen in de jaren ‘ 90, het werd speciaal ontworpen voor internetgebruik en ondersteunt transparantie. Het is de meest gebruikte afbeelding bestand formaat op het web van vandaag. Het was echter niet in staat om het overwinnen van de problemen met de maat zijn. Afhankelijk van het gebruik, PNG-afbeeldingen zijn vaak groter dan de JPEG, en soms GIF.
Het laat ook zien dat in de wereld van vandaag, snel laden van de pagina is belangrijk, maar het is niet de alles, alles. Beeld kwaliteit is ook belangrijk. Een van de beperkingen van de oude indelingen is dat hun kleur spectra zijn gebaseerd op de standaard Rood Groen Blauw (sRGB) profiel, ontwikkeld in de jaren negentig voor LCD-schermen en camera ‘ s. sRGB vertegenwoordigt slechts een fractie van wat het menselijk oog is in staat om vast te leggen. Je zou kunnen hebben ervaren na het nemen van een foto van een bloem en deze te vergelijken met wat je eigenlijk zag (zie de afbeelding hieronder). De twee dingen zijn die verschillen zo dramatisch, omdat de oudere bestandsindelingen zijn eenvoudigweg niet in staat om het volledige kleurenspectrum.

Op hetzelfde moment, een nieuwe soort ontstaan is ter ondersteuning van het moderne web. Lichtgewicht, high-performance-formaten zoals Google WebP en een Hoog Rendement Image File Format (HEIF) geoptimaliseerd zijn voor de hedendaagse digitale ervaringen. Anderen, zoals AV1 Image File Format (AVIF) – en JPEG-XL zijn nog steeds in de zwangerschap. Zo veel als ik hou van GIF, het ecosysteem evolueren met de opties die zijn sneller, slanker en slimmer. Chrome en Safari voor de mobiele telefoon en PC zijn de meest dominante browsers, maar er is een zeer lange staart van de alternatieven in gebruik als vertegenwoordigd door de steeds kleinere vakjes in het diagram hierboven (bron: Cloudinary Staat van Visuele Media-Rapport 2019)

Nieuwe formaten zoals HEIF zijn 30 tot 40 procent kleiner dan de traditionele JPEG, volgens ons eigen onderzoek. De kwaliteit van het oorspronkelijke bestand wordt altijd bewaard omdat bewerkingen apart worden opgeslagen in hetzelfde bestand.
JPEG en is ontworpen om foto ‘ s toegankelijk zijn zodat ze kunnen worden verplaatst als bytes over het netwerk. JPEG gericht dat probleem met behulp van een techniek genaamd “lossy compressie,” waarbij alle onderdelen van het beeld worden opgeslagen maar onnodig pixels verwijderd. Het resulterende bestand is gecomprimeerd, maar met elke opgeslagen versie je verliest meer in detail besproken (zie afbeelding hierboven). Dit creëert een aantal praktische problemen.
Met JPEG ‘ s ‘lossy compressie’ detail gaat verloren met elke slaan waardoor de helderheid van het beeld achteruit te gaan (Image credit: Cloudinary)

Dat maakt het GIF veel beter geschikt voor illustraties/ afbeeldingen en behoudt de exacte kleur code. Het is ook mogelijk om afbeeldingen opslaan met een transparante achtergrond. En zoals iedereen weet, Gif ‘ s kunnen worden geanimeerd. Het belangrijkste nadeel van Gif ‘s is hun enorme grootte van het bestand, dat maakt ze ongeschikt voor het afdrukken van foto’ s.
De HEIF formaat kunt u 3D-beelden met behulp van wat bekend staat als ‘de diepte kaart’ technieken. Maar dit is slechts het begin. Het ondersteunt ook reeksen van afbeeldingen, zodat u kunt maken van de “cinemagraph’ de stijl van het verplaatsen van foto ‘ s, bekend uit de Harry Potter-films. Het maakt het mogelijk de bewegingen worden geregistreerd en weergegeven op het moment van de foto, het creëren van een meeslepende, contextuele ervaring. HEIF ondersteunt ook functies waarmee u de visuele ervaring, zoals HDR, die voorziet in een grotere kleur helderheid en Adobe Wide Gamut RGB, die is in staat een uitgebreid scala van kleur waarden.
Image credit: Pixabay
De andere factor is de toepassing van real-world 3D-ervaringen naar 2D beelden. Een jumper in de echte wereld is 3D. Een JPEG-jumper afbeelding is beslist niet. Dit is waar nieuwe formaten zoals HEIF komen.
Image credit: Cloudinary
PNG
With JPEG’s ‘lossy compression,’ detail is lost with every save causing image clarity to deteriorate (Image credit: Cloudinary)
In 2010 vrijgegeven Google WebP als een nieuwe lichtgewicht afbeelding-formaat dat telt zowel lossy en lossless compressie en in wezen probeert te maken van kleinere afbeeldingen dan JPEG. WebP maakt transparantie en kunnen bewegend worden gemaakt. Echter afkomstig van Google, de indeling is meer over het behalen van snellere beeld laadtijden dan het beeld van hogere kwaliteit.
GIF
Grootte is niet dat veel van een probleem in het begin van de Internet-dagen wanneer websites gehost zeer weinig afbeeldingen. In 1995, het gemiddelde aantal pagina ‘ s formaat was 14KB en soms alleen een enkele afbeelding. Natuurlijk, mensen die gebruik dial-up verbindingen waren een beetje meer geduld dan wij tegenwoordig.

Sinds de OS11 release, Apple slaat de beelden op de apparaten in HEIF formaat, waardoor ze als JPEG-bestanden bij het verzenden naar andere apparaten. En hier komen we tot het punt dat verklaart waarom, ondanks alle voordelen, deze nieuwe indelingen vinden het zo moeilijk om te slagen.
HEIF werd ontwikkeld in 2015 door de Moving Picture Experts Group (MPEG) door middel van inspanningen door Nokia en Apple. HEIF ondersteunt individuele afbeeldingen en beeld-sequenties en ondersteunt lossy en lossless compressie.

Als de grootte begonnen aan zaak

Terug wanneer de gebruiker de ervaring verwachtingen waren relatief laag en we waren gewoon enthousiast over het feit dat online dit was geen probleem. Zelfs tien jaar geleden konden we ons niet voorstellen dat er mensen zouden besteden veel van hun leven online, in een verscheidenheid van apparaten en vraag een dergelijke overweldigende ervaringen. Als mensen nu online winkelt ze willen niet alleen om te zien wat een jumper ziet eruit als – ze willen een veel voller gevoel van het. Ze willen vaak een volledige 360 ° beeld; ze willen om in te zoomen op de afbeelding en krijg je een ‘gevoel’ voor de textuur van de fluwelen bekleding. Ze willen onderzoeken hoe consistent de kleuren zijn en hoe goed overeen met de patronen zijn op de naden naar de zin van de kwaliteit.
Colin Bendell, Sr. Directeur Strategie & Analytics, CTO Kantoor in Cloudinary

WebP – licht en snel, maar langzaam aan te vangen op

PNG is een raster-afbeeldingen (bitmap) file-formaat die het ondersteunt ook lossless compressie van gegevens. Vanwege patent problemen over GIF, PNG ontpopt als een verbeterde, niet-merkgebonden alternatief.
Colin Bendell is het Senior Director of Strategy Analytics en het CTO Kantoor in Cloudinary. Hij is enthousiast over de gegevens, web-prestaties en de gebruikerservaring. Colin is ook de co-auteur van “High Performance Afbeeldingen”.

Van lage verwachtingen voor overweldigende ervaringen

Image credit: Cloudinary

Image credit: Pixabay
Sinds de vroege dagen van webpagina ‘ s hebben gebruikt dezelfde bestandsformaten JPEG en GIF. Ontwikkeld in de jaren ’80 en’ 90, deze ‘dinosaurussen’ blijven een zeer succesvolle soort. Recente gegevens van W3Techs blijkt dat voor JPEG, GIF en PNG zijn verreweg de meest populaire formaten te vinden op websites van vandaag.

Image credit: W3Techs
We hebben vermeld dat JPG en GIF zijn ontwikkeld, omdat het internet vormen dus alle infrastructuur die er nog steeds om hen te ondersteunen. Dit verklaart waarom het totale gebruik van het tarief voor WebP is zo laag, ondanks Google ‘ s inspanningen. Apple OS11 en post-apparaten ondersteunen mogelijk HEIF maar ze bestaan uit slechts één segment van apparaten en browser versies die er in het wild web wereld. En je zou verbaasd zijn hoe wild die wereld is.

HEIF: een succesvolle nieuwe soorten

GIF, ontwikkeld door CompuServe rond dezelfde tijd als GIF, maakt gebruik van “lossless” compressie. Zoals de naam al doet vermoeden, dit kan de oorspronkelijke gegevens worden perfect uit de gecomprimeerde gegevens gereconstrueerd.
The left side of the above image uses sRGB profile found in JPEG; the right side uses a wider colour spectrum found in HEIF and appears more vivid and in greater detail. This contrast is emphasized for illustration purposes - to ensure that even in displays that don’t support HDR and wider colour spectra can see the difference. (Image credit: Cloudinary)

De aanpassing aan de nieuwe wereld van 3D en bewegende beelden

Wanneer de JPEG-werd ontwikkeld in de late jaren ‘ 80 van de digitale wereld was in de kinderschoenen. Er was geen manier om het eenvoudig opslaan, kopiëren en overzetten van beelden elektronisch. Als de P in JPEG geeft de standaard de oorsprong zich in de Fotografie.
Cloudinary onlangs haar Staat van Visuele Media om mensen te helpen een beter inzicht in hoe visual content wordt bekeken en gegeten. De analyse van miljarden media transacties over een steekproef van meer dan 700 van onze klanten, we waren nogal geschokt om te ontdekken de lengte van de “browser staart”. Hoewel het geen verrassing zijn om te horen dat Chrome wint de totale browser oorlog op 56.6% gebruik, er zijn grote regionale verschillen. In het verenigd koninkrijk, Safari komt dicht in de buurt bij 41.1%. In India, Nokia Symbian-smartphones zijn nog steeds populair en Nintendo DS-apparaten delen meer dan 15.000 opnames per dag. Geloof het of niet, we zagen zelfs beeld-verkeer van Lotus Notes.

Image credit: W3Techs
JPEG

De lange staart die beschermt de dinosaurussen

In het licht van deze veranderingen, mensen vragen mij wanneer het oude beeld dinosaurussen zullen uitsterven. Echter, met de elektriciteit in onze huizen, om volledig te resetten en vast te stellen nieuwe infrastructuur zou een ‘snelle’ evenement. De geboorte was een uniek moment vastgelegd dat het begin van de indelingen in alles van web apps te mijnbouw controle systemen voor auto ‘s tot Tv’ s. Om te begrijpen van de evolutie beter, laten we beginnen met een korte antropologie primer.
Bijvoorbeeld, het is onmogelijk om het archiveren van de exacte informatie die nodig is voor sommige soorten illustraties. Het is niet ideaal voor beeldmerken, logo ‘ s, want het is onmogelijk te handhaven de precieze corporate kleuren. Voor e-commerce, Jpeg-bestanden kunnen niet over de coole nieuwe dingen zoals transparante achtergronden en animaties.
De linker kant van de bovenstaande afbeelding maakt gebruik van sRGB profiel gevonden in JPEG; de rechterkant maakt gebruik van een breder kleurenspectrum te vinden in HEIF en lijkt meer levendig en in detail. Dit contrast wordt benadrukt voor illustratie doeleinden – om ervoor te zorgen dat zelfs in de displays die geen ondersteuning voor HDR en breder kleur spectra kan het verschil zien. (Image credit: Cloudinary)
Als de snelheid van internet in een stroomversnelling echter, de gemiddelde grootte van de pagina en het aantal beelden sites gebruikt groeide aanzienlijk. Web consumenten zich minder geduld en plotseling beeldformaat van belang: pagina prestaties rechtstreeks van invloed zijn op het web conversie. Als een resultaat, het gebruik van de zwaardere GIFs afgenomen en werden vervangen door de lichtere Jpeg ‘ s.
WebP is een goed voorbeeld van hoe moeilijk het is om een nieuwe indeling. Zelfs met Google ‘ s steun, de image file format is een website gebruiken tarief van minder dan één procent. Een belangrijke reden hiervoor is het ontbreken van ondersteuning die vooral beperkt tot Chrome en Android-native applicaties.