sollte ich Webpack verwenden

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

Free Download Mp4Gain

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

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

* 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

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

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

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?

Google bietet verlustfreie Komprimierung, verlustbehaftete Komprimierung ist das neueste entsprechende Bildformat.
Die Dateierweiterung ist “.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”

Bildformat der nächsten Generation “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.

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.