WordPress Standard Bildgrößen (Default Einstellung)

WordPress ermöglicht 4 Bildformate, Vorschaubild (Thumbnail), Mittel (Medium), Groß (Large) und Vollständig (Full). Nach der Neuinstallation von WordPress findest du folgende Defaulteinstellung:

1. Vorschaubild: 150 x 150 px
2. Mittel: 300 x 300 px
3. Groß: 1024 x 1024 px
4. Vollständige Größe: Originalgröße ist nur auswählbar, wenn das Bild größer als das „Groß“ Format ist.

In der Wirkung bedeutet dies, dass zu jedem Original (Web-Bild) zusätzliche Vorschaubilder abgespeichert werden. Diese Bilder sind dann per Link mit dem Original-Bild verknüpft.
Den Unterschied zwischen Origil-Bildern und Web-Bildern habe ich bereits im Bericht „Bilder fürs Web optimieren -Empfehlungen und Tipps“ beschrieben.

Meine Empfehlung zur Einstellung der Bildgrößen der Mediathek

Grundlage meiner Empfehlung ist die Breite des Content des verwendeten Themes, in meiner Seite ist dieser maximal 840 px. Da ich die meisten Bilder im Format 3:2 verwende, ist die Höhe in diesem Verhältnis angepasst.

1. Miniaturbilder 150 x 150 mit der Option „Miniaturbild auf exakte Größe zuschneiden.“
   Die Miniaturbilder werden als Artikelbilder verwendet und sollten möglichst gleich groß sein. Ein Ausschnitt ist bei einem so kleinen Bild zulässig.
   Ich verwende diese Größe auch bei großen Galerien, d.h. bei 4 bis 5 Bildern pro Zeile
2. Mittlere Bildgröße 420 x 280. Diese Größe stellt das Bild schon in guter Qualität dar und kann gut in den Textfluss eingepasst werden. Es empfiehlt sich nicht mehr als die Hälfte des Content-Bereiches zu nutzen.
3. Maximale Bildgröße 840 x 560. Mit dieser Größe wird der Content voll ausfüllt, solche Bilder werden bei Einzelberichten als Kopfbild dargestellt
4. Original Web-Bild 1600 x 900 px. Diese Bild wird mit externen Mitteln, d.h. per Fotosoftware oder mit dem Kompression-Plugin erstellt und wird als Lightbox Bild angezeigt

Zusätzlich zu diesen Standards verwende ich noch das Formate 300 x 200 und für Galeriefunktionen mit 3 bzw. 4 Bildern in einer Zeile. Um dies zu nutzen, muss jedoch etwas Code ein der function.php eingesetzt werden: Siehe WordPress -Neue Bildgrößen hinzufügen.

Galeriedarstellung von zwei Bildern im Querformat (Mittel 420 x 280 px)

Zusätzlich zu diesen Standards verwende ich noch das Formate 300 x 200 und für Galeriefunktionen mit 3 bzw. 4 Bildern in einer Zeile. Um dies zu nutzen, muss jedoch etwas Code ein der function.php eingesetzt werden: Siehe Zusätzliche Bildgrößen der WP Mediathek per Code oder Plugin hinzufügen

Neue Bildformate auf bereits bestehende Bilder anwenden

Alle vor der Umstellung an der Mediathek gespeicherten Bilder bleiben von den Änderungen unberührt, sie sind in den alten Formaten gespeichert und soweit verwendet in den Beiträgen entsprechend gespeichert.
Wird nach der Umstellung in der Mediathek ein älteres Bild zum Beispiel im Format „Medium“ eingefügt, wird es zwar in den neuen Abmessungen eingefügt, der Link verweist aber auf das alte Format. Zur Anpassung wird das Bild skaliert, d.h. Höhe und Breite werden entsprechend definiert.

Wie fast immer gibt es für die alten Formate eine Lösung, das Plugin „Regenerate Thumbnails“ übernimmt die Anpassungen aller Bilder die über die WordPress Mediathek hochgeladen wurden. Für jedes neue Format wird zusätzlich zu dem bestehenden Bild ein weiteres erstellt. Die alten Bilder bleiben aber erhalten, um keine Veränderung in den alten Berichten zu kreieren. Nur die Artikelbilder werden, falls das Miniaturformat geändert wurde angepasst, aus meiner Sicht eine sehr gute Lösung.

