Eine Anleitung zu Googles Squoosh.App

Müssen Sie die Bilder auf Ihrer Website komprimieren und optimieren, um die Leistung der Website zu verbessern? Googles Bildkomprimierungstool Squoosh.App könnte eine großartige Option für Sie sein. In diesem Artikel gehen wir darauf ein, was Squoosh ist, wie es verwendet wird und wie es Website-Eigentümern helfen kann, ihre Websites zu optimieren, um ihren Benutzern das bestmögliche Erlebnis zu bieten.

Was ist Squoosh.App?

Squoosh.App von Google ist eine Open-Source-Bildkomprimierungs-App, die von GoogleChromeLabs entwickelt wurde. Squoosh ist browserbasiert und wurde speziell für die Komprimierung großer Bilder zum schnelleren Laden in jedem Webbrowser entwickelt. Die App ist für jeden kostenlos und funktioniert sowohl online als auch offline in allen gängigen Browsern wie Chrome, Firefox und Safari.

Squoosh läuft auf GitHub als Teil eines größeren Sondierungsprojekts zur Website-Optimierung. Da große, hochauflösende Bilder das Laden von Websites verlangsamen und Teil niedrigerer Kerne in verschiedenen Core Web Vitals sein können, hat Google es sich zum Ziel gesetzt, Website-Eigentümern dabei zu helfen, ihre Bilder für eine bessere Website-Leistung und optimale Browsing-Geschwindigkeiten zu komprimieren.

Der Squoosh-Bildschirm ist geteilt, sodass Benutzer die Vorher-Nachher-Ergebnisse ihrer Bildkomprimierung sehen können. Dieses Tool gibt Ihnen einen kleinen Einblick in die oft vernachlässigbaren Unterschiede – wenn überhaupt wahrnehmbar – zwischen dem Original und den komprimierten Bildern. Komprimierte und auf Geschwindigkeit optimierte Bilder tragen jedoch zu schnelleren Ladezeiten und einem besseren Benutzererlebnis bei. Sie können sogar dazu beitragen, Ihr SEO-Ranking zu verbessern.

Das Komprimieren eines Bildes in Squoosh ist schnell und einfach, und Benutzer können ihre komprimierten Bilder direkt nach der Bearbeitung herunterladen. Schauen wir uns nun an, wie die App verwendet wird.

So verwenden Sie Squoosh.App

Möchten Sie ein Bild in Squoosh komprimieren? Es ist ein intuitiver, einfacher Prozess, der so einfach ist wie das Hochladen, Bearbeiten und Speichern Ihres weboptimierten Bildes.

Öffnen Sie zunächst ein neues Browserfenster und navigieren Sie zu https://squoosh.app/.

Als nächstes können Sie Ihr eigenes Bild entweder hochladen oder per Drag & Drop in den Editor ziehen. (Sie können leider nicht in Stapeln arbeiten, also wählen Sie jeweils ein Bild aus.)

Ihr Vorher -Bild befindet sich auf der linken Seite des Schiebereglers, das Nachher -Bild auf der rechten Seite. Vergrößern und verkleinern Sie mit dem Zoom-Werkzeug unten in der Mitte des Bildschirms.

Alternativ können Sie eines der Bilder unten auf dem Bildschirm auswählen, um zu sehen, wie der Editor funktioniert.

Nachdem Sie Ihr Bild hochgeladen haben, können Sie mit der Anpassung über die Browseroberfläche beginnen. Der Vergleichsschieberegler zeigt Ihnen den Unterschied zwischen dem Originalbild und Ihrem komprimierten Bild, damit Sie die für Ihr Projekt erforderliche Bildqualität beibehalten können.

Das Komprimierungsfeld in der unteren linken Ecke Ihres Bildschirms zeigt standardmäßig Ihr Originalbild. Sie können das Dropdown-Menü verwenden, um verschiedene Bildoptionen anzuzeigen:

• AVIF
• Browser-JPEG
• Browser-PNG
• JPEG-XL (Beta)
• MozJPEG
• OxiPNG
• WebP
• WebP v2 (instabil)

Bearbeiten Ihres Bildes in Squoosh

Unten rechts auf dem Bildschirm sehen Sie das Menü Bearbeiten. Wenn Sie die Größe des Bilds ändern oder die Farbpalette Ihres Bilds reduzieren möchten, können Sie diese Optionen auswählen, um ein erweitertes Menü anzuzeigen.

Wenn es darum geht, die Größe Ihres Bildes mit Squoosh zu ändern, müssen Sie eine Reihe von Variablen umschalten. Sie können:

• Wählen Sie eine bestimmte Methode und Voreinstellung für die Größenänderung
• Setzen Sie die Bildbreite und -höhe manuell zurück
• Wählen Sie, ob das lineare RGB und das Seitenverhältnis beibehalten werden sollen
• Wählen Sie aus, ob der Alphakanal vormultipliziert werden soll oder nicht

