Was ist eine Erweiterung? Leicht verständliche Erklärung der Unterschiede zwischen JPG, PNG, GIF und WebP – Teil 2


Free Download Mp4Gain
picture

Was ist eine Erweiterung? Leicht verständliche Erklärung der Unterschiede zwischen JPG, PNG, GIF und WebP – Teil 2

FILE EXTENSION

“JPEG (Jepeg)”, das besser für fotografische Daten geeignet ist

File Extension

* Die gelbe Hintergrundfarbe wird unter dem als “.jpg” gespeicherten Bild angezeigt.

[Vorteile des JPEG-Formats] – Reichlich
Anzahl der Farben, die ausgedrückt werden können-
Datenkapazität
hell-
Ideal für Fotospeicherformat – Geeignet zum Drucken von Bildern

[Nachteile des JPEG-Formats] -Die
Das Bild verschlechtert sich jedes Mal, wenn die Bearbeitung und Speicherung wiederholt wird
-Die Verarbeitung von Folien ist nicht möglich.

JPEG ist eine Abkürzung für „Joint Photographic Experts Group“.

Die große Anzahl verwendbarer Farben und Lichtdatenkapazität machen es ideal zum Speichern von fotografischen Daten.

Andererseits wird es jedes Mal, wenn es gespeichert wird, komprimiert und verschlechtert sich. “Wenn ich das gleiche Bild viele Male bearbeitet habe, wurde das Bild schmutzig.”

Um dies zu vermeiden, behalten Sie das Originalbild bei und bearbeiten Sie die Kopie. Wenn Sie Korrekturen vornehmen müssen, kopieren Sie das Originalbild erneut usw., die Verschlechterung ist minimal.

Da es die Transparenzverarbeitung nicht unterstützt, ist es außerdem nicht möglich zu sagen “Ich möchte nur hier zuschneiden und den Site-Hintergrund anzeigen”. Das obige Bild hat einen weißen Kreis im Hintergrund ausgeschnitten, aber im JPEG-Format wird es in Weiß anstelle der Hintergrundfarbe angezeigt.

Übrigens gibt es verschiedene Typen wie “.jpg”, “.jpeg”, “.jpe” usw., die jedoch alle im JPEG-Format vorliegen. Ursprünglich wurden für den Link “Länge bis zu 3 Zeichen” mehrere Zeichenfolgen verwendet, aber jetzt gibt es keine solche Begrenzung.

Bei den Daten gibt es keinen Unterschied, Sie können also grundsätzlich “.jpg” oder “.jpeg” verwenden.

Hochwertiges “PNG (Ping)” für das Web

* Die gelbe Hintergrundfarbe wird unter dem als “.png” gespeicherten Bild angezeigt.

[Vorteile des PNG-Formats] – Reichlich
Anzahl der Farben, die ausgedrückt werden können
-Verarbeitung von Folien ist möglich-
Geeignet für die Anzeige im Web-Sin
Verschlechterung auch nach mehrmaliger Lagerung

[Nachteile des PNG-Formats] -Die
Datenkapazität ist schwer
-Farbänderungen beim Drucken

PNG ist eine Abkürzung für “Portable Network Graphics”.

Ein wichtiges Merkmal ist, dass der Hintergrund transparent sein kann und dabei fast die gleiche Qualität wie ein JPEG-Bild beibehält. Im obigen Bild sehen Sie, dass der Teil, der gerade in JPEG weiß dargestellt wurde, transparent wird und der Hintergrund gelb dargestellt wird.

Im Gegensatz zu JPEG gibt es keine “Bildqualität verschlechtert sich bei jedem Speichern”, sondern die Datenkapazität ist groß und kann mehr als das Doppelte von JPEG betragen.

Da es keine Farbausdrücke für den Druck unterstützt, erhalten Sie beim Drucken eines PNG-Bildes so, wie es ist, “das? Irgendwie ist die Farbe hell …”. Nur das “wenn es um nicht so großes Image auf der Homepage geht”, denken wir mal.

“GIF”, das sich bewegt, auch wenn es hell ist

* Die gelbe Hintergrundfarbe wird unter dem als “.gif” gespeicherten Bild angezeigt.

[Vorteile des GIF-Formats]
-Es ist möglich, die Animation auszudrücken -Es ist möglich,
Transparenz Verarbeitung-
Geeignet für Icons mit wenigen Farben-
Verschlechtert sich auch nach mehrmaliger Lagerung nicht

[Nachteile des GIF-Formats] -Nur
Bis zu 256 Farben können ausgedrückt werden.
Farben ändern sich beim Drucken

GIF ist eine Abkürzung für “Graphics Interchange Format”.