The post Bildgrößen der Mediathek -Grundeinstellungen von WordPress appeared first on MSR-SUPPORT.

Original-Bilder sind Bilder direkt aus der „Kamera“
und
Web-Bilder sind Bilder welche für das Web optimiert sind

Bilder sind ein wesentlicher Bestandteil der Webseiten. Da die Ladezeit ein wesentlicher Rankingfaktor für die Suchmaschinen ist, gilt es auf optimierte Bilder zu achten. Auch auf Webseiten gilt häufig der alte Spruch: Ein Bild sagt mehr als tausend Worte, deshalb werden sie gerade auf Webseiten reichlich eingesetzt, verursachen aber die größten Datenmengen. Neben einer guten Motivauswahl, kommt es daher darauf an das richtige Bildformat zu wählen und die Bilder zu komprimieren. Je kleiner die Bilddateien sind, desto kleiner ist die Datenmenge, umso schneller lädt die Seite. Das Nutzungserlebnis deiner Besucher wird gesteigert und das Google Ranking belohnt die Mühe.

Original-Bilder

Original-Bilder werden je nach Kameratyp und Einstellung in unterschiedlichen Formaten erstellt. Bei hochwertigen Kameras geht der Trend zum Format 3:2, dies entspricht den Sensorformaten und dem alten Negativ Filmformat 24 x 36. Kleinere Kompaktkameras mit kleinem Sensor tendieren mehr zum Format 4:3. Mobile (Handys, Smartphone) verwenden meist das Format 16:9. Für alle gilt aber, dass eine hohe Auflösung heutzutage selbstverständlich ist. 6000 x 4000 px (bei 3:2) ist heute eine normale Größe.

Es wäre nun leichtes das Original-Bild der Kamera im Web zu verwenden.  Die damit verbundene Dateigröße von über 10 MB würde jedoch zu langen Ladezeiten beim Aufruf der Webseite führen. Von Google werden solche großen Bilddateien abgestraft, also ein Grund sich Gedanken zu machen. Für das Web werden Bilder mit kleiner Datenmenge benötigt damit die Ladezeit, d.h. die Zeit bis deine Webseite auf dem Bildschirm angezeigt wird so klein wie möglich ist

Empfehlung: Bildgröße für Web-Bilder max 1600 x 900 px

Meine Empfehlung basiert darauf, dass ich meine Bilder überwiegend im Format 16:9 oder 3:2 erstelle. Zusätzlich gilt es eine Größe zu verwenden welche auf allen Geräten Handy, Tablet und Desktop gut dargestellt werden kann. Die Größe 1600 x 900 px ist dazu meine Empfehlung. Dies basiert auf dem Format des Displays. Die Standard-Auflösung für HD-Ready beträgt 1280 x 720 Pixel, bei Full HD beträgt die Auflösung 1920 x 1080 Pixel, dies entspricht dem Format 16:9.
Da auch Smartphones und Tablets heute mindestens 1280 x 720 px beherrschen und hochwertige Smartphones meist Full HD 1.920 x 1.080 px unterstützen müssen wir uns an Full HD orientieren.

Meine Empfehlung 1600 x 900 entspricht zwar nicht dem Wert von Full HD, stellt aber einen guten Kompromiss dar. Den Unterschied zu dem vollen Wert 1920×1080  wird keiner erkennen, wir erhalten aber eine kleinere Datenmenge. Tante Google wird es danken.

Vorteile der Web-Bilder

• Die Ladegeschwindigkeit deiner Seite wird verbessern.
• Kombiniert mit einem guten SEO Plugin, ich empfehle dazu Yoast SEO, verbessert dies die SEO. Die Webseite wird in den Suchmaschinenergebnissen einen höheren Rang einnehmen.
• Google wird die Bilder wahrscheinlich schneller für die Google-Bildsuche durchsuchen und indizieren.
• Die Erstellung von Backups wird schneller ablaufen.
  Kleinere Bilddateigrößen verbrauchen weniger Bandbreite. Netzwerke und Browser werden dies zu schätzen wissen.
  Benötigt weniger Speicherplatz auf deinem Server (abhängig davon, wie viele Miniaturansichten Du optimierst).
