Mockups - eine Erklärung

3/12/2021

Sicherlich bist du schon über diese netten kleinen Bildchen gestolpert, mit denen die eigene Website, dein Produkt, dein Kurs, oder ähnliches werblich hübsch und adrett aufbereitet ist.
Willkommen in der Welt der Mockups.
Mit Mockups kannst du deine Inhalte modern und ansprechend darstellen.

Welches Bildformat für Websites ist das Richtige?

30/11/2021

"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.

Bettina Heim

Ich bin Bettina D. Heim, ausgebildete Mediengestalterin für Digital- und Printmedien und studierte Fachwirtin für Dialogmarketing. Seit 2005 arbeite ich nebenberuflich selbstständig in meinem Werbebüro www.SCRIPTINA.de.

Ich fühle mich in der web.print.medien.design - Welt zu Hause und nutze ausgewählte Kanäle, um über alles, was on- und offline meine Aufmerksamkeit erregt, zu berichten. Gerne sorge ich für Input aus der Druck- und Kreativbranche sowie unterhaltsame und informative Inhalte.