Sehen Sie sich den Status der Bildtools an.
Es ist eine Sache, ein Bild ins Web zu stellen – aber es ist schwer, es gut zu machen. Die Auswahl des richtigen Formats, der Komprimierung, des DPI-Werts (dots per inch) und Hunderte anderer Einstellungen kann sonst leicht vergessen werden, wenn wir all dies selbst tun.
Die gute Nachricht ist, dass wir heute eine Fülle von Tools und Diensten haben, die all das für uns erledigen. Die nicht so gute Nachricht ist, dass es eine Fülle davon gibt. Es ist nicht immer einfach, das richtige Tool oder welcher Dienst für Sie zu finden. Aus diesem Grund 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 um einige der beliebtesten Software und Dienste zu vergleichen, unabhängig davon, ob sie kostenpflichtig oder kostenlos, gehostet oder selbst gehostet sind.
Woran liegt das?
Bilder machen einen großen Teil der übertragenen Byte einer Website aus – und diese Summe zählt. Tatsächlich machten nicht optimierte Bilder fast 75% der Gesamtgröße einer Seite aus. All diese verschwendeten Byte haben ihren Preis. Bei einer Studie mit Millionen von echten Nutzersitzungen wurden daher 38% weniger Bilder auf Seiten mit Conversions angezeigt als auf Seiten ohne Conversion. Sie sollten also einfach alle Ihre Bilder löschen? Nein gar nicht. Sie sollten jedoch darauf achten, dass die von Ihnen gesendeten Bilder für alle Nutzer unabhängig von den von ihnen verwendeten Geräten optimiert sind.
Worum geht es?
Bei der Bereitstellung optimierter Bilder geht es nicht nur darum, auf „Für das Web speichern“ zu klicken. Deshalb prüft images.tooling.report eine Vielzahl von Funktionen. Wir besprechen die Grundlagen, z. B. die Komprimierung der verschiedenen Tools und Dienste sowie Netzwerkoptimierungen wie langlebige Cache-Header.
Aber das ist noch nicht alles. Wir haben nach erweiterten Optionen wie der Unterstützung von Save-Data, ECT und anderen Client-Hinweisen gesucht, um nach einer automatisierten psychovisuellen Analyse zu suchen, die Datenmodelle zur wiederholten Komprimierung von Bildern verwenden kann, um die Version zu finden, die die geringste Bytes beansprucht, ohne die Art und Weise zu ändern, wie unser Blick sie wahrnimmt. Ziehst du auch den letzten nicht-visuellen Teil aus deinen Bildern zusammen, bevor du die Präsentation weiterreichst?
Natürlich ist jede Website eine Schneeflocke – weder ein Tool noch ein Service hat absolut alles erfüllt, wonach wir gesucht haben. Das ist zu erwarten. Also haben wir unsere Tests in verschiedene Kategorien unterteilt. Wir besprechen Content Delivery Networks (CDNs), selbst gehostete Projekte, CMS-Plug-ins (Content Management System) und Website-Builder. Dies sind relativ grobe Definitionen, die den Vergleich verschiedener Optionen relevanter gestalten sollen:
- CMS-Plug-ins sind Pakete, die für die Entwicklung auf Plattformen wie WordPress eine einfache Option sind.
- Website-Builder vergleichen verschiedene Dienste, die Sie zum Erstellen Ihrer Website verwenden können.
- Selbst gehostet ist für Entwickler gedacht, die mit dem Klonen eines Git-Projekts oder der Ausführung eines eigenen Docker-Images in der Produktion vertraut sind.
- CDNs sind etwas komplizierter. Einige dieser sind CDNs im herkömmlichen Sinn, während andere Dienste für Ihre Bilder auf Edge-Geräten als Proxy verwenden oder diese hosten.
Sie können nicht immer alles für jeden anbieten, aber Sie sollten sich die evaluierten Tests und Funktionen ansehen und herausfinden, wie Ihre Bildoptimierung abschneidet! Und was ist, wenn Sie heute noch keine Bildoptimierung durchführen? Dann ist dies ein guter Zeitpunkt, um sich mit Bild-Tools vertraut zu machen und zu sehen, welche Vorteile Sie für Menschen bieten können, die Ihre Website bereits verwenden.
Nächste Schritte
Glauben Sie, dass wir ein Bildtool oder einen Dienst übersehen haben? Schreiben Sie uns! Sowohl die Tools und Dienste als auch die Tests selbst sind ein lebendiges, sich wandelndes Ding. Wenn Sie schnell einen Blick auf den neuesten Stand der Versandbilder werfen möchten, sehen Sie sich am besten images.tooling.report an.
Hero-Image von Michael Maasen auf Unsplash.