Es gibt viele Gemeinsamkeiten mit PNG, wie Transparenz und Web-Rendering, aber das wichtigste Merkmal ist, dass Sie immer noch animierte Bilder erstellen können. Obwohl es sich nicht um Videodaten handelt, können sie wie ein Daumenkino verschoben werden.

Der Vorteil ist, dass die Kapazität sehr gering ist, aber die maximale Anzahl von Farben, die angezeigt werden können, beträgt 256, was klein ist.

Fühlt sich das obige Bild im Vergleich zu JPEG und PNG nicht etwas rau an? Besonders gut zu erkennen ist, dass das rote Logo auf der Brust des Hundes durch eine ungefähre Farbe ersetzt wurde, um es gelblich zu machen.

Es scheint für Daten wie Logos, Symbole und Menüschaltflächen besser geeignet zu sein als solche mit vielen Farben wie Fotos.

Übrigens scheint es eine lange Debatte gegeben zu haben, ob die Lesung “gif” oder “gif” ist. Es scheint, dass einige Länder es als “gif” lesen, aber im Moment scheint es sich in Form von “gif ist üblich” etabliert zu haben.


Free Download Mp4Gain
picture

Was ist eine Erweiterung? Leicht verständliche Erklärung der Unterschiede zwischen JPG, PNG, GIF und WebP

Was ist eine Erweiterung? Leicht verständliche Erklärung der Unterschiede zwischen JPG, PNG, GIF und WebP

File Extension

Eine Erweiterung, die eine der wesentlichen Informationen für die Erstellung der Homepage ist.

file extension

Die Erweiterung bezieht sich auf Zeichen wie “.jpg” und “.png”, die an den Datennamen angehängt sind, aber “Ich weiß wirklich nicht, was der Unterschied ist …” “Übrigens, ich war zu besorgt wegen Einige Leute könnten sagen: “So etwas gibt es nicht.”

Diesmal erkläre ich auf leicht verständliche Weise die Punkte “was ist die Erweiterung überhaupt”, “wie man jpg liest” und “die Vor- und Nachteile der einzelnen”.

Was ist eine Erweiterung?
Bilderweiterung
“JPEG”, ideal für fotografische Daten
Hochwertiges “PNG” für das Web
“GIF”, das funktioniert
obwohl es ein leichter “WebP” Newcomer ist, der die nächste Generation verspricht, die alles kann
Sie können an der Spitze von “AVIF” stehen
abstrakt
Was ist eine Erweiterung?

Die Erweiterung ist ein Zeichen wie “.jpg”, “.png” oder “.exe”, das am Ende des Datennamens angezeigt wird. Dies stellt dar, “welche Art von Daten sind diese Daten” und “welche Anwendung sollte verwendet werden, um sie zu öffnen”.

Es ist wie die Nationalität der Daten, wie wir sagen würden: “Ich komme aus Japan, also lass uns Japanisch sprechen.” “Da .pptx eine PowerPoint-Erweiterung ist, sind diese Daten PowerPoint. Öffnen wir sie mit.” Die Erweiterung ist wichtig, um eine Datei zu öffnen, oder?

Wenn Sie die Erweiterung beim Umbenennen der Datei versehentlich entfernen oder gewaltsam in eine andere ändern, können Sie die Daten daher nicht öffnen. Seien Sie also vorsichtig.

Die Erweiterung eines Bildes von “.jpg” auf “.gif” umzuschreiben, ohne eine Bildbearbeitungssoftware zu verwenden, ist wie die Änderung Ihrer Staatsangehörigkeit, indem Sie ohne formelles Verfahren direkt in Ihren Reisepass schreiben.

Die Erweiterung ist möglicherweise nicht für diejenigen bekannt, die hauptsächlich Smartphones verwenden. Nur weil es sich um eine Spezifikation handelt, die dem Benutzer nicht angezeigt wird, haben alle aufgenommenen Fotos, heruntergeladenen Apps, die auf der Startseite angezeigten Bilder und die Website Erweiterungen.

Bilderweiterung

Die Erweiterung gibt den Datentyp an, aber die Erweiterung des Bildes ist für die korrekte Verwendung besonders wichtig. Die richtige hängt von der Anzahl der Farben und dem darzustellenden Medium ab (sei es eine Site oder eine Zeitung).

Im Gegensatz zu anderen Erweiterungen gehört auch zu den Features, dass es fast kein “nur mit dieser Software öffnen” mit grundlegenden Bilddaten gibt. In der oben erwähnten Nationalitätsanalogie handelt es sich um ein Bild von “aus einem Land, das mehrere Sprachen verwendet”.

Was ist WebP?

Was ist WebP?

WebP

Bildformat der nächsten Generation!

WebP

WebP ist ein Standbildformat, das kürzlich von Google Inc. in den USA entwickelt wurde. WebP wird auch als Bildformat der nächsten Generation bezeichnet, wie das von Apple empfohlene “JPEG 2000” und das von Microsoft empfohlene “JPEG XR” und weist die folgenden Eigenschaften auf.