• Die Speicherkapazität des Servers wird nicht unnötig belastet
• Beim Upload, speziell von mehreren Bildern gleichzeitig entstehen keine zu große Datenmengen, welche den Upload blockieren können
•  

Ich reduziere deshalb bereits vor dem Upload die Bildgröße und die JPD Kompression des Web-Bildes auf maximal 1600 x 900 px mit einem Kompressionsfaktor von 70 %. Selbst einfachste Fotosoftware stellt dazu Funktionen zur Verfügung. Ich verwende dazu die Fotosoftware von ACDSee, es geht aber auch mit Freeware.

Beispiel-Bild mit und ohne JPG Kompression

Das Original-Bild hatte 5,5 MB
Bitte teste selber wie das Bild auf dem Bildschirm wirkt!

Bildkompression zur optimalen Erstellung eines Web-Bild

Die Bildkompression beruht darauf, die ursprünglichen Daten entweder in eine vollständig rekonstruierbare Form zu überführen, die weniger Speicherplatz benötigt oder Daten zu entfernen, deren Verlust kaum wahrnehmbar ist.

Um die Datenmenge der Bilder optimal zu reduzieren, setzte ich deshalb zusätzlich ein Plugin zur Bildkompression ein. Da solche Plugins meist auch eine Option zur Reduzierung der Bildgröße während des Upload-Vorgangs besitzen, erspart man sich den Arbeitsschritt der Größenreduktion am PC. Wer solche Plugins verwendet sollte bei seiner Plugin Auswahl auf dieses Feature achten. Hier zwei empfehlenswerte Plugins:

• Compress JPEG & PNG images -Optimiere deine JPEG- und PNG-Dateien automatisch mit TinyPNG.
• EWWW Image Optimizer -Reduziert Dateigrößen für Bilder innerhalb WordPress

Galeriedarstellung von zwei Bildern im Format 3:2

Bilder in diesem Format werden nach der Größenänderung in der Bildgröße 1350×900 px angezeigt. Die Höhe ist der Begrenzungswert.

Meine Beschreibung habe ich auf das am häufigsten, im Web, verwendete Dateiformat beschränkt. JPG manchmal auch JPEG geschrieben, wurde speziell zum Speichern von Fotografien entwickelt. Das JPG-Format eignet sich vor allem für Bilder mit fotorealistischen Motiven, die in guter Qualität, aber recht geringem Datenvolumen abgespeichert werden sollen.

Weitere Dateiformate für Web-Bilder sind PNG, GIF und SVG

• Das PNG-Format ist eine Alternative zum JPG. Die Komprimierung des PNGs ist jedoch nicht so verlustreich wie beim JPG, weshalb die Datenmenge größer ist.
• Das GIF-Format kann Bilder nur mit maximal 256 Farben darstellen. Es kommt daher vor allem bei Motiven wie z.B. Logos, Icons, Illustrationen oder Navigationsbilder zum Einsatz.
• Das SVG-Format ist ein Vektorformat und kommt zurzeit nur sehr selten zum Einsatz.

The post Bilder fürs Web optimieren -Empfehlungen und Tipps appeared first on MSR-SUPPORT.

Die WordPress Bildkomprimierung ist ein gutes Tool welches beim Upload von Bildern eine gute Datenreduktion liefert.

Der  Gedanke Bilder  ohne Hilfsprogramme direkt in die Mediathek zuladen  ist sicherlich richtig. Gleichzeitig muss aber beachtet werden, dass Bilder häufig Lustbremsen der Webseite sind. Lange Ladezeiten werden oft maßgeblich durch zu große Bilddateien hervorgerufen.

Letztendlich ist selbst mit diesem Bordmittel die Bildkomprimierung noch nicht ausreichen und der Einsatz eines Plugin wird notwendig. In diesem Bericht möchte ich aber zuerst nur die WordPress Bildkomprimierung in der Standardausführung behandeln. Ein Plugin zur weitergehende Komprimierung habe ich in dem Bericht WordPress -Bilder optimieren für das Web (Optimus) bereits beschrieben, weitere werden folgen.

