Perfektioniere deine Website mit images.tooling.report

Sehen Sie sich den Status der Bildtools an.

Patrick Kettner
Patrick Kettner

Es ist eine Sache, ein Bild ins Web zu stellen – aber es ist nicht einfach, das gut zu machen. Die Auswahl des richtigen Formats, der richtigen Komprimierung, des richtigen Punkt pro Zoll (DPI) und Hunderter anderer Einstellungen kann sonst leicht vergessen werden, wenn wir alles selbst machen.

Die gute Nachricht ist, dass wir heute eine Fülle von Tools und Diensten haben, die all das für uns erledigen können. Die schlechte Nachricht ist, dass es eine Fülle gibt. Es kann schwierig sein, das richtige Tool oder den richtigen Dienst für Sie auszuwählen. Deshalb führen wir images.tooling.report ein. Auf dieser Website listen wir auf, was unserer Meinung nach beim Versand von Bildern in der Produktion am wichtigsten ist, und können einige der beliebtesten Software und Dienste vergleichen – ob kostenpflichtig, kostenlos, gehostet oder selbst gehostet.

Woran liegt das?

Bilder machen einen großen Teil der übertragenen Byte einer Website aus – und diese Zahl summiert sich. Tatsächlich machten nicht optimierte Bilder fast 75% der Gesamtgröße einer Seite aus. All diese ungenutzten Bytes haben ihren Preis. Aus diesem Grund ergab eine Studie, die Millionen echter Nutzersitzungen analysiert, ergab, dass Seiten mit Conversions 38% weniger Bilder aufwiesen als Seiten ohne Conversion. Solltest du also einfach alle deine Bilder löschen? Nein gar nicht. Sie sollten jedoch sicherstellen, dass die von Ihnen gesendeten Bilder für alle Nutzer unabhängig von den verwendeten Geräten optimiert sind.

Worum handelt es sich?

Um optimierte Bilder bereitzustellen, reicht es nicht aus, auf „Für das Web speichern“ zu klicken. Deshalb prüft „images.tooling.report“ eine Vielzahl von Funktionen. Wir behandeln die Grundlagen wie die Komprimierung der verschiedenen Tools und Dienste sowie Netzwerkoptimierungen wie langlebige Cache-Header.

Das ist aber noch nicht alles. Wir haben erweiterte Optionen wie die Unterstützung für Save-Data, ECT und andere Clienthinweise getestet, um nach automatisierten psychovisuellen Analysen zu suchen, die Bilder mithilfe von Datenmodellen wiederholt komprimieren können, um die Version zu finden, die die wenigsten Bytes verbraucht, ohne die Art und Weise zu ändern, wie unser Auge sie wahrnimmt. Drücken Sie alle nicht sichtbaren Teile aus Ihren Bildern zusammen, bevor Sie den Draht herunterschicken?

Screenshot der Landingpage für images.tooling.report im dunklen Modus

Natürlich ist jede Website eine Schneeflocke – kein Tool oder Dienst hat überhaupt alles getan, was wir gesucht haben. Das ist zu erwarten. Also haben wir das, was wir getestet haben, in verschiedene Kategorien unterteilt. Wir beschäftigen uns mit Content Delivery Networks (CDNs), selbst gehosteten Projekten, CMS-Plug-ins (Content-Management-Systemen) und Website-Buildern. Die folgenden Definitionen sind ziemlich locker und dienen dazu, den Vergleich verschiedener Optionen relevanter zu gestalten:

  • CMS-Plug-ins sind Pakete, die eine einfache Möglichkeit für die Entwicklung auf Plattformen wie WordPress bieten.
  • Mit Website-Buildern können Sie eine Reihe verschiedener Dienste vergleichen, mit denen Sie Ihre Website erstellen können.
  • Selbstgehostet ist für Entwickler gedacht, die ein Git-Projekt klonen oder ihr eigenes Docker-Image in der Produktion ausführen können.
  • CDNs sind etwas komplizierter. Einige davon sind CDNs im herkömmlichen Sinn, während andere Dienste sind, die Ihre Bilder über einen Proxy oder auf Edge-Geräten hosten.

Sie können nicht immer für alle Nutzer sein, aber Sie sollten sich die getesteten Tests und Funktionen ansehen und herausfinden, wie Ihr Bildoptimierer abschneidet. Und was ist, wenn Sie noch nicht bereits etwas zur Bildoptimierung unternehmen? Dann ist es ein guter Zeitpunkt, sich mit Bild-Tools vertraut zu machen und zu erfahren, welche Vorteile Sie für Nutzer haben, die Ihre Website bereits nutzen.

Nächste Schritte

Denken Sie, dass wir ein Bildtool oder einen Bilddienst übersehen haben? Schreiben Sie uns! Sowohl die Tools und Dienste als auch die Tests selbst sind eine lebendige und aktualisierende Sache. Wenn Sie sich schnell einen Überblick über die neuesten Versandbilder verschaffen möchten, empfehlen wir Ihnen images.tooling.report.

Hero-Image von Michael Maasen auf Unsplash.