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

Warum gutes Webdesign dir hilft mehr Kunden zu gewinnen

Warum gutes Webdesign dir hilft mehr Kunden zu gewinnenWebdesign spielt eine entscheidende Rolle, um aus deinen Website-Besuchern auch wirklich Kunden zu machen. Du solltest also das Design deiner Website nicht unterschätzen. Im Gegenteil. Webdesign hilft dir überhaupt erst den sogenannten „Fuß in die Tür zu kriegen“. Was ich damit meine und warum ich gerne den Vergleich zu

Read More

Landingpage richtig gestalten – Tipp mit Video-Anleitung

Landingpage richtig gestalten – Tipp mit Video-AnleitungEine Landingpage richtig gestalten ist eine Herausforderung.Warum tun sich die Meisten so schwer damit? Im Grunde geht es darum, alle Bestandteile einer Landingpage so aufzubauen und aufeinander abzustimmen, dass der Besucher genau eine Option hat. Nämlich die Aktion (Call to Action) auszuführen, die du vorgesehen hast. Es darf dabei

Read More

Wetten, dass Du die gleichen Fehler auf deiner Website machst?

Website-Check hilft deine Website zu verbessern: Machst Du auch diese Fehler auf deiner Website?In einem Video, gebe ich René Rasch von bespoke. media ein ausführliches Feedback zu seiner Website und sage ihm, was er konkret verbessern kann.  Dabei gehe ich auf den ersten Eindruck (Above the Fold) ein! Gebe ihm Tipps zur Optimierung der Lesbarkeit, der

Read More