Bilder ins richtige Format bringen, Pixel und DPI

Wie bringe ich ein Bild von meiner Digicam auf meine Webseite?

Digitalkameras erzeugen hochauflösende Bilder mit vielen Megapixeln. Die Fotos sind viel zu fein gerastert und die Dateien viel zu gross fürs Internet. Wenn Ihr CMS keine automatische Skalierung enthält, müssen Sie Ihre Fotos vor dem Upload in einem Fotoberabeitungsprogramm auf die benötigte Grösse verkleinern.

Pixel und Auflösung, DPI

Fotos sind Bitmapgrafiken, die aus vielen einzelnen Pixeln (=Bildpunkten) zusammengesetzt sind. Eine 16-Megapixel-Kamera erzeugt beispielsweise Bilder mit 4912 × 3264 Pixeln. Ein Full-HD-Bildschirm hat 1920 × 1080 Pixel. Bei 4K oder UHD-TV sind es 3840 × 2160 Pixel.

Die Anzahl Pixel pro Längeneinheit nennt man Auflösung, überlicherweise gemessen in DPI (dots per Inch). Eine übliche Druck-Auflösung von 300 dpi verlangt also nach 300 Bildpunkten auf 2.54 cm. Die DPI-Zahl allein ist eine reine Dichte und sagt ohne eine Längenangabe noch nichts über die Qualität eines Bildes aus.

Bilder skalieren

Viele CMS bieten eine Funktion, mit der Sie Bilder in einer Webseite vergrössern und verkleinern können, in dem Sie einfach mit der Maus an einer Ecke ziehen. Sie verändern damit jedoch nur die Auflösung und nicht die Pixelzahl oder Grösse der Bilddatei. Wenn Sie eine hochauflösende Grafik auf Briefmarkenformat stauchen, verschwenden Sie Speicherplatz und verlangsamen unnötigerweise den Download Ihrer Webseite. Wenn Sie Bilder mit zu geringer Auflösung vergrössern, erzeugen Sie Unschärfe.

Sie sollten deshalb immer vor dem Upload eine Skalierung in einem Fotobearbeitungsprogramm (z.B. Adobe Photoshop) vornehmen und die Bilddatei dann 1:1 in der Webseite einfügen. Das ShopMotion-CMS bietet Ihnen die Möglichkeit, Bildformate für Komponenten wie z.B. Diashow oder Hintergrund zu definieren. Ihre Fotos werden dann beim Upload automatisch auf die richtige Grösse zugeschnitten.

Bildkompression

Die gängigsten Bildformate im Internet sind JPG und PNG.

JPG ist effizient bei Fotos. Sie können beim Speichern eine Kompressionsrate angeben. Eine starke Kompression hat einen sichtbaren Qualitätsverlust zu folge. Insbesondere gleichfarbige Flächen erhalten Ausblühungen und Schatten. Üblicherweise verwendet man heute geringe Kompression oder eine Bildqualität von 80-90%.

PNG bietet eine verlustlose Kompression, besonders geeignet für flächige Grafiken und Logos. 32-Bit-PNG kann neben 16 Millionen Farben über einen Alphakanal auch Transparenzen beinhalten.

GIF ist ein älteres Format, das noch gelegentlich für kleine Animationen verwendet wird, ist jedoch auf 256 Farben beschränkt.