Darüber hinaus können Sie wählen, ob Sie die Farbpalette Ihres Bildes reduzieren möchten, um die Leistung der Website zu verbessern. Verwenden Sie die Schieberegler unter der Überschrift „Palette reduzieren“, um Farben und Dithering zu verringern.

Als nächstes ist es an der Zeit, Ihr Bild zu komprimieren. Sie können eine von drei Optionen wählen:

• OptiPNG, ein PNG-Konverter, der für Originalbilder in den Formaten TIFF, BMP, PNG, GIF und PNM (eine andere Form von Bitmap-Bildern) verwendet wird. Diese Option komprimiert und optimiert Bilder, ohne die Informationen zu beeinträchtigen.
• MozJPEG, ein PNG-Konverter für Originalbilder in den Formaten JPG, BMP und PPM. Diese Methode komprimiert JPEGs unter Beibehaltung von Kompatibilität und Qualität.
• WebP, eine von Google entwickelte Komprimierungsmethode, die verlustfreie und verlustbehaftete Komprimierung nutzt. WebP-Bilder sind unglaublich SEO-freundlich.

Beachten Sie, dass das komprimierte Bild hier selbst bei 75 % Bildqualität nach der Komprimierung immer noch fast identisch mit dem Original aussieht.

Erweitern Sie für fortgeschrittene Benutzer Erweiterte Einstellungen, um Kanäle, Quantisierung und mehr anzupassen.

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche Herunterladen in der unteren rechten Ecke des Bildschirms, um Ihre bearbeitete Datei zu speichern.

Wie Squoosh im Vergleich zu ähnlichen Tools abschneidet

Es sind mehrere Bildkomprimierungstools für verschiedene Plattformen und Verwendungszwecke verfügbar. Wenn Sie ein Bildkomprimierungstool auswählen, sollten Sie sicher sein, dass es für Ihre Zwecke geeignet ist. Einige Tools mit ähnlichen Funktionen wie Squoosh sind entweder nur für den persönlichen Gebrauch (nicht kommerziell), kostenpflichtige oder nur herunterladbare Apps für bestimmte Geräte.

Denken Sie daran, dass Sie ein Werkzeug auswählen sollten, das die Qualität Ihrer Bilder nicht beeinträchtigt. Wenn Sie Ihre Optionen analysieren, sollten Sie die Bildqualität nach der Komprimierung des Tools überprüfen.

Einer der am meisten empfohlenen Squoosh-Konkurrenten ist Caesium, eine kostenlose Open-Source-App zur Bildkomprimierung. Cäsium ist sowohl browserbasiert als auch herunterladbar, sodass Benutzer entscheiden können, wie sie es am besten nutzen. Alternativ funktioniert die ImageOptim-API ähnlich, wobei eine kostenpflichtige Mitgliedschaft bei 12,00 USD pro Monat beginnt.

Sie können auch WordPress-Plugins finden, die auch die Anforderungen an die Bildkomprimierung erfüllen. ShortPixel und Smush sind Tools, die Ihre Bildkomprimierung automatisieren können. Für WordPress-Benutzer, die eine All-in-One-Lösung wünschen, ohne ihr Dashboard zu verlassen, könnte ein Plugin wie dieses eine großartige Option sein.

Squoosh bietet keine Bildstapel- oder Automatisierungsoptionen, die andere Apps haben. Die Fähigkeit, ein Bild zu komprimieren und dabei eine einwandfreie Qualität beizubehalten, ist jedoch ein unglaublich wichtiger Vorteil. Letztendlich liegt es an Ihnen, das richtige Werkzeug für Ihre Bedürfnisse auszuwählen.

Fazit

Die Optimierung Ihrer Bilder und die Beschleunigung der Ladezeit der Website ist sowohl für Website-Besucher als auch für SEO-Rankings von entscheidender Bedeutung. Squoosh.app hilft Ihnen, Ihre Website-Bilder erfolgreich zu komprimieren und gleichzeitig eine hohe Qualität beizubehalten. Das ist ein großes Plus, zumal Websitebesitzer wissen, wie wichtig schöne Websites sind, die schnell geladen werden. Der größte Nachteil ist jedoch, dass Bilder nicht im Stapel verarbeitet werden können. Wenn das kein Dealbreaker ist, ist Squoosh eine ziemlich solide Wahl.

Haben Sie Squoosh verwendet? Oder klingt es nach einem Tool, das Sie ausprobieren könnten? Teilen Sie uns Ihre Erfahrungen in den Kommentaren mit!

Vorgestelltes Bild über Overearth/shutterstock.com