Bilder im WWW Bilder im WWW Erwachsenenbildung KMS

Präsentation zum Thema: "Bilder im WWW Bilder im WWW Erwachsenenbildung KMS"—  Präsentation transkript:

1 Bilder im WWW Bilder im WWW 28.03.2017 Erwachsenenbildung KMS
ulmeier.ch Erwachsenenbildung KMS

2 Was sind Bilder? Aufbau von Bildern Grösse Bildmasse in Pixel
Auflösung Bildauflösung in dpi Aus diesen Grössen ergibt sich das Gewicht Dateigröße in KB Bilder im WWW ulmeier.ch

3 Grösse Verwendungszweck Layout Aussage Bildschirmgrösse
Ideal für Website (1/4 Seite)  400*500px Bilder im WWW ulmeier.ch

4 Auflösung 10 dpi Anzahl Pixel in einer Strecke
10 Dots (Pixel)/Inch(25.4mm) 10 dpi 100 dpi => 10x10 Pixel Verdoppelung der Auflösung vergrössert die Datenmenge um das Vierfache Bilder im WWW ulmeier.ch

5 BILDAUFLÖSUNG Bildschirmdarstellung
Ein Bildschirm kann in der Regel eine Auflösung von 72 dpi wiedergeben Eine höhere Auflösung bringt ausser einer unnötig grossen Datenmenge keine Qualitätsverbesserung Bilder im WWW ulmeier.ch

6 BILDAUFLÖSUNG Websites
Empfohlene Basisgrösse für Bilder 425 x 283 Pixel mit Auflösung 72 dpi Dateigrösse ca. 36 KB Um grosse Ladezeiten zu vermeiden sollten grosse Dateimengen vermieden werden Bilder in JPEG oder GIF komprimieren Summe aller Bilder max. 100 – 120 Kbyte Bilder im WWW ulmeier.ch

7 Auflösung optimieren Web => 72 dpi Bildschirm => 96 dpi
Word => 150 dpi Druck => 300 dpi Bilder im WWW ulmeier.ch

8 Dateiformate JPEG GIF PNG Bilder im WWW ulmeier.ch

9 DATEIFORMATE JPEG Joint Photographers Expert Group
Komprimierungsformat Rechnet Bilddaten bis auf 10% der Dateigrösse herunter Damit verbunden sind natürlich Qualitätsverluste Einsatz vor allem im Web-Bereich Bilder im WWW ulmeier.ch

10 DATEIFORMATE GIF Graphic Interchange Format Komprimierungsformat
Bilder werden auf 256 Farben reduziert noch kleinere Datenmengen als JPEG Unterstützt zudem die Abspeicherung transparenter Flächen Einsatz vor allem im Web-Bereich Bilder im WWW ulmeier.ch

11 PNG Portable Network Graphics Vorteile von JPEG und GIF
16.7 Mio Farben Transparenz Nachteil Internet Explorer (- IE 6.0) keine Transparenzen möglich Bilder im WWW ulmeier.ch

12 Bilder optimieren Programme Irfan View
Microsoft Office Picture Manager Photoshop Elements Gimp Photoshop Weitere…… Bilder im WWW ulmeier.ch