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…“)
 
(6 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
 
<languages/>
 
<languages/>
 +
{{Bildwegweiser Hilfe}}
 
Images can be uploaded in various formats. If you are uploading many quality images, the following recommendations may help to choose the best format:
 
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&#8239;% 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&#8239;% 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&#8239;px: Das Wiki wird Bilder automatisch skalieren und kann dies besser mit Bildern höherer Auflösung (1500&#8239;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.
+
For '''line drawings or graphics,''' the best images for self-created drawings are vector images. These can be scaled from small to large without loss of quality. Many files like Microsoft or LibreOffice, Adobe Illustrator, Visio, etc. provide such format. Unfortunately, the standardized, web-enabled format for this type of graphic, the SVG Format is poorly supported by Office software. If you can export a vector in SVG format, this is wonderful and the images are directly visible in your wiki pages.
  
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.
+
However, we realize that it may often be more practical to use pixel-based formats here as well. If you do so, please avoid using JPG and use PNG or TIFF instead. JPG is optimized for continuously changing colours, and has problems with hard colours like black and white lines. Often a PNG image with loss-less compression is smaller than a JPG for this type of pixel images.
  
'''Zusammenfassung:'''
+
'''Summary:'''
  
Ein bevorzugtes (optimales) Hochladeformat für Bilder in der Reihenfolge der bevorzugten Dateiformate wird wie folgt vorgeschlagen:
+
A preferred (optimal) upload format for images in order of preferred file formats is suggested to be like:
  → ? ─ ''schon'' im Vectorformat ────────────────────────────── original Dateiformat plus
+
  → ? ─ ''already'' in vector format ─────────────────────────── original file format plus
   │  ([http://de.wikipedia.org/wiki/Inkscape Inkscape], [https://de.wikipedia.org/wiki/LibreOffice LibreOffice Draw],                      [http://de.wikipedia.org/wiki/Scalable_Vector_Graphics SVG (Skalierbare Vektor Grafik)], PNG
+
   │  ([http://en.wikipedia.org/wiki/Inkscape Inkscape], [http://en.wikipedia.org/wiki/LibreOffice LibreOffice Draw],                      [http://en.wikipedia.org/wiki/Scalable_Vector_Graphics SVG (Scalable Vector Graphic)], PNG
 
   │  Visio, Powerpoint, CorelDraw,
 
   │  Visio, Powerpoint, CorelDraw,
 
   │  Adobe Illustrator, Freehand, …)
 
   │  Adobe Illustrator, Freehand, …)
   └ '''sonst'''
+
   └ '''else'''
       │  <span  title="Farbgrafiken und Fotos"><span style="background-color:#FF4D4D;">&nbsp;</span><span style="background-color:#FFD24D;">F</span><span style="background-color:#A6FF4D;">a</span><span style="background-color:#4DFF79;">r</span><span style="background-color:#4DFFFF;">b</span><span style="background-color:#4D79FF;">e</span><span style="background-color:#A64DFF;">?</span><span style="background-color:#FF4DD2;">&nbsp;</span></span> (16 Mio)
+
       │  <span  title="Color graphics/photos"><span style="background-color:#FF4D4D;">&nbsp;</span><span style="background-color:#FFD24D;">c</span><span style="background-color:#A6FF4D;">o</span><span style="background-color:#4DFF79;">l</span><span style="background-color:#4DFFFF;">o</span><span style="background-color:#4D79FF;">r</span><span style="background-color:#A64DFF;">?</span><span style="background-color:#FF4DD2;">&nbsp;</span></span> (16 Mio)
       ├──         …oder…    ──┬ Foto? ────────────────────────── JPG (98%), PNG, TIFF
+
       ├──           …or…      ──┬ photo? ────────────────── JPG (98%), PNG, TIFF
       │  <span style="border: 1px solid black;margin:-1px;" title="grau skalierte Grafiken"><span style="background-color:#4C4C4C;">&nbsp;</span><span style="background-color:#787878;">g</span><span style="background-color:#969696;">r</span><span style="background-color:#AEAEAE;">a</span><span style="background-color:#C3C3C3;">u</span><span style="background-color:#D5D5D5;">?</span><span style="background-color:#E6E6E6;">&nbsp;</span></span>(256 Farben)  ├─ Grafik/Farbfelder? ──────────── PNG, TIFF; nur ausnahmsweise JPG (98%)
+
       │  <span style="border: 1px solid black;margin:-1px;" title="Gray scale graphics"><span style="background-color:#4C4C4C;">&nbsp;</span><span style="background-color:#787878;">g</span><span style="background-color:#969696;">r</span><span style="background-color:#AEAEAE;">a</span><span style="background-color:#C3C3C3;">y</span><span style="background-color:#D5D5D5;">?</span><span style="background-color:#E6E6E6;">&nbsp;</span></span>(256 colors)  ├─ graphic/color fields? ── PNG, TIFF; only exceptionally JPG (98%)
       │                        ├── Diagramme/Linienzeichnungen? ─ PNG, TIFF; JPG vermeiden!
+
       │                        ├── diagram/line drawing? ─ PNG, TIFF; avoid JPG!
       │                        └─── Piktogramme ? ─────────────── PNG; JPG vermeiden!
+
       │                        └─── icon? ──────────────── PNG; avoid JPG!
       └── <span style="border: 1px solid black;margin:-1px;" title="Schwarz/Weiß Grafiken"><span style="background-color:#000000; color:#FFFFFF;">&nbsp;</span><span style="background-color:#000000; color:#FFFFFF;">S</span><span style="background-color:#FFFFFF; color:#000000;">W</span><span style="background-color:#FFFFFF; color:#000000;">&nbsp;</span></span> ────────────────── Diagramme/Linienzeichnungen? ─── PNG, TIFF
+
       └── <span style="border: 1px solid black;margin:-1px;" title="Black/white graphics"><span style="background-color:#000000; color:#FFFFFF;">&nbsp;</span><span style="background-color:#000000; color:#FFFFFF;">B</span><span style="background-color:#FFFFFF; color:#000000;">W</span><span style="background-color:#FFFFFF; color:#000000;">&nbsp;</span></span> ────────────────── diagram/line drawing? ─── PNG, TIFF
 
           (1 Bit)
 
           (1 Bit)
  
[[Category:Hochladen{{#translation:}}]]
+
[[Category:Hochladen{{#translation:}}|Upload]]
[[Category:Bilder{{#translation:}}]]
+
[[Category:Bilder{{#translation:}}|Images]]
[[Category:Hilfe{{#translation:}}]]
+
[[Category:Hilfe{{#translation:}}|Help]]

Aktuelle Version vom 21. August 2018, 11:13 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.

For line drawings or graphics, the best images for self-created drawings are vector images. These can be scaled from small to large without loss of quality. Many files like Microsoft or LibreOffice, Adobe Illustrator, Visio, etc. provide such format. Unfortunately, the standardized, web-enabled format for this type of graphic, the SVG Format is poorly supported by Office software. If you can export a vector in SVG format, this is wonderful and the images are directly visible in your wiki pages.

However, we realize that it may often be more practical to use pixel-based formats here as well. If you do so, please avoid using JPG and use PNG or TIFF instead. JPG is optimized for continuously changing colours, and has problems with hard colours like black and white lines. Often a PNG image with loss-less compression is smaller than a JPG for this type of pixel images.

Summary:

A preferred (optimal) upload format for images in order of preferred file formats is suggested to be like:

→ ? ─ already in vector format ─────────────────────────── original file format plus
  │   (Inkscape, LibreOffice Draw,                      SVG (Scalable Vector Graphic), PNG
  │   Visio, Powerpoint, CorelDraw,
  │   Adobe Illustrator, Freehand, …)
  └ else color?  (16 Mio)
     ├──           …or…      ──┬ photo? ────────────────── JPG (98%), PNG, TIFF
     │    gray? (256 colors)   ├─ graphic/color fields? ── PNG, TIFF; only exceptionally JPG (98%)
     │                         ├── diagram/line drawing? ─ PNG, TIFF; avoid JPG!
     │                         └─── icon? ──────────────── PNG; avoid JPG!
     └──  BW  ────────────────── diagram/line drawing? ─── PNG, TIFF
         (1 Bit)