▼ Funktionen von WebP

Entwicklungsziele: Anzeigegeschwindigkeit reduzieren und Website-Traffic reduzieren
Überlegenheit gegenüber JPEG – kleinere Dateigröße und weniger Verschlechterung der Bildqualität
Maximale Pixelanzahl: 16383 x 16383 Pixel
Erweiterung: “.webp”
Die Geschichte von WebP! Neuausrichtung auf die Core Web Vitals-Ankündigung
Obwohl WebP als Bildformat der nächsten Generation positioniert ist, gibt es es überraschenderweise seit 2010.

▼ Geschichte von WebP

30. September 2010: Erste WebP-Spezifikation im offiziellen Google Chrome-Blog veröffentlicht
2011: WebP-Unterstützung bei der Veröffentlichung von Google Chrome 9.0 und Android 4.0
2013: Opera 15 soll beim Start von Opera 15 WebP und nicht APNG unterstützen.
An den obigen Informationen können wir erkennen, dass die Geschichte von WebP überraschend alt ist und der Anteil der unterstützten Browser stetig gestiegen ist. Warum bekommt WebP jetzt so viel Aufmerksamkeit?

Grund ist die offizielle Ankündigung von Google am 28. Mai 2020! Wir geben bekannt, dass wir ab 2021 Core Web Vitals, das die Bildanzeigegeschwindigkeit als Komponente enthält, als UX-Index zur Bewertung des Suchrankings hinzufügen werden.

Jetzt ist also ein guter Zeitpunkt, WebP zu implementieren, das entwickelt wurde, um die Anzeigegeschwindigkeit und den Website-Traffic zu reduzieren. In den folgenden Artikeln finden Sie Details zu wichtigen Web-Grundlagen und zur Verbesserung der Benutzerfreundlichkeit.

Welche Auswirkungen hat Core Web Vitals, das 2021 vorgestellt wird, auf die Google-Suchergebnisse?
Welche Auswirkungen hat Core Web Vitals, das 2021 vorgestellt wird, auf die Google-Suchergebnisse?
Ab dem 28. Mai 2020 verwendet Google Core Web Vitals als UX-Indikator für vorhandene Signale bei der Bewertung von Suchrankings ab 2021.

Die Benutzerfreundlichkeit von Smartphone-Sites erhöht das Suchranking! 7 effektive Verbesserungspunkte für SEO
Die Benutzerfreundlichkeit von Smartphone-Sites erhöht das Suchranking! 7 effektive Verbesserungspunkte für SEO
Die „Usability von Smartphones“ wird immer wichtiger, da die Zahl der Nutzer des mobilen Surfens statt des PCs steigt. Warum sind Sie in diesem Artikel ein Smartphone-Benutzer?
Vorteile von WebP! Ist es besser als andere Bildformate?
Der größte Vorteil der Einführung von WebP ist schließlich die Gewichtsreduzierung der Bilder. Wie unten gezeigt, ist die Bildgröße theoretisch erheblich kleiner als JPEG und PNG.

▼ Geringe WebP-Dateigrößenrate

Im Vergleich zu JPEG: 25-34% kleiner
Im Vergleich zu PNG: ca. 28% kleiner
Darüber hinaus unterstützt es Animationen und kann auch mit verlustbehafteter Komprimierung mit Alphakanälen umgehen, wodurch es für den Export von transparenten Bildern geeignet ist. Wenn man die Vielfalt mit anderen Bildformaten vergleicht, ist die Exzellenz von WebP sogar offensichtlich.

▼ Vergleichstabelle von 5 Arten von Bildformaten

Format Komprimierungsleistung Verlustfreie Komprimierung Verlustbehaftete Komprimierung Transparente Animation
WebP Sehr teuer 〇 〇 〇 〇
Erhöhte SVG 〇 × 〇 〇
Erhöhtes PNG 〇 × 〇 ×
Hohes JPEG △ 〇 × ×
GIF normalerweise 〇 〇 △ 〇

Was ist WebP?

Was ist WebP?

WebP

Google bietet verlustfreie Komprimierung, verlustbehaftete Komprimierung ist das neueste entsprechende Bildformat.
Die Dateierweiterung ist “.webp”.

Webp