Bei meiner Recherche zur WordPress Mediathek  und Bildkomprimierung fand ich eine hilfreiche Information.

 Kaum jemand weiß, dass WordPress Bilder im JPEG-Format automatisch auf 82% ihrer ursprünglichen Größe verkleinert!

Dies erklärt, warum in den Optionen der Mediathek keine Einstellmöglichkeit für die Bildkomprimierung zu finden ist.

Standard Bildkomprimierung durch WordPress

Ich habe in Test mit eigenen Bildern die WP Datenreduktion geprüft und das Ergebnis mit externen Kompressionsprogrammen verglichen.  Von  Ergebnis war ich sehr erfreut, die WordPress Datenkompression kam meist, zu besseren Resultaten  wie mit meinen Fotoprogrammen. Teilweise konnte ich deutlich bessere Datenreduktion bei gleicher Bildqualität erreichen.

Für Anwender selbst von hochwertiger Kameras bedeutet dies, dass sie das Originalfoto direkt auf den Server hochgeladen können.  Bei einem Foto  mit 6000×4000 Pixel können dies  aber leicht bis zu 14 MB große Dateien sein. Das Hochladen der Bilder braucht dann je nach Übertragungsrate WLAN, LAN ewig! Da ich keinen Nutzen darin sehe, solche Datenmengen auf meinen Server hochzuladen ist mein Tipp:

Zuerst das Foto im Fotobearbeitungsprogramm auf die Maximalanwendung „Web-Bild“ (1600 x 900 px mit Q=70 %) reduzieren und dann die drastisch verkleinerte Datei  von rund 100 bis 200 KB hochladen. Selbst größere Bildermengen werden dann ratzfatz in die Mediathek geladen.

WordPress Bildkomprimierung von JPEGs anpassen

Falls man mit der Basiseinstellung von WordPress nicht zufrieden ist, besteht die möglich den Wert abzuschalten oder einen anderen Wert zu verwenden.

Dazu  navigiert man in den Ordner des verwendeten Themes und öffnet die Datei functions.php. Dort fügt man folgenden Code ein:
add_filter('jpeg_quality', function($arg){return 100;});
add_filter( 'wp_editor_set_quality', function($arg){return 100;} );

Damit wird die Komprimierung von JPEG-Bildern durch WordPress ausgeschaltet. Die 100 bedeutet, dass die Bildqualität von JPEGs nun bei 100 % liegt. Dementsprechend kann man auch eine höhere Komprimierung als 82 %  einstellen, indem man einen kleineren Wert als 82 wählt.

Aus einem Foto mach viele Fotos

Für den neuen Betrachter ist es oft eine Überraschung. Schaut man per FTP Proramm in den  Ordner „uploads“ so findet man nicht eine Bilddatei, sondern viele verschiedene Varianten.

Beim Hochladen der Bilder werden locker rund 10 verschiedene Bildformate, je nach verwendetem Plugin oder Theme,  produziert. Ich habe für mein Theme auch zusätzliche Formate konfiguriert. Wie man solche zusätzliche Formate konfiguriert habe ich in dem Bericht WordPress -Neue Bildgrößen hinzufügen beschrieben

Der Vorteil der Varianten besteht darin, dass nicht immer das große Bild, selbst beim Betrachten von Minibildern, geladen werden muss. Die Geschwindigkeit der Webseite wird so deutlich verbessert. Der Besucher wird es danken.

The post WordPress Bildkomprimierung ist beim upload sehr gut appeared first on MSR-SUPPORT.

Die Auflösung von Digitalbildern wird immer größer, d.h. Bilder mit 8 bis 10 MB sind heute keine Seltenheit. Bildschirme mit größer 20″ und hochauflösende Mobilgeräte möchten Bilder in guter Qualität abbilden. Im Widerspruch dazu besteht die Forderung nach kurzen Ladezeiten, niemand möchte mehrere Sekunden warten bis sich ein Bild aufgebaut hat.

Die Lösung besteht darin einen guten Kompromiss zu finden.

Maximale Bildgröße für Web-Bilder

Dieses Bild möchte ich im folgenden „Original Web Bild“ (Original) nennen, nicht zu verwechsel mit dem „Original Bild“ auf dem heimischen PC.

