Gute Bilder und eine schnelle Webseite – diese beiden Aspekte stehen oft im Widerspruch. Damit Sie sich nicht für das eine oder andere entscheiden müssen, werden Bilder für Webseiten optimiert. Wie Sie das selbst tun können, erfahren Sie in diesem Blogpost.
Damit eine Webseite schnell ist, brauchen wir so kleine Bilder wie möglich. Die Seite soll jedoch eindrücklich und ansprechend wirken. Um dies zu erreichen brauchen wir oft qualitativ gute und grosse Bilder (z.B. wie im Bild oben). Um ein Gleichgewicht zwischen Bildgrösse und Qualität zu erreichen, optimieren wir die Bilder für die Webseite. Detaillierte Infos, weshalb Bilder optimiert werden, sind in unserem letzten Blogbeitrag zu lesen – nun geht es an die Praxis!
Kostenpflichtige Tools
Im Folgenden stellen wir Ihnen zwei kostenpflichtige Programme für die Bildoptimierung vor. Die kostenlosen Möglichkeiten erklären wir unter Gratis Tools.
Photoshop
Photoshop ist ein Programm aus der Palette der Adobe Creative Cloud. Wer Photoshop als Einzelprogramm nutzt, zahlt momentan knapp 24 Franken im Monat. Für die gesamte Creative Cloud sind es knapp 60 Franken im Monat. Für den Preis bietet das Tool umfangreiche Funktionen an, mit welchen sich Bilder optimieren lassen.
Über die Tastenkombination Umschalt+Ctrl+Alt+S oder Datei -> Exportieren -> Für Web speichern. Hier lassen sich Bildgrösse, Bildformat, Komprimierungsstufe usw. manuell einstellen.
Alternativen bieten Photoshop-Erweiterungen wie das Web Sharpener Panel. Das ist eine Photoshop-Erweiterung, die es beispielsweise ermöglicht, mehrere Bilder auf einmal zu optimieren – so sparen Sie viel Zeit ein.
Affinity
Eine preiswerte Alternative zu Photoshop ist Affinity Photo. Dieses Programm wird kontinuierlich weiterentwickelt und hat eine breite Akzeptanz. Aktuell kostet es einmalig 48 Franken. Für jemanden mit kleinem Budget eine wesentlich günstigere Variante.
Bei Affinity Photo können Bilder in Grösse, Format und Komprimierungsstufe optimiert werden.
Gratis Tools
Nicht jeder hat das Budget, für seine Bildoptimierung zu bezahlen. Es gibt gratis Tools im Internet, welche die Komprimierung der Bilder übernehmen. Der grösste Teil hat kaum individuelle Einstellungsmöglichkeiten, für eine schnelle und simple Komprimierung reicht es jedoch allemal.
TinyPNG
Auf TinyPNG können maximal 20 Bilder auf einmal komprimiert werden. Die Bilder dürfen nicht grösser als 5 MB sein. Möchten Sie mehr oder grössere Bilder komprimieren, wird eine Nutzungsgebühr fällig. Das Tool ist einfach bedienbar – die Bilder können Sie per Drag and Drop auf das Fenster ziehen. Nachdem die Bilder optimiert sind, werden diese zum Herunterladen bereitgestellt.
Der grosse Vorteil: PNGs und JPGs können ohne Qualitätsverlust komprimiert werden. TinyPNG gibts übrigens auch als Photoshop Erweiterung.
Squoosh
Eine zweite gratis Möglichkeit ist Squoosh. Das Tool bietet einige zusätzliche Möglichkeiten im Vergleich zu TinyPNG. Hier spielt es keine Rolle, wie gross das Bild ist. Ausserdem kann selbst ausgewählt werden, wie gross das Bild am Schluss sein soll und wie hoch die Komprimierung. Wer sich in der Bildoptimierung noch nicht wirklich zu Hause fühlt, könnte mit diesen vielen Einstellungsmöglichkeiten Mühe haben – für geübtere Nutzer kann es sich aber als nützlich erweisen.
Nachteil im Gegensatz zu TinyPNG ist, dass nicht mehrere Bilder auf einmal komprimiert werden können.
Responsive Breakpoints
Bilder für responsive Webseiten werden optimalerweise sogar in unterschiedlichen Grössen hinterlegt. So kann die Webseite je nach Bildschirmgrösse die richtige Datei laden. Das trägt zu einer noch schnelleren Webseite bei und zur besseren Einstufung in der Suchmaschine. Auch für dieses Vorgehen gibt es bereits Tools – beispielsweise Responsive Breakpoints. Es komprimiert das gewünschte Bild auf verschiedene Bildgrössen (je nach Gerät). Das Tool zeigt gleich den Code an, der in der Webseite integriert werden muss, damit die Bilder richtig laden.
Fazit
Wie sehr bei der Bildoptimierung in die Tiefe gegangen wird, kann variieren. Wichtig ist, dass Bilder überhaupt optimiert werden. Das ist heute längst nicht auf allen Webseiten der Fall. Wie sieht es mit Ihrer Webseite aus? Wenn Sie Fragen zu den Tools haben oder wir die Bildoptimierung für Sie übernehmen dürfen, sind wir gerne für Sie da.
