Welches Bildformat für Websites ist das Richtige?

"Bilder vorbereiten für das Web" als Infografik-Poster erhältlich auf Wunsch per E-Mail.

Wenn Du Bilder für Deine Website vorbereitest begegnen dir miiiiiiiindestens diese zwei Formate: JPG und PNG. 
Soweit so gut. Was benutzt man wann? Schließlich nehmen Bilder eine sehr wichtige Rolle auf Websites ein. Aber leider auch viel Speicherplatz und Ladezeit, wenn sie schlecht oder gar nicht für das Web aufbereitet sind. 

Als Mediengestalterin empfehle ich dir für Fotos grundsätzlich jpg zu verwenden. 
Wie du sie entsprechend kompakt, datensparend, in der richtigen Größe für die Verwendung im Web aufbereitest, erkläre ich hier.

png-Bilder sind geeignet für z. B. Infografiken oder Transparenzen, sonst bitte nicht im Web verwenden. Das kostet unnütz Ladezeit und Speicherplatz. 

Formate wie WebP sind aktuell noch nicht so in Gebrauch, daher verzichte ich bewusst an dieser Stelle auf die Vorstellung/ Empfehlung dafür. Wir bleiben pragmatisch: :-)

Was ist zu beachten speziell bei Bildern für die Website?
Deine Websitebesucher sind wahrlich nicht amused, wenn du große Bilder verwendest. Auch Google bestraft dich dafür im Ranking. Daher bedenke: Weniger ist mehr! Klar darf das Bild vor lauter Komprimierung und Skalierung nicht unscharf oder pixelig werden. Trotzdem gilt: Selbst Smartphone-Bilder sind heutzutage um die 3000 px breit - das ist definitiv zu viel für ein normales Bild auf einer Website. 500 +/- px Breite sind ein guter Orientierungswert, z. B. als Beitragsbild für einen Blogartikel wie hier bei mir.
Hier eine kleine Bilderhilfe-Anleitung die du dir speichern kannst für deinen eigenen Prozess:

Mehr entdecken!

Prozess-Poster
​aktuell auf Wunsch anforderbar.

Wie du Bilder vorbereitest und exportierst für das Web.