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


Free Download Mp4Gain
picture

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”.


Free Download Mp4Gain
picture

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

Sie können das Bild verkleinern! Bildformat der nächsten Generation “WebP”

Sie können das Bild verkleinern! Bildformat der nächsten Generation “WebP”

WebP

Bildformat der nächsten Generation “WebP”

Webp

Kennen Sie “WebP”?

WebP ist ein von Google entwickeltes Bildformat.

Es hat die Eigenschaft, dass die Größe des Bildes reduziert werden kann, und es kann gesagt werden, dass es sich um ein Format handelt, das wir als SEO-Maßnahme verwenden möchten, um die Geschwindigkeit der Seite zu verbessern.

Diesmal möchten wir “WebP” vorstellen, das als Next-Generation-Format bezeichnet wird.

■ Was ist WebP?

WebP ist ein von Google in den USA entwickeltes Bildformat. Das Feature ist, dass das Bild verkleinert werden kann, was “25 bis 35% kleiner als JPEG und PNG” sein soll.

Derzeit (Stand Juli 2020) unterstützen etwa 78% der Browser wie Chrome, Edge und Firefox WebP, aber Safari unterstützt es noch nicht.

Bei “Items for Enhancement” in Google Speed ​​Insight, wenn Sie Formate der nächsten Generation wie “JPEG 2000”, “JPEG XR” und “WebP” verwenden, ist die Komprimierungsrate höher als PNG und JPEG und die Datei kann gelöscht werden , also ist auch die Lesegeschwindigkeit hoch. Steigt “.

■ Vorteile von WebP

Der Vorteil der Verwendung von WebP besteht, wie bereits erwähnt, darin, dass die Größe des Bildes reduziert werden kann.

Mit abnehmender Größe nimmt die Anzeigegeschwindigkeit der Seite zu, was auch ein Maß für SEO ist. Mit anderen Worten, WebP ist ein Bildformat, das die Anzeigegeschwindigkeit reduzieren soll.

Neben “JavaScript” ist “das Verkleinern des Bildes” wichtig, um die Geschwindigkeit der Seite zu verbessern, daher ist WebP ein Format, das wir gerne einbinden würden.

Ein weiterer Vorteil ist, dass die Bilddateiformate vereinheitlicht sind.

■ Nachteile von WebP

Der Nachteil von WebP ist, dass einige Browser noch nicht unterstützt werden.

Eines der Dinge, die nicht unterstützt werden, ist Safari. Gerade in Japan, wo der iPhone-Anteil groß ist, nutzen viele Leute Safari, daher ist es notwendig, ein alternatives Bildformat einzustellen.

■ Safari unterstützt auch WebP

Ab Juli 2020 ist “WebP” nicht mit Safari, einem Apple-Browser, kompatibel. Es wurde jedoch angekündigt, dass es mit der PC-Version und der iOS-Version von Safari 14 kompatibel sein wird.

Dies ist ein willkommenes Update in Japan, das einen großen Teil des iPhones enthält.

■ Hinweise und HTML-Beschreibungsmethode bei Verwendung von WebP

Die meisten Browser unterstützen Bilder im WebP-Format, aber nicht 100 % der Browser unterstützen WebP.

Daher muss für nicht unterstützte Browser beschrieben werden, wie ein anderes Bild wie unten gezeigt angezeigt wird.

<Bild>
<source type = “image / webp” srcset = “example.png.webp”>
<img src = “example.png”>
</ Bild>

example.png.webp gibt zwei Bildformate für ein Bild an, und wenn das Bild in example.png.webp nicht angezeigt werden kann, wird example.png angezeigt.