Beschleunigen Sie Ihr WordPress - So speichern Sie für das Web optimierte Bilder

Speichern Sie Bilder falsch? Die meisten Anfänger wissen nicht, wie sie Bilder richtig speichern, was die Geschwindigkeit der Website erheblich beeinflussen kann. In diesem Artikel zeigen wir Ihnen, wie Sie für Web optimierte Bilder richtig speichern.

Jeder Blogging-Experte wird Ihnen sagen, dass Bilder das Engagement erhöhen. Was sie Ihnen jedoch nicht sagen, ist, dass die Optimierung von Bildern für das Web Ihre Website verlangsamen kann. Laut Strangeloop kostet eine Verzögerung von einer Sekunde 7% des Umsatzes, 11% weniger Seitenzugriffe und 16% weniger Kundenzufriedenheit.

Videoanleitung

Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, lesen Sie weiter.

So speichern Sie Bilder richtig?

Beim Speichern von Bildern müssen Sie zwei Dinge beachten: Bilddateiformat, und Kompression. Durch Auswahl der richtigen Kombination können Sie die Bildgröße um das 5-Fache verringern.

Für die meisten von uns sind nur die beiden Bildformate JPEG und PNG. Verwenden Sie JPEGs für Fotos oder Bilder mit viel Farbe und PNGs für einfachere Bilder oder wenn Sie transparente Bilder benötigen.

Für diejenigen, die den Unterschied nicht kennen, ist das PNG-Bildformat nicht komprimiert, was bedeutet, dass es sich um ein Bild mit höherer Qualität handelt. Der Nachteil ist, dass die Dateigröße viel größer ist. Andererseits ist JPEG ein komprimiertes Dateiformat, das die Bildqualität geringfügig verringert, um eine wesentlich geringere Dateigröße bereitzustellen.

Bei WPBeginner sind die meisten unserer Bilder JPEGs.

Das nächste ist die Komprimierung, dh die Verwendung eines Tools zum Speichern von für das Web optimierten Bildern. Kompression kann einen großen Unterschied machen.

In der folgenden Tabelle sind die wenigen Kombinationen aufgeführt, mit denen wir das in diesem Artikel verwendete Strangeloop-Bild speichern konnten.

Bildkomprimierungs-Tools für Blogger

Nachdem Sie nun den Unterschied zwischen den einzelnen Komprimierungsarten erkannt haben, können Sie im Folgenden die für das Web optimierten Bilder richtig speichern und Ihre Website beschleunigen.

Adobe Photoshop

Adobe Photoshop ist eine Premium-Software, die mit einer Funktion zum Speichern von für das Web optimierten Bildern ausgestattet ist. Öffnen Sie einfach Ihr Bild und klicken Sie auf die Schaltfläche Datei> Für Web und Geräte speichern.

Dadurch wird ein Speicherbildschirm geöffnet. Rechts können Sie verschiedene Bildformate einstellen. Beim JPEG-Format sehen Sie verschiedene Qualitätsoptionen. Wenn Sie Ihre Optionen auswählen, wird Ihnen unten rechts die Dateigröße angezeigt.

Hinweis: Wir verstehen, dass Photoshop recht teuer ist. GIMP ist eine kostenlose Alternative, die Benutzer verwenden können. Andere Adobe-Produkte wie Fireworks können die Arbeit genauso gut erledigen.

TinyPNG

TinyPNG ist eine kostenlose Web-App, die die verlustbehaftete Komprimierungstechnik verwendet, um die Größe Ihrer PNG-Dateien zu reduzieren. Alles, was Sie tun müssen, ist auf ihre Website zu gehen und Ihre Bilder hochzuladen. Sie komprimieren das Bild und geben Ihnen den Download-Link.

Für Entwickler gibt es auch eine API zum automatischen Konvertieren von Bildern.

JPEG Mini

JPEGmini verwendet eine Rekomprimierungstechnologie, die die Größe von Bildern erheblich reduziert, ohne dass die Wahrnehmungsqualität beeinträchtigt wird. Sie können ihre Webversion kostenlos nutzen oder das Programm für Ihren Computer erwerben. Sie haben auch eine kostenpflichtige API, um den Prozess für Ihren Server zu automatisieren.

ImageOptim

ImageOptim ist ein Mac-Dienstprogramm, mit dem Sie Bilder ohne Qualitätsverlust komprimieren können, indem Sie die besten Komprimierungsparameter ermitteln und unnötige Farbprofile entfernen.

Windows-Alternative dazu ist Trimage.

Wie Sie sehen, gibt es mehrere Tools, mit denen Sie Bilder für das Web optimieren können. Bei der Verwendung der Photoshop-Komprimierung haben wir die besten Ergebnisse in Bezug auf die Größe festgestellt, die Qualität wurde jedoch beeinträchtigt. TinyPNG war ein klarer Gewinner für das Speichern aller Arten von PNGs im Web.

Einige schlagen vor, dass Sie eine Kombination aus TinyPNG oder JPEG Mini und Image Optim verwenden können, um noch bessere Ergebnisse zu erzielen. Wenn Sie jedoch zwei separate Tools zum Hochladen von Bildern ausführen, kann sich Ihre Arbeitslast etwas erhöhen.

Abschließende Gedanken zur Bildoptimierung

Wenn Sie keine für das Web optimierten Bilder speichern, beginnen Sie jetzt damit. Es kann einen großen Unterschied für die Geschwindigkeit Ihrer Website machen, und Ihre Benutzer werden es Ihnen danken. Sicherlich kann die Bildqualität etwas sinken, die meisten Benutzer werden dies jedoch nicht bemerken.

Wenn Sie nach qualitativ hochwertigen Bildern suchen, finden Sie in unserem Leitfaden, wie Sie lizenzfreie Bilder für Ihre Blogbeiträge finden.

Die Verwendung eines CDNs für die Bereitstellung von Bildern für Ihre WordPress-Site kann Ihre Website erheblich beschleunigen. Sehen Sie sich diese Infografik an, um zu sehen, was ein CDN ist, und verwenden Sie unser Handbuch zum Einrichten des CDN für Ihre Site. Wir verwenden MaxCDN für unsere Website.

Wir hoffen, Sie fanden diesen Artikel hilfreich.

Haben Sie Freunde des Bloggers, die Bilder falsch speichern? Teilen Sie diesen Artikel mit ihnen, damit sie ihre Website beschleunigen können. Sie werden es Ihnen danken.

Wenn Sie Fragen haben, hinterlassen Sie bitte einen Kommentar. Vergessen Sie auch nicht, uns auf Twitter und Google zu folgen+