Wat is een extensie? Makkelijk te begrijpen uitleg van de verschillen tussen JPG, PNG, GIF en WebP – Deel 2


Free Download Mp4Gain
picture



We now offer a subscription for just 10 cents a day*

You will always enjoy the full version of Mp4Gain with all its features and benefits.

For just 10 cents a day*

*Unlimited FULL version of Mp4Gain, billed $US12.50 Quarterly (+ $5 USD one time subscription payment JUST in the first payment).

All other payments will be just $3.12 per month, billed quaterly.

That's only 10 cents per day!

CLICK TO PURCHASE



THIS PRICE ONLY LASTS FOR A FEW DAYS




Wat is een extensie? Makkelijk te begrijpen uitleg van de verschillen tussen JPG, PNG, GIF en WebP – Deel 2

FILE EXTENSION

“JPEG (Jepeg)” dat meer geschikt is voor fotografische gegevens

File Extension

* De gele achtergrondkleur wordt weergegeven onder de afbeelding die is opgeslagen als “.jpg”.

[Voordelen van het JPEG-formaat] -Overvloedig
aantal kleuren dat kan worden uitgedrukt-
Gegevenscapaciteit:
licht-
Ideaal voor foto-opslagformaat – Geschikt voor het afdrukken van afbeeldingen

[Nadelen van het JPEG-formaat] -The
Het beeld verslechtert elke keer dat het bewerken en opslaan wordt herhaald
-Verwerking van transparanten is niet mogelijk.

JPEG is een afkorting voor “Joint Photographic Experts Group”.

Het grote aantal bruikbare kleuren en de lichtgegevenscapaciteit maken hem ideaal voor het opslaan van fotografische gegevens.

Aan de andere kant, elke keer dat het wordt opgeslagen, wordt het gecomprimeerd en verslechtert het. “Toen ik dezelfde afbeelding vele malen bewerkte, werd de afbeelding vuil.”

Om dit te voorkomen, bewaart u de originele afbeelding en bewerkt u de kopie. Als u correcties moet aanbrengen, kopieer dan de originele afbeelding opnieuw enzovoort, de verslechtering zal minimaal zijn.

Omdat het geen transparantieverwerking ondersteunt, is het ook niet mogelijk om te zeggen “Ik wil alleen hier bijsnijden en de achtergrond van de site weergeven”. De afbeelding hierboven heeft een witte cirkel in de achtergrond uitgesneden, maar in JPEG-formaat wordt deze weergegeven in het wit in plaats van de achtergrondkleur.

Er zijn trouwens verschillende soorten, zoals “.jpg”, “.jpeg”, “.jpe”, enz., maar ze zijn allemaal in JPEG-formaat. Oorspronkelijk werden er meerdere strings gebruikt voor de link “lengte is maximaal 3 tekens”, maar nu is er geen dergelijke limiet.

Er is geen verschil in de gegevens, dus u kunt in principe “.jpg” of “.jpeg” gebruiken.

Hoogwaardige “PNG (ping)” voor het web

* De gele achtergrondkleur wordt weergegeven onder de afbeelding die is opgeslagen als “.png”.

[Voordelen van PNG-indeling] -Overvloedig
aantal kleuren dat kan worden uitgedrukt
-Verwerking van transparanten is mogelijk-
Geschikt voor weergave op de Web-Sin
verslechtering, zelfs na herhaalde opslag

[Nadelen van het PNG-formaat] -The
datacapaciteit is zwaar
-Kleurveranderingen bij het afdrukken

PNG is een afkorting voor “Portable Network Graphics”.

Een belangrijk kenmerk is dat de achtergrond transparant kan zijn met behoud van bijna dezelfde kwaliteit als een JPEG-afbeelding. In de afbeelding hierboven kun je zien dat het gedeelte dat zojuist in het wit in JPEG werd weergegeven, transparant wordt en de achtergrond in het geel.

In tegenstelling tot JPEG, is er geen “beeldkwaliteit verslechtert elke keer dat deze wordt opgeslagen”, maar de gegevenscapaciteit is groot en kan meer dan het dubbele zijn van die van JPEG.

Omdat het geen kleurexpressie voor afdrukken ondersteunt, krijgt u, als u een PNG-afbeelding afdrukt zoals deze is, “dat? Op de een of andere manier is de kleur licht …”. Alleen de “als het gaat om niet zo grote afbeelding op de startpagina”, laten we nadenken.

“GIF” die beweegt, zelfs als het licht is

* De gele achtergrondkleur wordt weergegeven onder de afbeelding die is opgeslagen als “.gif”.

[Voordelen van het GIF-formaat]
-Het is mogelijk om de animatie uit te drukken -Het is mogelijk om
transparantie verwerking-
Geschikt voor pictogrammen met een klein aantal kleuren-
Verslechtert niet, zelfs niet na herhaalde opslag

