So reduzieren Sie die Bildgröße für Ihre Websites (ohne Qualitätsverlust)

Aktualisiert: 2022-04-25 / Artikel von: Jason Chow

Das Reduzieren der Bildgröße der Website ist unerlässlich, um sicherzustellen, dass Ihre Besucher ein optimales Erlebnis erhalten. Da Bilder so „schwer“ sind, verursachen sie auch längere Seitenladezeiten, was Google hasst. Das Hinterlassen nicht optimierter Bilder kann zu Folgen für das Ranking der Search Engine Results Page (SERP) führen.

Website-Besitzer haben oft eine Hassliebe zu Bildern. Wir lieben sie für die reichhaltige Erfahrung, die sie unseren Benutzern bieten können. Bilder verursachen jedoch häufig einen unverhältnismäßig hohen Ressourcenaufwand. Um dies zu vermeiden, können wir auf verschiedene Weise daran arbeiten, die Bildgröße zu reduzieren.

Denken Sie daran, dass das Reduzieren der Bildgröße das Reduzieren der Dateigröße bedeutet und nicht nur das Reduzieren der Pixelabmessungen. 

1. Verwenden eines Bildeditors

Frau malen

Die einfachste Methode zum Reduzieren der Bildgröße ist die Verwendung eines Tools wie Microsoft Paint (oder GIMP wenn Sie Linux verwenden). Ich habe eine relativ große Datei im obigen Bild heruntergeladen, die ursprünglich 3724 x 2400 Pixel groß war. Es nahm 1.2 MB in Anspruch, was für die Webnutzung von Bedeutung ist.

Als ich das in Microsoft Paint öffnete, änderte ich die Größe auf eine Breite von 1024 Pixel mit einer proportionalen Verkleinerung der Höhe. Das Ergebnis war ein Bild mit 1024 x 659 Pixeln bei nur 273 KB Größe. Wie Sie sehen können, wurde durch die Reduzierung der Bildgröße mehr als das Fünffache der ursprünglichen Dateigröße eingespart.

2. Verwenden der Bildkomprimierung

Bildkompression

Die Bildkomprimierung kann dabei helfen, die Bildgröße weiter zu reduzieren. Jedes Bild enthält Komponenten wie Farbqualität, Pixeldichte und mehr. Je besser die Qualität, desto mehr Daten enthält das Foto und nimmt daher eine größere Größe ein.

Wir brauchen nicht immer Bilder in bester Qualität für die Verwendung im Internet, insbesondere im Zeitalter der mobilen Geräte. Aus diesem Grund können Sie Bilder mit einem Online-Tool wie komprimieren Optimizilla. Mit diesem Tool können Sie die Bildqualität steuern, um die Bildgröße zu reduzieren.

Durch Einstellen einer Bildqualität von 70 habe ich das verkleinerte Bild von 274 KB auf weniger als 80 KB reduziert. Denken Sie daran, dass dies der ursprünglichen Bildgröße von über 1.2 MB entspricht.

3. Konvertieren von Bildern in andere Formate

Bilder gibt es in verschiedenen Arten, die ihre Qualität und Größe beeinflussen. Beispielsweise könnte dasselbe Bild im JPG-Format erheblich kleiner sein als dasselbe im BMP-Format. Heutzutage bewegen sich viele Websites in Richtung Bildformate der nächsten Generation wie WebP.

Wiederum mit einem Online-Tool wie z Online konvertieren, kann ich das ursprüngliche Wolfsbild schnell vom JPG- in das WebP-Format umwandeln. Diese Änderung führte zu weiteren Größeneinsparungen, wobei die WebP-Datei jetzt nur noch 28.7 KB groß ist. 

4. Verwenden Sie ein WordPress-Plugin

Smooth

Wenn Sie mehrere Bilder verarbeiten und eine ausführen müssen WordPress Website, gibt es eine noch bessere Option. Bildoptimierungs-Plugins können all dies auch ohne Ihr Eingreifen tun. Beispiele für seriöse Bildoptimierungs-Plugins sind: EWWW-Optimierer, Bild Smushund Imagify.

Der Vorteil der Verwendung dieser Plugins besteht darin, dass sie unabhängig voneinander arbeiten können und Sie sich keine Sorgen machen müssen, sobald Sie die Dinge eingerichtet haben. Die Verwendung von Plugins erhöht jedoch den Gesamtressourcenverbrauch auf Ihrer Website, also wählen Sie Ihre Plugins mit Bedacht aus.

Abschließender Gedanke zum Reduzieren der Bildgröße

Die verschiedenen gezeigten Methoden schließen sich nicht gegenseitig aus. Sie können wählen, ob Sie einen, zwei oder alle drei verwenden möchten, und die Ergebnisse werden sich im Allgemeinen nur verbessern. Das Hauptziel ist es, die Dateigröße so weit wie möglich zu reduzieren, ohne zu viel Bildqualität zu opfern.

Denken Sie daran, je leichter Ihre Website ist, desto vorteilhafter ist sie für Ihre Leser und Sie. Sie erhalten ein reibungsloseres Ladeerlebnis, während Sie weniger für Speicherplatz und Bandbreite bezahlen. Es ist eine Win-Win-Situation.

Weiterlesen:

Über Jason Chow

Jason ist ein Fan von Technologie und Unternehmertum. Er liebt es Website zu erstellen. Sie können sich mit ihm über Twitter in Verbindung setzen.