Hilfe:Empfehlungen beim Hochladen von Bildern/en: Unterschied zwischen den Versionen

Aus Open Source Ecology - Germany
Zur Navigation springen Zur Suche springen
(Die Seite wurde neu angelegt: „For '''photographic images''', the choice is easy: these are pixel images, and while a completely loss-less format like PNG has some advantages over JPG, a low…“)
(Die Seite wurde neu angelegt: „When converting images for uploading yourself, provide them in a high to moderately high resolution. Do not downscale them for web-use to 400-800#8239;px: The…“)
Zeile 4: Zeile 4:
 
For '''photographic images''', the choice is easy: these are pixel images, and while a completely loss-less format like PNG has some advantages over JPG, a low-compressed JPG (e.g. 98 % quality) is generally very good. Normally you should not convert a JPG to a PNG file—previous quality losses can not be recovered.
 
For '''photographic images''', the choice is easy: these are pixel images, and while a completely loss-less format like PNG has some advantages over JPG, a low-compressed JPG (e.g. 98 % quality) is generally very good. Normally you should not convert a JPG to a PNG file—previous quality losses can not be recovered.
  
Wenn Du Bilder zum Hochladen konvertierst, stelle sie in einer hohen bis mäßig hohen Auflösung bereit. Verkleinere sie nicht für die Web-Verwendung auf 400-800 px: Das Wiki wird Bilder automatisch skalieren und kann dies besser mit Bildern höherer Auflösung (1500 px oder höher) tun. Wenn Du Bilder in JPG komprimierst, wähle eine leicht niedrigere Komprimierung zwischen 90 und 98%, um Artefakte zu vermeiden. Beachte, dass sich Artefakte in JPG-Bildern akkumulieren, d.h. das Öffnen und Speichern einer JPG-Datei nach einer wiederholten Modifikation führt zu sehr auffallenden Qualitätsverlusten.
+
When converting images for uploading yourself, provide them in a high to moderately high resolution. Do not downscale them for web-use to 400-800#8239;px: The Wiki will automatically scale images and can do so better with higher resolution images (1500#8239;px or above). When compressing images to JPG, choose a low compression between 90 and 98#8239;% to avoid artefacts. Note that artefacts in JPG images accumulate, i.e. opening and saving a JPG file after modification repeatedly will create very notable quality losses.
  
 
Für '''Strichzeichnungen oder Grafiken''' sind die besten Bilder für selbst erstellte Zeichnungen Vektorbilder. Diese können ohne Qualitätsverlust von klein auf groß skaliert werden. Viele Dateien wie Microsoft oder LibreOffice, Adobe Illustrator, Visio usw. bieten ein solches Format an. Leider ist das standardisierte, webfähige Format für diese Art von Grafik, das SVG-Format, von der Office-Software schlecht unterstützt. Wenn Du eine Vektordatei im SVG-Format exportieren kannst, ist das großartig und die Bilder sind direkt in Deinen Wiki-Seiten sichtbar.
 
Für '''Strichzeichnungen oder Grafiken''' sind die besten Bilder für selbst erstellte Zeichnungen Vektorbilder. Diese können ohne Qualitätsverlust von klein auf groß skaliert werden. Viele Dateien wie Microsoft oder LibreOffice, Adobe Illustrator, Visio usw. bieten ein solches Format an. Leider ist das standardisierte, webfähige Format für diese Art von Grafik, das SVG-Format, von der Office-Software schlecht unterstützt. Wenn Du eine Vektordatei im SVG-Format exportieren kannst, ist das großartig und die Bilder sind direkt in Deinen Wiki-Seiten sichtbar.

Version vom 21. August 2018, 11:10 Uhr

Sprachen:
Deutsch • ‎Deutsch (Sie-Form)‎ • ‎English

Images can be uploaded in various formats. If you are uploading many quality images, the following recommendations may help to choose the best format:

For photographic images, the choice is easy: these are pixel images, and while a completely loss-less format like PNG has some advantages over JPG, a low-compressed JPG (e.g. 98 % quality) is generally very good. Normally you should not convert a JPG to a PNG file—previous quality losses can not be recovered.

When converting images for uploading yourself, provide them in a high to moderately high resolution. Do not downscale them for web-use to 400-800#8239;px: The Wiki will automatically scale images and can do so better with higher resolution images (1500#8239;px or above). When compressing images to JPG, choose a low compression between 90 and 98#8239;% to avoid artefacts. Note that artefacts in JPG images accumulate, i.e. opening and saving a JPG file after modification repeatedly will create very notable quality losses.

Für Strichzeichnungen oder Grafiken sind die besten Bilder für selbst erstellte Zeichnungen Vektorbilder. Diese können ohne Qualitätsverlust von klein auf groß skaliert werden. Viele Dateien wie Microsoft oder LibreOffice, Adobe Illustrator, Visio usw. bieten ein solches Format an. Leider ist das standardisierte, webfähige Format für diese Art von Grafik, das SVG-Format, von der Office-Software schlecht unterstützt. Wenn Du eine Vektordatei im SVG-Format exportieren kannst, ist das großartig und die Bilder sind direkt in Deinen Wiki-Seiten sichtbar.

Wir sind uns aber bewusst, dass es auch hier praktischer ist, pixelbasierte Formate zu verwenden. Wenn Du dies machst, vermeide bitte JPG und verwende stattdessen PNG oder TIFF. JPG ist für den kontinuierlichen Farbwechsel optimiert und hat Probleme mit harten Farben wie Schwarz- und Weißlinien. Oft ist ein PNG-Bild mit verlustfreier Komprimierung für diese Art von Pixelbildern kleiner als ein JPG.

Zusammenfassung:

Ein bevorzugtes (optimales) Hochladeformat für Bilder in der Reihenfolge der bevorzugten Dateiformate wird wie folgt vorgeschlagen:

→ ? ─ schon im Vectorformat ────────────────────────────── original Dateiformat plus
  │   (Inkscape, LibreOffice Draw,                      SVG (Skalierbare Vektor Grafik), PNG
  │   Visio, Powerpoint, CorelDraw,
  │   Adobe Illustrator, Freehand, …)
  └ sonst Farbe?  (16 Mio)
     ├──          …oder…     ──┬ Foto? ────────────────────────── JPG (98%), PNG, TIFF
     │    grau? (256 Farben)   ├─ Grafik/Farbfelder? ──────────── PNG, TIFF; nur ausnahmsweise JPG (98%)
     │                         ├── Diagramme/Linienzeichnungen? ─ PNG, TIFF; JPG vermeiden!
     │                         └─── Piktogramme ? ─────────────── PNG; JPG vermeiden!
     └──  SW  ────────────────── Diagramme/Linienzeichnungen? ─── PNG, TIFF
         (1 Bit)