Welche Bilddateiformate gibt es und wie wählt man sie aus?
|
1. Welche drei Formate? Dies sind: gif, jpg und png. Warum ist es wichtig, Bilddateien zu optimieren? Bei Websites mit geringem Datenverkehr wird der Bildoptimierung möglicherweise nicht viel Aufmerksamkeit geschenkt. Wenn die Website jedoch täglich Zehntausende Besuche hat, beispielsweise 100.000, dann spart die Reduzierung der Bildgröße um 3 KB 9 G Bandbreite im Monat. Dies reduziert die Kosten sowohl für Benutzer, die die Website gleichzeitig besuchen, als auch für den Website-Betrieb selbst. 3. Mehrere Konzepte, die erwähnt werden müssen 1. Verlustbehaftete Komprimierung und verlustfreie Komprimierung Zu diesen beiden Konzepten habe ich verwandte Artikel im Blog von Taobao UED gesehen und fand sie sehr gut. Der Link führt zum Thema Bildformat und Design. 2. Die Farbtiefe bezieht sich auf die Anzahl der Farben, die in einem bestimmten Bildformat enthalten sind. Ausgedrückt in Bits stellt beispielsweise eine 8-Bit-Farbtiefe 256 Farben dar. 4. Einführung in die drei Formate 1. GIF (1) Es wird nur der 8-Bit-Farbtiefenmodus unterstützt, d. h., im selben Bild können nur 256 Farben vorhanden sein. Wenn die Zahl 256 überschreitet, gehen einige Farbinformationen verloren. (2) Unterstützt 1-Bit-Transparenz, d. h. entweder vollständig transparent oder undurchsichtig. (3) Unterstützt einfache Frame-basierte Animationen (die in den anderen beiden Formaten nicht verfügbar sind) (4) Wann wird es verfügbar sein? Zum Speichern in diesem Format eignen sich Bilder mit weniger Farbwerten und großen gleichfarbigen Flächen. 2.jpg (1) Unterstützt 24-Bit Farbtiefe. (2) Unterstützt keine Transparenz. (3) Bilder in diesem Format können komprimiert werden und der Komprimierungsgrad kann eingestellt werden. Je höher die Stufe, desto klarer das Bild, aber desto größer die Dateigröße und umgekehrt. Beim Komprimieren müssen Sie daher ein Gleichgewicht zwischen Bildqualität und Dateigröße finden. (4) Wann wird es verfügbar sein? Zum Speichern in diesem Format eignen sich Bilder mit hohen Farbwerten, satten Farben und Details. 3.png (1) Es stehen zwei Farbtiefenmodi zur Verfügung: 8-Bit und 24-Bit. (2) PNG-Dateien mit 24-bit Farbtiefe können verlustfrei komprimiert werden, die Dateien werden dadurch allerdings entsprechend groß und werden vom IE6 nicht unterstützt. (3) PNG-Dateien mit 8-Bit-Farbtiefe verwenden ähnliche Farbindizes wie GIFs, und in den meisten Fällen sind komprimierte PNG-Bilder bei gleichen Einstellungen kleiner als GIFs. (4) Wann wird es verfügbar sein? Es wird empfohlen, PNG-Dateien mit 8-Bit-Farbtiefe zu verwenden. V. Fazit Bei der Auswahl eines Bilddateiformats sollten Sie die drei Faktoren Transparenz, Farbtiefe und Komprimierungsrate abwägen. Wenn die Farben kräftig sind und keine Transparenzunterstützung erforderlich ist, ist JGP zweifellos die am besten geeignete Wahl. Wenn Transparenzunterstützung erforderlich ist, ist JPG zweifellos die erste Option, die ausgeschlossen werden sollte. Ich glaube, dass durch die Einführung der oben genannten drei Formate jeder ein gewisses Verständnis für die Auswahl von Bilddateiformaten bekommt. Dieser Artikel geht näher auf Folgendes ein : Die hervorragende Bildqualität digitaler Spiegelreflexkameras beruht nicht nur auf einer guten Hardware-Ausstattung, sondern bietet auch große Freiheitsgrade bei der Nachbearbeitung der Bilder. Dabei müssen wir einen Faktor erwähnen: das Dateiformat des Bildes. Vielleicht sagt es ja jemand? Was gibt es zum Bildformat zu sagen? Tatsächlich ist das nicht der Fall. Es ist eine Menge Wissen erforderlich. Bei digitalen Spiegelreflexkameras haben wir es normalerweise mit drei Bilddateiformaten zu tun: JPEG, RAW und TIFF. Gewöhnliche Verbraucherprodukte unterstützen nur das JPEG-Format. Was sind also die Unterschiede zwischen den dreien und wie sollten sie verwendet werden? Das JPEG-Format ist derzeit das am weitesten verbreitete Dateiformat. Die Dateiendung lautet JPG. Es ist ein verlustbehaftetes Komprimierungsformat, ähnlich wie MP3 in der Musik. Die mit einer digitalen Spiegelreflexkamera aufgenommenen JPEG-Bilder stellen das endgültige „Ergebnis“ nach verschiedenen Verarbeitungsvorgängen (Helligkeit, Kontrast, Sättigung und Weißabgleich) in der Kamera dar und sind sehr einfach zu verwenden. Obwohl JPG heutzutage eine recht gute Bildqualität liefern kann, ist es in den Augen anspruchsvoller Menschen immer noch ein komprimiertes Format. Darüber hinaus ist der Nachbearbeitungsraum von JPEG relativ begrenzt. Aus diesem Grund kann JPEG den anspruchsvollsten Bedingungen nicht gerecht werden. RAW steht für „Rohdatenformat“ und enthält die ursprünglichen lichtempfindlichen Daten des lichtempfindlichen Elements (CCD oder CMOS) der Kamera ohne jegliche Verarbeitung durch die Kamera. Was sind die Vorteile von RAW-Dateien? Man kann es sich so vorstellen: Der Vorgang des Fotografierens ist wie das Kochen eines Gerichts, und die Rohdaten in der RAW-Datei sind die Rohstoffe zum Kochen. Die Kamera gibt JPEG-Bilder direkt aus, was bedeutet, dass sie in kürzerer Zeit erstellt werden können. Durch die Verwendung von RAW-Dateien können Sie die Zutaten speichern und sie einem anderen Koch geben, der mehr Zeit für die Feinabstimmung aufwenden kann. Auf diese Weise entsteht natürlich ein anderer Geschmack. Darüber hinaus kann das Endergebnis durch die kontinuierliche Aktualisierung der Postproduktionssoftware weiter verbessert werden. Da RAW sehr „primitiv“ ist, sind die Dateiformate digitaler Spiegelreflexkameras verschiedener Marken und Modelle nahezu nicht universell und erfordern zur Verarbeitung spezielle Software. Canon verfügt beispielsweise über Digital Photo Professional, Nikon hat Nikon Capture NX und es gibt einige allgemeine Software wie Adobe Photoshop CS2 und so weiter. Aufgrund von Inkompatibilitäten variieren auch die Dateierweiterungen, z. B. Canon CRW, CR2, Nikon NEF und Sony ARW usw. RAW hat noch einen weiteren Vorteil. Sollten Sie später noch diverse Anpassungen am Bild vornehmen, kommt es zu keinerlei Einbußen bei der Bildqualität. Wird JPG nachträglich angepasst und weiter komprimiert, entstehen nur noch mehr Verluste. Neben den Formaten JPEG und RAW gibt es auch ein TIFF-Format mit der Dateiendung TIF. Bei digitalen Spiegelreflexkameras dient TIFF als endgültiges Verarbeitungsergebnis der RAW-Dateien. Das heißt, die RAW-Datei wird bearbeitet und schließlich in eine TIFF-Datei umgewandelt. Dafür gibt es zwei Gründe: Erstens ist TIFF ein Format, das von allen Bildverarbeitungsprogrammen unterstützt wird und weit verbreitet ist. Zweitens handelt es sich um ein unkomprimiertes Format, mit dem die Bildqualität maximiert werden kann. Daher kann durch die Konvertierung von RAW in TIFF sichergestellt werden, dass der gesamte Prozess verlustfrei ist. Dies ist auch die optimale Möglichkeit, die Vorteile der Bildqualität digitaler Spiegelreflexkameras optimal zu nutzen. Natürlich kann RAW auch in JPEG-Dateien umgewandelt werden, aber dadurch wird der Zweck der Verwendung von RAW zunichte gemacht – am Ende muss es immer noch eine verlustbehaftete Komprimierung durchlaufen und der Wert von RAW wird erheblich reduziert. |
<<: Die Breite der Tabellenzelle td ist ungültig und der interne Inhalt dehnt sie immer aus
>>: Beispielcode zum Erstellen eines Admin-Dashboard-Layouts mit CSS und JavaScript
Artikel empfehlen
Zwei Methoden zum Strecken des Hintergrundbilds einer Webseite
Es gibt zwei Lösungen: Eine Möglichkeit ist CSS, b...
Implementierung der gemeinsamen Nutzung von Daten zwischen Docker Volume-Containern
Was ist Volumen? „Volume“ bedeutet auf Englisch K...
Reines CSS3 zum Erstellen eines Beispielcodes für Seitenwechseleffekte
Das, was ich vorher geschrieben habe, ist zu komp...
MySQL-Sortierung mittels Index-Scan
Inhaltsverzeichnis Installieren Sie Sakila Index-...
So verwenden Sie Dayjs zum Berechnen gängiger Daten in Vue
Bei der Verwendung von Vue zur Entwicklung von Pr...
Implementierung der kontinuierlichen Integration von Jenkins+Docker
Inhaltsverzeichnis 1. Einführung in Jenkins 2. Je...
So verwenden Sie die JSX-Syntax richtig in Vue
Inhaltsverzeichnis Vorwort Virtueller DOM Was ist...
So konfigurieren Sie die bidirektionale Zertifikatsüberprüfung auf dem Nginx-Proxyserver
Generieren einer Zertifikatskette Verwenden Sie d...
JS Asynchronous Stack Tracing: Warum „await“ besser ist als „Promise“
Überblick Der grundlegende Unterschied zwischen a...
Lösen Sie das Problem der Verwendung von weniger in Vue
1. Installieren Sie weniger Abhängigkeiten: npm i...
Beispielcode zum Erzielen eines kleinen Dreiecksrahmeneffekts mit reinem CSS3+DIV
Der spezifische Code lautet wie folgt: Der HTML-C...
Detaillierte Erklärung des Pufferpools in MySQL
Jeder weiß, dass Daten in MySQL auf die Festplatt...
5 Punkte, auf die Sie beim Erstellen einer Webseite achten sollten
1. Farbabstimmungsproblem <br />Eine Webseit...
Mehrere gängige Methoden zum Festlegen der Ankerpositionierung in HTML
Mir sind mehrere Möglichkeiten bekannt, die Ankerp...
Tutorial zur Installation von mysql-8.0.18-winx64 unter Windows (mit Bildern und Text)
1. Laden Sie das Installationspaket herunter Das ...