Design Spezial
Bildformate und der richtige Einsatz von Bildern

Unsere »Bilder-im-Webdesign-Serie« erklärt Dir jedes Bildformat und wie Du es richtig im Internet einsetzt.

Bilder gehören neben Text zum wichtigsten Bestandteil einer Website. Gute Bilder wirken direkt, emotionalisieren und machen den Besucher neugierig. Bei falschem Einsatz eines Bildformates verlangsamst Du aber unnötig Deine Website.

Unsere Bilder-im-Webdesign-Serie erklärt Dir, welche Dateiformate es für Bilder im Internet gibt und wann Du welches Format einsetzen solltest. Außerdem lernst Du in unseren Beiträgen, wie man Bilder für schnelles Laden auf allen Geräten optimiert.

Bilder-im-Webdesign-Serie

• Das JPG-Bildformat – Standard für detaillierte Bilder
• Das PNG-Bildformat – König der Halbtransparenzen
• Das GIF-Bildformat – Animationen und Bilder mit Transparenz
• Das SVG-Bildformat – So funktionieren die Vektorbilder
• Das WebP-Bildformat – WebP-Bilder erstellen und mit HTML einbauen
• Das AVIF-Bildformat – Format der Zukunft
• Base64-Bilder – Konvertieren und Einbauen
• Bilder optimieren – Tonwertkorrekur: Einfach, aber wirkungsvoll
• Seitenverhältnisse (Bildproportionen) – Bilder zurechtschneiden
• Drittel-Regel – Hilfe für die Bildgestaltung
• Übertragung & Kompression – Schnelle Bilder: Bilder optimal komprimieren
• Farbpaletten – Farben finden, erstellen, nutzen
• Creative Commons Fotos: Kostenloses Bildmaterial