Original-Bilder werden je nach Kameratyp und Einstellung in den Formaten 3 : 2, 4 : 3 und 16 : 9 erstellt. Zusätzlich gibt es noch Sonderformate als Panorama. Bei hochwertigen Kameras geht der Trend zum Format 3 : 2, dies entspricht den Sensorformaten und dem alten Negativ Filmformat 24×36. Kleinere Kompaktkameras mit kleinem Sensor tendieren mehr zum Format 4 : 3. Für alle gilt aber, dass eine hohe Auflösung selbstverständlich ist.

Da das Original Web Bild meist erst über ein Kleinbild (Thumbnail) aktiviert und als sogenannte Lightbox im Bildschirm großflächig dargestellt wird, erwartet man relativ große Bilder in guter Qualität.

Leider muss aber auch für dieses Format ein Kompromiss gefunden werden. Es wäre ja ein leichtes das Original-Bild der Kamera mit z.B. 6000×4000 px zu verwenden.  Die damit verbundene Dateigröße von rund 10 MB würde jedoch zu langen Ladezeiten führen. Diese Ladezeit entsteht immer dann, wenn das Minibild vergrößert dargestellt wird.

Meine Empfehlung für die Original-Web-Bilder ist 1600 x 900 px

Änderung Stand Mai 2020: Der von mir ursprünglich verwendete Wert von 1000 x 666 px hat sich überholt. Selbst von Facebook wird inzwischen 1200 px empfohlen. Zusätzlich hat sich die Auflösung der modernen Retsina Displays vergrößert, deshalb habe ich den Wert angepasst.

Das folgende Bild welches im Original 13 MB groß war, wurde beim Upload durch das von mir verwendete Plugin EWWW Image Optimizer auf die dort eingegebene maximale Größe von 1200 x 900 px reduziert und auf 343 KB komprimiert.

Bitte selber mit den folgen Bildern testen!  

Ursprüngliche Testreihe Web-Bilder

Als Beispiel habe ich ein Bild, aufgenommen mit einer Spiegelreflexkamera, als Referenzbild verwendet. Das Original Bild im Format 3 : 2 besitzt 6000 x 4000 Pixel bei einer Dateigröße von rund 8 MB. Wird dieses Bild per Größenänderung in der Fotobearbeitungssoftware auf 1000 x 666 Pixel mit einer JPG Kompression von 60 % reduziert zeigen meine Tests, dass auf den Monitoren das Bild in guter Qualität dargestellt wird. Die Dateigröße wird dabei je nach Fotosoftware auf rund 150 kB reduziert. Bei dieser Anpassung ist zu beachten, dass das Seitenverhältnis unverändert bleibt. Ich denke, dies ist ein guter Kompromiss zwischen Qualität und Dateigröße.

Die Einstellung 1000 x 666 px verwende ich für alle Formate. Dadurch ändert sich zwar die Breite der Bilder, die Höhe bleibt jedoch unabhängig vom Format gleich.

Zusätzlich zu den Original-Web-Bildern werden kleinere Bildformate als Vorschaubilder benötigt. Bei den kleinsten Formaten spricht man von Miniaturbildern bzw. Thumbnails. Zusätzlich zu diesen Bildern in der Größe von 50 bis 150 px kommen weitere Größen je nach Anwendung zum Einsatz.

Bildgrößen der WordPress Mediathek

Bei dem von mir eingesetzten CMS System können die Vorschaubilder unter Einstellungen / Medien für das gesamte System konfiguriert werden. In der Konsequenz bedeutet dies, dass zu jedem Original (Original Web Bild) zusätzliche Vorschaubilder abgespeichert werden. Diese Bilder sind dann per Link mit dem Original-Bild verknüpft.

WordPress Standard Bildgrößen

WordPress ermöglicht 4 Bildformate, Vorschaubild (Thumbnail), Mittel (Medium), Groß (Large) und Vollständig (Full). Nach der Installation stehen diese in den folgenden Größen zur Verfügung:

1. Vorschaubild: 150 x 150 px
2. Mittel: 300 x 300 px
3. Groß: 1024 x 1024 px
4. Vollständige Größe: Originalgröße ist nur auswählbar, wenn das Bild größer als das „Groß“ Format ist.

