Original / Kopie
Behalten Sie die Originalfotos in einem für Sie richtigen Ordner/Verzeichnis auf Ihrem Rechner. Von allen Fotos, welche Sie für die Publikation auf Ihrer Webseite vorbereiten wollen, machen Sie Kopien und speichern Sie diese in einem gesonderten Ordner/Verzeichnis auf Ihrem Rechner. Ein Beispiel:
| Originale | Kopien | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|
|
Rechner |
Rechner | |||||||||
| └ | Archiv | └ | Firma | |||||||
| └ | 2021 | └ | Webseite | |||||||
| └ | Ferien | └ | Impressum | |||||||
| └ | DSC00451.JPG | └ | Team | |||||||
| └ | lienert_impressum_team_210905.jpg |
Organisation
Erstellen Sie sich eine gute Bilderorganisation lokal auf Ihrem Rechner. Idealerweise sind Ihre Ordner/Verzeichnisse so organisiert, wie Sie die Webseiten-Struktur auch aufgebaut haben. Das hilft enorm, sich dann gedanklich zurecht zu finden, später neue Bilder lokal am richtigen Ort abzulegen und auf der Webseite am gewünschten Ort zu publizieren.
Bilder korrekt benennen
Bilder sollten einen eindeutigen Namen erhalten, welcher einen Rückschluss auf
- die Firma
- die Kategorie (der Bereich / die Marke / die Abteilung)
- das Produkt (den Artikel / die Dienstleistung)
- das Bild
gibt und sich wie folgt zusammen setzt:
firmenname_kategorie_produkt_bildbezeichnung.jpg
Bei der Wahl der Bildernamen ist zu beachten:
- konsequente Kleinschreibung
- als optische Trenner "_" (Tiefstriche) verwenden
- keine Umlaute (üäö) verwenden
- keine Leerzeichen verwenden
- keine Sonderzeichen verwenden
- im Bildnamen darf nur ein Punkt vor dem Dateiformat vorkommen
- Bilder immer als .jpg abspeichern (jedoch nicht .JPG)
- Datum rückwärts schreiben: 210214 (14.02.2021)
Ein paar Beispiele:
lienert_dienstleistung_computer_01.jpg
oder ein Bild mit Datum:
berghuette_impressionen_sommer_200718.jpg
oder superprofessionell:
videocall_abonnement_business_1_jahr_600x400px_200310.jpg
Korrektes Dateiformat
Für die Publikation von Bildern im Internet muss zwingend das .jpg Dateiformat verwendet werden. Idealerweise benennt man Bilder kleingeschrieben (nicht .JPG) und in der Kurzform dieses Dateiformates (nicht .jpeg).
Nicht zu empfehlen (obwohl diese Formate auch publiziert werden könnten) sind: .png / .gif / .eps / .tif / .psd
Bildgrösse und Auflösung anpassen
Smartphones und Digitalkameras erstellen Bilder in toller Qualität und müssen vor der Publikation im Internet entsprechende vorbereitet werden. Dafür sind drei Faktoren zu beachten und anzupassen:
- Verwendungszweck
- Bildgrösse
- Bildauflösung
Zuerst ist zu definieren wo auf der Webseite das neue Bild publiziert werden soll. Dabei sind zwei Überlegungen zu machen:
- Wie grosse in Centimeter (Pixel) soll das Bild werden
- Muss das Bild mittels anklicken vergrössert werden
Ein Original-Digitalbild kann leicht 30 x 20 cm (3060 x 2036 Pixel) gross sein und beinhalten dabei mehrere Megabyte Speicherplatz. Für die Publikation im Internet ist dieses Bild somit zu gross und beinhaltet eine zu grosse Datenmenge. Je kleiner ein Bild wird, desto weniger Datenmenge beinhaltet es, was sich auch auf schnellere Ladezeiten der Webseite positiv auswirkt. Das Bild muss somit vorgängig mit einem Bildbearbeitungsprogramm (z.B. GIMP oder IrfanView) auf die gewünschte Grösse verkleinert werden.
Allenfalls benötigen Sie auch nur einen Ausschnitt aus einem Bild. Dann nutzen Sie ebenfalls ein Bildbearbeitungsprogramm und schneiden den gewünschten Bereich aus und erstellen Sie damit ein neues Bild.
Digitalbilder bestehen aus farbigen Punkten und je mehr Punkte sich auf einer 2.54 x 2.54 cm grossen Fläche befinden, je höher ist die Auflösung dieses Bildes. Die Anzahl Bildpunkte je Inch (englische Masseinheit: 1 Inch = 2.54 x 2.54 Centimeter) bzw. Dots per Inch (dpi) muss somit für jedes Bild bekannt sein. Eine Digitalkamera erstellt Bilder mit z.B. 600 dpi, was jedoch für die Publikation im Internet zu viel ist. Somit muss die Auflösung des Bildes vorgängig reduziert werden.
Zusammenfassend ein paar Beispielwerte:
| Smartphone / Digitalkamera | Grösse (Länge x Höhe) | Speicherplatz | Auflösung in dpi |
|---|---|---|---|
| Original-Digitalbild | 3060 x 2036 Pixel | 5.20 Megabyte | 600 dpi |
| Produktbild, z.B. T-Shirt Foto | 400 x 300 Pixel | 0.50 Megabyte | 96 dpi |
| Galleriebild (bei Klick vergrössern) | 600 x 400 Pixel | 0.68 Megabyte | 150 dpi |
| Miniaturfoto, z.B. Blume | 180 x 120 Pixel | 0.25 Megabyte | 45 dpi |
Weitere Kenntnisse
Wenn Sie für die Publikation der Bilder ein Content Management System (CMS) verwenden, dann ist zusätzlich zu prüfen, was die korrekte Ausgangsgrösse für ein Bild sein muss. Bei Wordpress ist dies z.B. 1024 x 1024 Pixel und das Bild wird dann beim Import vom CMS gleich in verschiedene Formate kopiert und skaliert (verkleinert).
Neben elementaren Bildbearbeitungskenntnissen, lohnt es sich somit zusätzlich, sich vertieft mit dem Publikations-Werkzeug der Webseite auseinander zu setzen. Alle diese Arbeiten sind zeitaufwändig und werden oft unterschätzt oder ein Zauber-Tool (Addon / Plugin) genommen, welches diese Arbeiten übernehmen soll. Das führt in der Regel zu keinen guten Ergebnissen und eher schlechten Suchmaschinen-Indexierungen, was den Erfolg der Internet-Präsenz somit grundsätzlich nicht fördert.
Publizieren
Wenn Sie nach diesen Empfehlungen die Fotos vorbereitet haben, dann ist für die Publikation auf Ihrer Webseite alles bereit. Laden Sie die Bilder hoch und publizieren Sie diese in der gewünschten Seite Ihrer Internet-Präsenz.