Die Dynamik von WebP im Formatkrieg der nächsten Generation
Typische Bildformate sind “JPEG”, “GIF” und “PNG”, die seit Beginn der Expansion des Webs bis heute als Standard verwendet werden. Obwohl sie das Web seit langem unterstützen, hat jedes Unternehmen die Entwicklung und Einführung von Bildkomprimierungstechnologien gefördert. Die bekanntesten sind “JPEG XR” von Microsoft, “JPEG 2000” von Apple und “WebP” von Google, die in diesem Artikel vorkommen. Aufgrund von Spekulationen über den Wettbewerb um Marktanteile stagniert die Penetration jedoch nur. WebP, der als Standard der nächsten Generation gilt, wird im September 2010 verfügbar sein, damit Sie sehen können, wie heftig der Konflikt war. WebP ist ab August 2020 in den meisten Browsern außer IE / Safari verfügbar, möglicherweise aufgrund des ins Stocken geratenen Formatkriegs. Das Folgende ist das Ergebnis der Suche nach WebP auf der Website “Kann ich verwenden …”, wo Sie die Kompatibilität des Browsers mit der Webtechnologie überprüfen können. Da Safari in der kommenden Version 14 auch WebP unterstützen wird, ist der neueste Stand der unterstützten Browser nur IE JPEG

XR, Safari nur JPEG Man kann sagen, dass 2000 komplett entfernt wurde. Speziell für JPEG XR wird es gestoppt, da es im neuen Chromium-basierten Edge nicht mehr verfügbar ist, und es wird durch die Verbesserung von WebP verstärkt. Vor diesem Hintergrund ist die Aufmerksamkeit von WebP extrem hoch und soll zu einem wesentlichen Wissen in der Webproduktion werden.
f: id: t-okubo: 20200817172652j: einfach

Vorteile der Verwendung von WebP
Vorteil 1: Dateigröße kann reduziert werden
Hervorragend im Vergleich zu herkömmlichen Schlüsselformatalgorithmen Verlustfreie oder verlustbehaftete Komprimierung ist möglich, um beide Arten zu verarbeiten, WebP verlustfreies Bild PNG (verlustfreie Komprimierung) ca. 26% im Vergleich zu verlustbehafteter Komprimierung Bild von WebP JPEG im Vergleich zu Dateigröße kann um ca. 25 bis 34% reduziert werden . Im Folgenden finden Sie einen Vergleich von Informationen, die im gleichen Bild im JPEG / WebP-Format (verlustbehaftete Komprimierung) gespeichert wurden. Die Dateigröße wird bei WebP um ca. 40 % auf 314 KB reduziert, im Vergleich zu 520 KB bei JPEG. Durch die Reduzierung der Bilddateigröße wird die Seitenanzeige schneller und SEO-Maßnahmen sowie die Benutzerfreundlichkeit (UX) sollen sich verbessern. In der SEO-Messfunktion „Lighthouse“, die in den Chrome-Entwicklungstools installiert ist, wird bewertet, ob das Bild mit dem Format der nächsten Generation kompatibel ist oder nicht, und wenn es dies nicht unterstützt, wird die Diagnose „Performance“ wie folgt durchgeführt. Eine Warnung wird angezeigt und die Punktzahl wird von der Anzahl der Bilder im alten Format abgezogen. Sie sehen, dass die Formatunterstützung der nächsten Generation kein übersehenes Element mehr ist.

f: id: t-okubo: 20200818202726p: einfach

f: id: t-okubo: 20200817175635j: einfach

Auf der anderen Seite können reichere Websites, die mehr Bilder verwenden, die Vorteile der Gewichtsreduktion erwarten, wie Sie an der Tatsache sehen können, dass die Bewertung der Anzahl der Bilder zunimmt, die mit dem Format der nächsten Generation kompatibel sind. Jetzt, da Designs beliebt sind, die die Herzen der Benutzer mit großen Bildern wie Heldenbildern erobern, kann man sagen, dass die Kompatibilität mit WebP eine sehr effektive Maßnahme zur Verbesserung der Website ist.

Vorteil 2: Alphakanalanimation unterstützen (transparent)
Da JPEG eine verlustbehaftete Komprimierung ist, hat es eine hohe Komprimierungsrate und eignet sich zum Speichern von Fotos mit vielen Farben, unterstützt jedoch keine Transparenz oder Animation. Andererseits können GIF und PNG transparent und animiert sein, aber das Komprimierungsverhältnis ist aufgrund der verlustfreien Komprimierung nicht hoch. Aufgrund dieser individuellen Eigenschaften war es traditionell notwendig, je nach Verwendungszweck des Bildes unterschiedliche Formate zu verwenden. WebP hat diese Barriere beseitigt.
Verlustfreie Komprimierung Verlustfreie WebP-Bilder unterstützen Transparenz mit einer zusätzlichen Dateigröße von 22 % und können mit Tools animiert werden. . Außerdem hat es, wie in Merit (1) erwähnt, eine Komprimierungsrate, die die des vorherigen Formats übertrifft, so dass es möglicherweise nicht lange dauert, bis keine Fehler mehr auftreten, solange die Bilddatei in WebP platziert wird.

Nachteile der Verwendung von WebP
Nachteil 1: einige Browser werden nicht unterstützt