Blogartikel

Website Bilder richtig speichern – beste Qualität, schnellere Ladezeit

Website Bilder richtig speichern - beste Qualität, schnellere Ladezeit

Das Ziel ist es, die Website Bilder und Grafiken möglichst unverpixelt und gleichzeitig geringer Dateimenge (unter 150 Kb pro Bild) nutzen zu können.

Ich sehe noch sehr oft, viel zu große Bilder, die überhaupt nicht skaliert wurden. Sondern direkt, wie sie vom Fotograf oder aus dem Netz kommen auf die Website hochgeladen werden. Oder so klein gerechnet wurden, dass man die einzelnen Pixel zählen kann.

Die beste Lösung liegt genau dazwischen und ich verrate sie dir!

Wichtig ist erstmal zu wissen, dass man in 90% der Fälle mit einem .jpg-Format am Besten fährt. Eine .jpg-Datei kann dir bis zu 200 % Datenmenge einsparen.
Eine .png-Datei eignet sich am besten für Logos, Schriftzüge, Grafiken, die einen transparenten Hintergrund brauchen. Das kann ein .jpg-Format nicht.

Also haltet euch an die Grundregel: brauche ich einen transparenten Hintergrund? Ja? Dann .png! Nein! Dann .jpg!

Zusätzlich kann man bei einem .jpg-Bild noch viel mehr Datenmüll sparen, wenn man die Auflösung weiter komprimiert.

Mein Weg sieht so aus:

  • Der schnellste und einfachste Weg für einen Laien ist Canva zu nutzen (kostenlose Variante reicht)
  • einfach das Bild in Originalgröße hochladen und eine Canva-Vorlage einsetzen
  • die Vorlage als .jpg speichern
  • bei großen Website Bildern könnt ihr 60% bis 70 % Komprimierung einstellen
  • bei kleineren Website Bildern reichen 40% bis 50 % Komprimierung auch aus

That’s It!

Wie das genau geht, zeige ich dir im Video:

Schau dir die Bilder in den unterschiedlichen Komprimierungsstufen aus dem Video online an:

Hier klicken >>

Das könnte dich auch interessieren

Authentisches Website Design erstellen – So gehst du vor!

Authentisches Website Design erstellen- So gehst du vor!Was ist überhaupt authentisches Website Design? Hast du dich schonmal gefragt, warum manche Website Designs das gewisse Etwas haben und man sofort in ihren Bann gezogen wird, ohne wirklich zu wissen warum?  Es ist eher ein Gefühl als eine konkrete Einschätzung. Man fühlt sich irgendwie direkt wohl oder empfindet es

Read More

Farben Website: Mit dieser Methode findest du die richtigen Farben!

Farben Website: Mit dieser Methode findest du die richtigen Farben für deine Website!Welche Farben passen zu dir und deiner Website? Wann immer ein Interessent deine Website besucht, löst das ein ganz bestimmtes Gefühl in ihm aus. Du kannst nicht nicht kommunizieren. Unbewusst werden immer, und ich meine IMMER, Emotionen, Gefühle oder Assoziationen von deinem Besucher wahrgenommen.

Read More

Moodboard: Ein hilfreiches Werkzeug für deine Website!

So erstellst du ein Moodboard für deine Website Was genau ist ein Moodboard?Egal ob du noch am Anfang bist mit deiner Website oder gerade deine Website überarbeitest, schwirren dir sicher ein paar Gestaltungsideen im Kopf herum, die du gerne ausprobieren und umsetzen würdest. Bevor du aber planlos drauf losstürmst und deiner kompletten Website einen neuen Look verpasst,

Read More