Tipps zur Bildbearbeitung fürs Web

Tipps zur Bildbearbeitung fürs Web

Bei der Verwendung von Bildern bzw. Grafiken auf Webseiten oder Blogs muss man – im Idealfall bereits beim Erstellen – so einige Dinge berücksichtigen, um den Besuchern die Bedienbarkeit so angenehm wie möglich zu gestalten. Die wichtigsten Hinweise haben wir kurz und knapp zusammengefasst.

Bildqualität und Auflösung

jpg-optionenDerzeit sind hochauflösende, bildschirmfüllende Bilder im Internet sehr im Trend – schick sieht das allemal aus. Doch was oft vergessen wird: Obwohl viele Nutzer über eine 16.000-er DSL-Leitung verfügen, sind noch lange nicht alle Menschen so schnell im Web unterwegs. Durch schöne Bilder bedingte lange Ladezeiten führen im ungünstigsten Fall dazu, dass die Seite verlassen wird, bevor sie überhaupt vollständig angezeigt ist.

Anders als im Printbereich kann man deshalb im Web die Qualität der Bilder durchaus geringer halten. Bei fotografischen Aufnahmen genügt hier meist eine mittlere Qualität der JPGs. Bei einfachen Bildern mit wenigen Details oder Artworks kann man die Qualität in Photoshop auf “Niedrig” setzen. Über die Vorschau sieht man direkt, wie das Bild für das Web optimiert aussehen wird. Mit diesem Vorgehen kann man einigen Nutzern die Wartezeit im Netz  verkürzen.

Thumbnails statt XXL-Bilder

Wenn man dennoch nicht darauf verzichten möchte, auf der eigenen Internetseite Bilder im großen Format zu präsentieren, sollten Vorschaubilder erstellt werden, um von diesen ausgehend auf große Grafiken zu verlinken. Der Nutzer kann so selbst entscheiden, welche Bilder er anklicken und vergrößert anschauen möchte.

GIF oder PNG?

Sowohl GIFs als auch PNGs eignen sich dazu, Grafiken mit Transparenz (zum Beispiel Logos oder freigestellte Bilder) für das Web abzuspeichern. GIF-Grafiken können jedoch maximal 256 Farbtönen wiedergeben. Damit dienen sie in den meisten Fällen nur noch als Dateiformat für Animationen. Nicht animierte, freigestellte Grafiken sollten unbedingt als PNG abgespeichert werden, da dieses Dateiformat ein größeres Farbspektrum und somit auch eine bessere Qualität hat.

CMYK oder RGB?

FarbmodusIm Printbereich ist der CMYK-Farbmodus (Cyan, Magenta, Yellow, Black) Standard. Bei diesem Farbmodus werden die Farben aus 4 Farbtönen gemischt. Im Webbereich sind RGB-Farben (Red, Green, Blue) gefragt. Man kann zwar Grafiken auch für den Online-Bereich im CMYK-Farbmodus abspeichern, jedoch benötigen diese Dateien deutlich mehr Speicherplatz, was wiederum die Ladezeit der Bilder verlängert. Außerdem kann es in einigen Browsern vorkommen, dass die Farben der Bilder ein wenig verfälscht werden. Im RGB-Farbmodus abgespeicherte Bilder sorgen für Farbechtheit.

Habt Ihr noch mehr Hinweise, die man unbedingt beherzigen sollte?

The following two tabs change content below.

Mario

Hallo, mein Name ist Mario. Als Praktikant habe ich von Februar bis Juli 2013 meine ersten Praxiserfahrungen im Bereich Online Marketing gesammelt. Hier gibt es alles zu lesen, was ich bei den Klickkomplizen gelernt habe - von Suchmaschinenmarketing bis Social Media Marketing.

Neueste Artikel von Mario (alle ansehen)

Ein brandaktuelles Thema, das spaltet: #gendergerechteSprache. #Apple ist hier wieder Vorreiter und kündigt gendern… https://t.co/qO7uIoSRn0
Welche Möglichkeiten habe ich als #Unternehmen, auf #Snapchat zu werben und eine junge Zielgruppe zu erreichen?🤔In… https://t.co/ZG5yh9dnoo
Wie füge ich eine #Standorterweiterung bei #GoogleAds richtig ein? Wir haben eine kleine Anleitung für euch hier:😉 https://t.co/io4sZJdyzg
Wer ist schon bereit fürs #Wochenende? 😎☀️ https://t.co/aLw3kVlae6
Würdet ihr Geld für ein #Twitter Abo ausgeben?🤔 https://t.co/h8r0DrHc1K
Extrem hohe Klickraten auf eure #GoogleAds Anzeigen versprechen die neuen #Bilderweiterungen. Wir haben uns das mal… https://t.co/bvg3vCJ31M
#Haterkommentare auf #SocialMedia will niemand bekommen. Manchmal passiert es dann doch - aber wie sollte ich am be… https://t.co/TIZVilF4qy
Interessantes neues Feature!👀 https://t.co/AKuKQA57sn
Guten Morgen! Wer ist schon wach und produktiv unter euch?😄 https://t.co/hAE1or4C3l
Habt ihr schon mal einen unschönen Kommentar unter eurem Post bekommen? Wir haben 6 Tipps & Tricks für euch zusamme… https://t.co/wjma96E5ka
Weekend mode on! Wir verabschieden uns ins wohlverdiente #Wochenende.😊Seid ihr auch schon im #Feierabend?🤗 https://t.co/nyQ0SoPsDz
Der #Fachkräftemangel ist mittlerweile in unzähligen Branchen präsent.😐 Wie du trotz der schwierigen aktuellen Situ… https://t.co/UmNJj7Pbt1
Unsere liebe Tomke hat einen sehr interessanten Blogartikel geschrieben zum Thema "Wann soll ich auf Facebook/ Inst… https://t.co/iQPYIISBqT
Unser #LinkedIn Tipp: Teile und veröffentliche nicht einfach nur Beiträge, sondern fasse wichtige Punkte zusammen u… https://t.co/Zsxi1bgZjh
Datenschutz wird ein immer wichtigeres Thema: nachdem Apple vorgelegt hat, zieht jetzt auch Google nach. Dieser Asp… https://t.co/gKdD5L6RFx
Für die Grafiker:innen unter euch: schaut für Inspiration und Ideen doch gerne auf unserem letzten Blogartikel vorb… https://t.co/43OMa3RuCo
Wir wünschen euch einen erholsamen Feiertag!😀 #ChristiHimmelfahrt #feiertag #relaxen https://t.co/IyqftRHIxJ
Was wäre Social Media ohne eine Community? Richtig: nicht existent.😄 Deshalb gibt's von uns Tipps & Tricks wie ihr… https://t.co/K6ZPEd1uf5
Facebook bekommt einen neuen Look! Das neue Facebook-Seitendesign könnt ihr euch jetzt schon in unserem neuesten Bl… https://t.co/ZYdSYxkDVL
💡Auf Social Media geht es um Interaktion. Manchmal sind Kommentare zu Posts aber nicht gewünscht. Wie ihr die Komme… https://t.co/O6k1gZy4Lt