https://wiki.opensourceecology.de/index.php?action=history&feed=atom&title=Hilfe%3AEmpfehlungen_beim_Hochladen_von_Bildern%2FdeHilfe:Empfehlungen beim Hochladen von Bildern/de - Versionsgeschichte2026-05-13T14:33:45ZVersionsgeschichte dieser Seite in Open Source Ecology - GermanyMediaWiki 1.35.1https://wiki.opensourceecology.de/index.php?title=Hilfe:Empfehlungen_beim_Hochladen_von_Bildern/de&diff=17389&oldid=prevFuzzyBot: Übernehme Bearbeitung einer neuen Version der Quellseite2018-08-21T11:04:51Z<p>Übernehme Bearbeitung einer neuen Version der Quellseite</p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Abfassung vorher</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 21. August 2018, 11:04 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Zeile 1:</td>
<td colspan="2" class="diff-lineno">Zeile 1:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><languages/></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><languages/></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">{{Bildwegweiser Hilfe}}</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Bilder können in verschiedenen Formaten hochgeladen werden. Falls Du viele Bilder mit hoher Qualität hochlädst, empfehlen wir Folgendes, um das beste Dateiformat zu erwählen:</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Bilder können in verschiedenen Formaten hochgeladen werden. Falls Du viele Bilder mit hoher Qualität hochlädst, empfehlen wir Folgendes, um das beste Dateiformat zu erwählen:</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l26" >Zeile 26:</td>
<td colspan="2" class="diff-lineno">Zeile 27:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> (1 Bit)</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> (1 Bit)</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[Category:Hochladen]]</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Category:Hochladen<ins class="diffchange diffchange-inline">{{#translation:}}</ins>]]</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[Category:Bilder]]</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Category:Bilder<ins class="diffchange diffchange-inline">{{#translation:}}</ins>]]</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[Category:Hilfe]]</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Category:Hilfe<ins class="diffchange diffchange-inline">{{#translation:}}</ins>]]</div></td></tr>
</table>FuzzyBothttps://wiki.opensourceecology.de/index.php?title=Hilfe:Empfehlungen_beim_Hochladen_von_Bildern/de&diff=17383&oldid=prevFuzzyBot: Übernehme Bearbeitung einer neuen Version der Quellseite2018-08-21T10:59:33Z<p>Übernehme Bearbeitung einer neuen Version der Quellseite</p>
<p><b>Neue Seite</b></p><div><languages/><br />
Bilder können in verschiedenen Formaten hochgeladen werden. Falls Du viele Bilder mit hoher Qualität hochlädst, empfehlen wir Folgendes, um das beste Dateiformat zu erwählen:<br />
<br />
Für '''fotografische Bilder''' ist die Wahl einfach: Es handelt sich um Pixelbilder, und obwohl ein vollständig verlustfreies Format wie PNG einige Vorteile gegenüber JPG hat, ist ein leicht niedriger komprimiertes JPG (z. B. 98&#8239;% Qualität) im Allgemeinen sehr gut. Normalerweise sollten man eine JPG-Datei nicht in eine PNG-Datei konvertieren&nbsp;– vorherige Qualitätsverluste können nicht wiederhergestellt werden.<br />
<br />
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.<br />
<br />
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.<br />
<br />
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.<br />
<br />
'''Zusammenfassung:'''<br />
<br />
Ein bevorzugtes (optimales) Hochladeformat für Bilder in der Reihenfolge der bevorzugten Dateiformate wird wie folgt vorgeschlagen:<br />
→ ? ─ ''schon'' im Vectorformat ────────────────────────────── original Dateiformat plus<br />
│ ([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<br />
│ Visio, Powerpoint, CorelDraw,<br />
│ Adobe Illustrator, Freehand, …)<br />
└ '''sonst'''<br />
│ <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)<br />
├── …oder… ──┬ Foto? ────────────────────────── JPG (98%), PNG, TIFF<br />
│ <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%)<br />
│ ├── Diagramme/Linienzeichnungen? ─ PNG, TIFF; JPG vermeiden!<br />
│ └─── Piktogramme ? ─────────────── PNG; JPG vermeiden!<br />
└── <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<br />
(1 Bit)<br />
<br />
[[Category:Hochladen]]<br />
[[Category:Bilder]]<br />
[[Category:Hilfe]]</div>FuzzyBot