[Nadelen van GIF-formaat] -Alleen
Er kunnen maximaal 256 kleuren worden uitgedrukt.
kleuren veranderen wanneer ze worden afgedrukt

GIF is een afkorting voor “Graphics Interchange Format”.

Er zijn veel dingen die PNG gemeen hebben, zoals transparantie en webweergave, maar het belangrijkste is dat je nog steeds bewegende beelden kunt maken. Hoewel het geen videogegevens zijn, kunnen ze op dezelfde manier worden verplaatst als een flipboek.

Het voordeel is dat de capaciteit erg licht is, maar het maximale aantal kleuren dat kan worden weergegeven is 256, wat klein is.

Voelt bovenstaande afbeelding niet wat ruw aan in vergelijking met JPEG en PNG? Vooral gemakkelijk te zien is dat het rode logo op de borst van de hond is vervangen door een geschatte kleur om het gelig te maken.

Het lijkt beter geschikt voor gegevens zoals logo’s, pictogrammen en menuknoppen dan die met veel kleuren zoals foto’s.

Tussen haakjes, er lijkt al lang een discussie te zijn over de vraag of de lezing “gif” of “gif” is. Het lijkt erop dat sommige landen het lezen als “gif”, maar voor nu lijkt het erop dat het zich heeft gevestigd in de vorm van “gif is gebruikelijk”.


Free Download Mp4Gain
picture

Wat is een extensie? Makkelijk te begrijpen uitleg van de verschillen tussen JPG, PNG, GIF en WebP

Wat is een extensie? Makkelijk te begrijpen uitleg van de verschillen tussen JPG, PNG, GIF en WebP

File Extension

Een extensie die een van de essentiële informatie is voor de productie van de startpagina.

file extension

De extensie verwijst naar tekens als “.jpg” en “.png” die aan de gegevensnaam zijn gekoppeld, maar “Ik weet echt niet wat het verschil is …” “Trouwens, ik was te bezorgd over Sommige mensen kunnen zeggen: “Zoiets bestaat niet.”

Deze keer zal ik op een gemakkelijk te begrijpen manier de punten uitleggen van “wat is de extensie in de eerste plaats”, “hoe jpg te lezen” en “de voor- en nadelen van elk”.

Wat is een extensie?
Afbeeldingsextensie
“JPEG”, ideaal voor fotografische gegevens
Hoogwaardige “PNG” voor het web
“GIF” dat werkt
ook al is het een lichtgewicht “WebP” Nieuwkomer die de volgende generatie belooft die alles kan
U kunt in de voorhoede van “AVIF” zijn
abstract
Wat is een extensie?

De extensie is een teken zoals “.jpg”, “.png” of “.exe” dat aan het einde van de gegevensnaam wordt weergegeven. Dit staat voor “wat voor soort gegevens zijn deze gegevens” en “welke applicatie moet worden gebruikt om deze te openen.”

Het is net als de nationaliteit van de gegevens, zoals we zouden zeggen: “Ik kom uit Japan, dus laten we Japans spreken.” “Omdat .pptx een PowerPoint-extensie is, zijn deze gegevens PowerPoint. Laten we deze openen met.” De extensie is toch belangrijk om een ​​bestand te openen?

Daarom, als u per ongeluk de extensie verwijdert bij het hernoemen van het bestand, of als u het met geweld in een andere verandert, kunt u de gegevens niet openen, dus wees voorzichtig.

Het herschrijven van de extensie van een afbeelding van “.jpg” naar “.gif” zonder gebruik te maken van beeldbewerkingssoftware is als het veranderen van uw nationaliteit door rechtstreeks in uw paspoort te schrijven zonder de formele procedure.

De extensie is misschien niet bekend bij degenen die voornamelijk smartphones gebruiken. Alleen omdat het een specificatie is die niet aan de gebruiker wordt getoond, hebben alle foto’s die ze hebben gemaakt, de apps die ze hebben gedownload, de afbeeldingen op de startpagina en de site extensies.

Afbeeldingsextensie

De extensie geeft het gegevenstype aan, maar de extensie van de afbeelding is vooral belangrijk voor het juiste gebruik ervan. De juiste hangt af van het aantal kleuren en het medium dat moet worden weergegeven (of het nu een site of een papier is).

Ook, in tegenstelling tot andere extensies, is een van de kenmerken dat er bijna geen “alleen openen met deze software” is met basisafbeeldingsgegevens. In de hierboven genoemde nationaliteitsanalogie is het een afbeelding van ‘uit een land dat meerdere talen gebruikt’.

Wat is WebP?

Wat is WebP?

WebP

Beeldformaat van de volgende generatie!

WebP

