Ohne gute Website ist Werbung rausgeschmissenes Geld

Lassen Sie uns anfangen, was ist Bildkompression?

Bildkompression ist ein Prozess, bei dem wir das Gewicht eines Bildes mit möglichst wenig Verlust der Bildqualität reduzieren. Einfach gesagt, warum sollten Sie ein Bild mit 10 MB haben, wenn Sie das gleiche Bild mit gleicher Qualität auf der Website hochladen können, das nur 100 KB groß ist? Stellen Sie sich vor, das Bild wiegt 100-mal weniger 🙂

Bildkompression hat viele Vorteile für Ihre Website. Auf diese Weise erleichtern Sie die Seite und beschleunigen das Laden der Webseiten, was sich direkt auf SEO auswirkt, da die Geschwindigkeit der Seite ein wichtiger Punkt und Signal für die Optimierung der Website ist.

Die Mathematik ist einfach: Sie erstellen eine Seite mit 5 Bildern, jedes Bild benötigt 10 MB, das sind 50 MB pro Seite nur durch die Bilder. Nach diesem Artikel komprimieren Sie diese gleichen Bilder, und sie nehmen nur 5×100 KB ein, was 500 KB auf dieser Bildseite bedeutet.

Alles klingt großartig, aber lassen Sie uns sehen, ob es wirklich so ist, und schauen wir uns eine großartige Anwendung an…

Squoosh.app Bildkompressionsanwendung

Squoosh.app ist eine kostenlose Bildkompressionsanwendung, die nicht auf Ihrem Computer installiert werden muss, da alles direkt auf der Website selbst erfolgt. Wenn Sie also kein Photoshop verwenden oder nicht wissen, wie man es benutzt, können Sie dieses Tool verwenden, um das Bild in wenigen Sekunden zu komprimieren und es dann auf die Website hochzuladen.

Mit der Squoosh.app-Anwendung können Sie Folgendes tun:

• Das Bildformat ändern
• Die Bildabmessungen ändern
• Die Bildqualität ändern
• Sie und Ihre Website-Besucher genießen eine schnellere Seite.

So sieht Squoosh.app aus, wo ich Bilder komprimiere, und unten werde ich Ihnen mit einem Video zeigen, wie Sie alles in 10 Sekunden erledigen können.

Vermeiden Sie es, ein Plakat auf der Website zu platzieren…

Die Größe der Bilder selbst ist ebenfalls sehr wichtig. Überlegen wir noch einmal: Warum sollten Sie ein Bild auf der Website platzieren, das auf ein Plakat passt?

Große Bilder werden auch nach der Kompression immer noch schwer sein, daher ist es wichtig, dass die Bilder richtig dimensioniert sind, weil der Besucher das Bild nicht in der von Ihnen festgelegten Größe sehen wird, sondern in der Größe, die das Gerät zulässt, das er verwendet.

Angenommen, das Logo auf der Website hat eine Größe von 150px x 50px. Wenn Sie ein Logo mit 3000 x 1000px platzieren, hat das keinen Zweck, und es wird auch viel schwieriger sein. Wenn man bedenkt, dass es auch am Anfang der Seite platziert ist und zu den ersten Dingen gehört, die geladen werden, verlangsamt dies die Seite bereits zu Beginn.

Balance zwischen den Abmessungen und der erforderlichen Bildqualität!

Der beste Weg, um die benötigte Bildgröße für Ihre Website zu bestimmen, besteht darin, zu prüfen, wo das Bild platziert wird und was sein Zweck ist. Wenn es sich um ein Bild handelt, das als Hintergrund für die Website oder als Teil der Seite verwendet wird, kann die Breite 1920 Pixel betragen. Es ist kein Zufall, dass es genau diese Pixelzahl ist, da die meisten Laptops genau diese Auflösung haben, um das Maximum zu bieten, aber nicht zu viel.

Dies gilt für die Desktop-Version. Für die mobile Version müssen Sie natürlich ein anderes Bild verwenden, da es unnötig ist, ein Bild von 1920px Breite auf der mobilen Version zu haben, die nur 400-500px breit ist. Es kann natürlich auch, aber es ist unnötig und verlangsamt das Laden der Seite.

Wenn Sie ein Bild für ein Produkt im Online-Shop posten, befindet sich dieses Bild oft auf einer Seite des Bildschirms, aber dieses Bild wird oft angeklickt, um es in vergrößerter Ansicht zu sehen. Daher ist es ideal, wenn dieses Bild eine Größe von 1080px x 1080px hat. Auf diese Weise ist das Bild groß genug, um alles klar zu sehen, selbst wenn es vergrößert wird, aber nicht so groß, dass es die Seite zusätzlich belastet.

Wenn wir Symbole auf der Seite platzieren, ist es je nach Bedarf am besten, diese Symbole im SVG-Format zu verwenden und Größen wie 50×50, 100×100 und manchmal sogar kleiner zu wählen. Dies ist eine Diskussion über die Abmessungen von Bildern, die wir noch weiter behandeln werden, da dies eines der häufigsten Probleme auf Websites ist und mit der Bildoptimierung zusammenhängt.

Reduzieren Sie das Bildgewicht in wenigen Schritten auf Squoosh.app

Es gibt keine große Philosophie (mehr :D). Wir legen los und komprimieren das Bild in wenigen Schritten, sodass es die gleiche Qualität hat und das Gewicht von 1,41 MB auf 97 KB sinkt.

• Bild auf Squoosh.app hochladen
• Bildgröße auswählen
• Bildformat auswählen (jpeg, png, webp, …)
• Bildqualität des neuen Bildes bestimmen
• Vergleichen Sie das Originalbild mit dem neuen Bild
• ARBEIT GESCHAFFT!

Magischer Ernährungsberater für Bilder…

Teilen Sie mir die Ergebnisse mit, nachdem Sie die Bilder mit diesem großartigen Tool komprimiert haben, und senden Sie mir die neuen Ladegeschwindigkeits-Ergebnisse Ihrer Website. Viel Spaß 🙂