Die von WP zur Verfügung gestellte Standardeinstellung sollte unbedingt an die jeweilige Anwendung angepasst werden. Die Einstellungen sollten sich dabei stark an dem Layout orientieren. Als Orientierung dient der Content-Bereich. Das „Groß“ Format sollte nicht größer als der Content und das „Medium“ Format maximal die Hälfte des Content-Bereiches nutzen.

Meine Empfehlung zur Einstellung der Bildgrößen in der Mediathek

1. Miniaturbilder 150 x 75 mit der Option „Miniaturbild auf exakte Größe zuschneiden.“
   Die Miniaturbilder werden als Artikelbilder verwendet und sollten möglichst gleich groß sein. Ein Ausschnitt ist bei einem so kleinen Bild zulässig
2. Mittlere Bildgröße 280 x 210. Diese Größe stellt das Bild schon in guter Qualität dar und kann gut in den Textfluss eingepasst werden. Es empfiehlt sich nicht mehr als die Hälfte des Content-Bereiches zu nutzen.
3. Maximale Bildgröße 580 x 435. Damit wird der Content voll ausfüllt und das Bild zentriert verwendet. Ich verwende dieses Format gerne für Panoramabilder.
4. Original Web Bild 1000 x 666 px 1600 x 900 px kommt nur als Lightbox Bild zur Anwendung

Galeriedarstellung von zwei Bildern im Querformat 280 x 210px

Zusätzlich zu diesen Standards verwende ich noch die Formate 135 x 90 und 150 x 150 für Galeriefunktionen mit besserer Darstellung der Vorschaubilder. Um dies zu nutzen, muss jedoch etwas Code ein der function.php eingesetzt werden: Siehe WordPress -Neue Bildgrößen hinzufügen.

Bildformate neu berechnen

Alle vor der Umstellung gespeicherten Bilder bleiben von der Änderung unberührt, sie sind in den alten Formaten gespeichert und soweit verwendet in den Beiträgen entsprechend gespeichert.
Wird nach der Umstellung in der Mediathek ein älteres Bild zum Beispiel im Format „Medium“ eingefügt, wird es zwar in den neuen Abmessungen eingefügt, der Link verweist aber auf das alte Format. Zur Anpassung wird das Bild skaliert, d.h. Höhe und Breite werden entsprechend definiert.

Wie fast immer gibt es für die alten Formate eine Lösung, das Plugin „Regenerate Thumbnails“ übernimmt die Anpassungen aller Bilder die über die WordPress Mediathek hochgeladen wurden. Für jedes neue Format wird zusätzlich zu dem bestehenden Bild ein weiteres erstellt. Die alten Bilder bleiben aber erhalten, um keine Veränderung in den alten Berichten zu kreieren. Nur die Artikelbilder werden, falls das Miniaturformat geändert wurde angepasst, aus meiner Sicht eine sehr gute Lösung.

Wurde zum Beispiel das „Mittel“ Format von 320 x 240 px auf 280 x 210 px geändert so finden wir nun im Upload Ordner zwei Bilddateien:
bildname-320×240.jpg und bildname-280×210.jpg

Anmerkung: Zu den WordPress Bildern der Mediathek, ihrer JPG Kompression und Datengröße werde ich in Kürze noch etwas nachtragen, d.h. einfach wieder vorbeischauen oder abonnieren.

The post Bildgröße und JPG Kompression für Web-Bilder appeared first on MSR-SUPPORT.

Die Bildkomprimierung durch Entfernen der Metadaten wird oft unterschätzt, spielt aber zur Reduzierung der Dateigröße eine wichtige Rolle. Den Einfluss der Metadaten hatte ich bisher noch nicht auf meinem Focus. In den letzten Jahren ging jedoch der Trend zu immer leistungsfähigeren Kameras mit immer größeren Datenmengen. Selbst preiswerte Kompaktkameras liefern Unmengen von Information. Diese versteckten Metadaten (EXIF, IPTC, XMP) können bei hochwertigen Kameras große Datenmengen hervorrufen. Solange man nur das Originalbild betrachtet spielen diese Daten keine große Rolle. Bei kleinen Vorschaubildern wie sie im Web zum Einsatz kommen ist der Overhead dieser Daten jedoch beachtlich.