WebP is een indeling voor stilstaande beelden die onlangs is ontwikkeld door Google Inc. in de Verenigde Staten. WebP wordt ook wel het beeldformaat van de volgende generatie genoemd, zoals door Apple aanbevolen “JPEG 2000” en door Microsoft aanbevolen “JPEG XR” en heeft de volgende kenmerken.

▼ Kenmerken van WebP

Ontwikkelingsdoelen: weergavesnelheid verlagen en websiteverkeer verminderen
Superioriteit ten opzichte van JPEG – kleinere bestandsgrootte en minder verslechtering van de beeldkwaliteit
Maximaal aantal pixels: 16383 x 16383 pixels
Extensie: “.webp”
De geschiedenis van WebP! Opnieuw gefocust op de aankondiging van Core Web Vitals
Hoewel WebP is gepositioneerd als een beeldformaat van de volgende generatie, bestaat het verrassend genoeg al sinds 2010.

▼ Geschiedenis van WebP

30 september 2010: Eerste WebP-specificatie gepubliceerd op de officiële Google Chrome-blog
2011: WebP-ondersteuning wanneer Google Chrome 9.0 en Android 4.0 worden uitgebracht
2013: Opera 15 werd aangekondigd om WebP te ondersteunen en niet APNG bij de lancering van Opera 15.
Uit de bovenstaande informatie kunnen we zien dat de geschiedenis van WebP verrassend oud is en dat het aandeel ondersteunde browsers gestaag is toegenomen. Dus waarom krijgt WebP nu zoveel aandacht?

Aanleiding is de officiële aankondiging van Google op 28 mei 2020! We kondigen aan dat we vanaf 2021 Core Web Vitals zullen toevoegen, inclusief de weergavesnelheid van afbeeldingen als een UX-index om de zoekrangschikking te beoordelen.

Het is dus een goed moment om WebP te implementeren, dat is ontwikkeld om de weergavesnelheid en het websiteverkeer te verminderen. Bekijk de volgende artikelen voor details over essentiële webbasics en hoe u de bruikbaarheid kunt verbeteren.

Wat is de impact van Core Web Vitals, die in 2021 te zien zal zijn, op de zoekresultaten van Google?
Wat is de impact van Core Web Vitals, die in 2021 te zien zal zijn, op de zoekresultaten van Google?
Op 28 mei 2020 zal Google Core Web Vitals gebruiken als UX-indicator voor bestaande signalen bij het evalueren van zoekrangschikkingen vanaf 2021.

De bruikbaarheid van smartphonesites verhoogt de zoekrangschikking! 7 effectieve verbeterpunten voor SEO
De bruikbaarheid van smartphonesites verhoogt de zoekrangschikking! 7 effectieve verbeterpunten voor SEO
De “bruikbaarheid van smartphones” wordt belangrijker naarmate het aantal gebruikers van mobiel browsen toeneemt in plaats van pc. Dus in dit artikel, waarom ben je een smartphonegebruiker?
Voordelen van WebP! Is het beter dan andere beeldformaten?
Het grootste voordeel van de introductie van WebP is immers de gewichtsreductie van de afbeeldingen. Zoals hieronder wordt weergegeven, is het beeldformaat in theorie aanzienlijk kleiner dan bij JPEG en PNG.

▼ Geringe WebP-bestandsgrootte

Vergeleken met JPEG: 25-34% kleiner
Vergeleken met PNG: ongeveer 28% kleiner
Bovendien ondersteunt het animatie en kan het alfakanalen aan, zelfs met compressie met verlies, waardoor het geschikt is voor het exporteren van transparante afbeeldingen. Als je de variëteit vergelijkt met andere beeldformaten, is de uitmuntendheid van WebP zelfs duidelijk.

▼ Vergelijkende tabel van 5 soorten afbeeldingsformaten

Formaat Compressieprestaties Compressie zonder verlies Compressie met verlies Transparante animatie
WebP Erg duur 〇 〇 〇 〇
Verhoogde SVG 〇 × 〇 〇
Verhoogde PNG 〇 × 〇 ×
Hoge JPEG △ 〇 × ×
GIF meestal 〇 〇 △ 〇

Wat is WebP?

Wat is WebP?

WebP

Google biedt compressie zonder verlies, compressie met verlies is het nieuwste overeenkomstige afbeeldingsformaat.
De bestandsextensie is “.webp”.

Webp

