Bildbearbeitung

Tipps zu Bildern

• Speichern Sie Bilder im *.jpg  Format
• Reduzieren Sie Bilder auf den unbedingt notwendigen Bildausschnitt (Bild beschneiden)
• Reduzieren Sie die Auflösung auf 72 dpi
• Reduzieren Sie die Größe auf eine Breite von Maximal 500 Pixel (wer mit einer Auflösung von 800 x 600 Pixel surft hat damit schon den größten Teil des Monitors belegt, für Navigation muß auch noch Platz sein)
• Die Dateigröße aller Bilder auf der Seite sollte nach Möglichkeit unter 100 kB liegen

Bild 500 Pixel breit, optimiert, 23kB

Das oben gezeigte Bild stammt aus einer Digitalkamera und hatte ursprünglich eine Auflösung von 1600 x  1200 Pixel, bei einer Dateigröße von ca. 450 kB. Im unkomprimierten *.tiff Format hätte das Bild eine Dateigröße von ca. 10 MB.

Bild 283 Pixel breit,  optimiert, 10kB

Will man das Bild nicht rechteckig zeigen sondern teilweise "freistellen" braucht man das Grafikformat *.gif

• Das Bild läßt sich mit Hilfe eines Bearbeitungsprogrammes "freistellen", d.h. ein Teil des Hintergrundes wird markiert, gelöscht und für den Hintergrund der Homepage durchsichtig gemacht.
• Beim *.gif Format läßt sich die Anzahl der Farben reduzieren, je weniger.. umso kleiner wird die Dateigröße

Allgemein

• Geben sie Alternativtexte ein, dieser Text erscheint auch wenn man die Maus über die Grafik bewegt
• Wenn Sie notwendigerweise "große" Bilder zeigen wollen, zeigen Sie erst ein Vorschaubild
• Wer sämtliche Buttons, Überschriften etc. als Grafik erstellt macht sich damit kein Freunde, es sieht zwar schön aus, aber die Ladezeit steigt an.

Tipps zu Hintergründen

• Dunkel oder Hell? Die meisten professionellen Firmenpräsentationen sind in hellen Farben gehalten, sie sind dadurch freundlich und leicht lesbar. Dunkle Farben/Hintergründe können auch sehr gut aussehen, der Text ist allerdings meistens schwerer lesbar. Dunkle Seiten sind "freak"-Seiten? oder Firmen zu denen so etwas paßt, Bsp.: Lichttechnik
• Der Hintergrund muß möglichst wenig Kontrast haben und nicht zu stark strukturiert sein.
• Der Hintergrund sollte ein "Endlosmuster" haben, sich also in "Kacheln" aneinander setzen lassen
• Bei Verwendung von Hintergrundgrafiken, sollte gleichzeitig eine Hintergrund Farbe in ähnlichem Farbton gewählt werden. Diese Farbe erscheint, bis die Hintergrundgrafik geladen ist. Nicht alle Editorpgrogramme lassen dies zu, Bsp. Word 97.
• Erstellen Sie selber Hintergründe passend zu Ihrem Thema, das rundet das Design ab. Wichtig: Helligkeit hoch, Kontrast zurücknehmen. - Ausprobieren - Verändern - Ausprobieren -