Als Beispiel habe ich dazu ein Bild, aufgenommen mit einer digitalen Spiegelreflexkamera, analysiert. Das Original-Bild im Format 3:2 besitzt 6000 x 4000 Pixel mit einer Dateigröße von rund 8 MB. Dieses Bild habe ich in einem ersten Schritt, in einer Fotobearbeitungssoftware (ACDSee), auf 1000 x 666 Pixel bei einer JPG Kompression von 80% reduziert. Die Metadaten wurden unverändert mitgeführt. Siehe dazu „Bildgröße und JPG Kompression für Web Bilder„.

Das so generierte Web Bild wurde nun in einer WordPress Applikation in die Mediathek hochgeladen und dabei in die voreingestellten Bildgrößen umgewandelt. (WordPress -Neue Bildgrößen hinzufügen)

Einfluss der Metadaten auf Vorschaubilder unterschiedlicher Größe

Wie anhand der Tabelle zu erkennen ist, steigt der Einfluss der Metadaten bei kleinen Bildern extrem an. Es macht deshalb Sinn, zwecks Optimierung für das Web, überflüssigen Metadaten zu entfernen. EXIF, IPTC und XMP Daten benötigen Speicherplatz, sind aber für die Darstellung von Bildern im Web völlig unnötig und haben keinerlei Einfluss auf die Qualität der jeweiligen Bilder.

Entfernen der Metadaten

Eine Lösung besteht darin, bei der Bildgrößen Reduzierung der Web-Bilder, per Fotobearbeitungssoftware, auch die Metadaten zu entfernen. Teilweise kann man dies in einem Arbeitsschritt erledigen. In einigen Fällen ist auch ein zusätzlicher Arbeitsgang notwendig.

Für bereits nach WordPress hochgeladene Bilder konnte ich keine Lösung finden dies nachträglich zu machen! In diesen Fällen habe ich mir geholfen, indem ich per FTP die Bildverzeichnisse heruntergeladen habe und dann in einem Schritt von allen Bildern die Metadaten entfernt habe. Danach alles wieder per FTP hochgeladen, ein etwas komplizierter Weg. Besser ist der Einsatz von Kompressionstools.

Entfernen der Metadaten per Kompressions-Plugin

Grundsätzliche möchte ich die Metadaten nicht von meinem Web-Bild im Full Format entfernen, da ich die Metadaten z.B. zur Übernahme von Bildbeschreibung, Geodaten usw. nutze. Dieses Bild und seine Informationen möchte ich unverändert im Web speichern. Bei allen zusätzlichen Vorschaubildern sollen jedoch die Metadaten entfernt werden.

Hier drei empfehlenswerte Plugins welche im Rahmen der Bild Kompression auch die Metadaten entfernen, sicherlich eine elegante Lösung:

• Compress JPEG & PNG images -Optimiere deine JPEG- und PNG-Dateien automatisch mit TinyPNG.
• EWWW Image Optimizer -Reduziert Dateigrößen für Bilder innerhalb WordPress
• Optimus -Das Plugin von Sergej Müller komprimiert PNG- und JPG-Dateien automatisch im Hintergrund, wenn sie in die WordPress-Mediathek hochgeladen werden.

Beispiel EWWW Image Optimizer

Wer die Meta-Daten im Full Format des Bildes beibehalten möchte, muss bei den Einstellungen zusätzliche Parameter beachten. Mehr dazu findest du in gesonderten Berichten zu den jeweiligen Plugins.
Alle anderen Anwender müssen nichts beachtet.

The post Bildkomprimierung durch Entfernen der Metadaten EXIF, IPTC und XMP appeared first on MSR-SUPPORT.

Da die Nettogröße der Bildschirmdarstellung eine sinnvolle Begrenzung ist habe ich zum Test verschiedene Bildgrößen im Verhältnis 3:4 zusammengestellt. Eventuell hilft euch dies bei der Auswahl der richtigen Bildgröße.

The post Beispielbilder zu Größe und Qualität appeared first on MSR-SUPPORT.