WebP’s momentum van de next-gen format-oorlog
Typische afbeeldingsformaten zijn “JPEG”, “GIF” en “PNG”, die vanaf het begin van de uitbreiding van het web tot nu als standaard zijn gebruikt. Hoewel ze het web al heel lang blijven ondersteunen, heeft elk bedrijf de ontwikkeling en toepassing van beeldcompressietechnologie gepromoot. De meest prominente zijn “JPEG XR” van Microsoft, “JPEG 2000” van Apple en “WebP” van Google die in dit artikel verschijnen. Door speculatie van concurrentie om marktaandelen is de penetratie echter alleen maar gestagneerd. WebP, waarvan wordt gezegd dat het de volgende generatie standaard is, zal in september 2010 beschikbaar zijn, dus je kunt zien hoe hevig het conflict was. WebP is nu beschikbaar in de meeste browsers, behalve IE/Safari, vanaf augustus 2020, misschien vanwege de formaatoorlog die tot stilstand was gekomen. Het volgende is het resultaat van het zoeken naar WebP op de “Can I use …”-site waar u de compatibiliteit van de browser met webtechnologie kunt controleren. Aangezien Safari ook WebP zal ondersteunen in de komende versie 14, is de nieuwste staat van ondersteunde browsers alleen IE JPEG

XR, alleen Safari JPEG Men kan stellen dat 2000 volledig is verwijderd. Vooral voor JPEG XR zal het worden stopgezet omdat het niet langer beschikbaar is in de nieuwe op Chromium gebaseerde Edge, en het zal worden versterkt door de verbetering van WebP. Vanuit deze achtergrond is de aandacht van WebP extreem hoog en zal naar verwachting een essentiële kennis worden in webproductie.
f: id: t-ookubo: 20200817172652j: eenvoudig

Voordelen van het gebruik van WebP
Voordeel 1: bestandsgrootte kan worden verkleind
Uitstekend in vergelijking met conventioneel sleutelformaat algoritme Lossless of lossy compressie is mogelijk om beide typen te verwerken, WebP lossless afbeelding PNG (lossless compressie) ongeveer 26% vergeleken met lossy compressie afbeelding van WebP JPEG vergeleken met Bestandsgrootte kan worden verkleind met ongeveer 25 tot 34% . Het volgende is een vergelijking van informatie die is opgeslagen in dezelfde afbeelding in JPEG / WebP-indeling (compressie met verlies). De bestandsgrootte wordt met ongeveer 40% verkleind tot 314 KB voor WebP, vergeleken met 520 KB voor JPEG. Door de afbeeldingsbestandsgrootte te verkleinen, zal de paginaweergave sneller zijn en wordt verwacht dat SEO-maatregelen en bruikbaarheid (UX) zullen verbeteren. In de SEO-meetfunctie “Lighthouse” die is geïnstalleerd in de Chrome-ontwikkeltools, wordt geëvalueerd of de afbeelding al dan niet compatibel is met het volgende generatieformaat, en als het dit niet ondersteunt, wordt de diagnose “Prestaties” als volgt uitgevoerd. Er wordt een waarschuwing weergegeven en de score wordt afgetrokken van het aantal afbeeldingen in oud formaat. U kunt zien dat de ondersteuning van de volgende generatie formaten niet langer een over het hoofd gezien item is.

f: id: t-ookubo: 20200818202726p: eenvoudig

f: id: t-ookubo: 20200817175635j: eenvoudig

Aan de andere kant, zoals je kunt zien aan het feit dat de evaluatie toeneemt in het aantal afbeeldingen dat compatibel is met het volgende generatie formaat, kunnen rijkere websites die meer afbeeldingen gebruiken de voordelen van gewichtsvermindering verwachten. Nu ontwerpen die de harten van gebruikers veroveren met grote afbeeldingen, zoals heldenafbeeldingen, populair zijn, kan worden gezegd dat compatibiliteit met WebP een zeer effectieve maatregel voor siteverbetering is.

Voordeel 2: ondersteuning voor alfakanaalanimatie (transparant)
Aangezien JPEG compressie met verlies is, heeft het een hoge compressieverhouding en is het effectief voor het opslaan van foto’s met veel kleuren, maar het ondersteunt geen transparantie of animatie. Aan de andere kant kunnen GIF en PNG transparant en geanimeerd zijn, maar de compressieverhouding is niet hoog vanwege verliesvrije compressie. Vanwege deze individuele kenmerken was het van oudsher nodig om verschillende formaten te gebruiken, afhankelijk van het beoogde gebruik van de afbeelding. WebP heeft deze barrière weggenomen.
Lossless compressie Lossless WebP-afbeeldingen ondersteunen transparantie met een extra bestandsgrootte van 22% en kunnen worden geanimeerd met behulp van tools. . Ook, zoals vermeld in Merit (1), heeft het een compressiesnelheid die hoger is dan die van het vorige formaat, dus het kan niet lang duren voordat er geen fouten zijn zolang het afbeeldingsbestand in WebP wordt geplaatst.

Nadelen van het gebruik van WebP
Nadeel 1: sommige browsers worden niet ondersteund