https://wiki.opensourceecology.de/index.php?action=history&feed=atom&title=Hilfe%3AEmpfehlungen_beim_Hochladen_von_Bildern 2026-05-13T14:33:34Z Versionsgeschichte dieser Seite in Open Source Ecology - Germany MediaWiki 1.35.1 https://wiki.opensourceecology.de/index.php?title=Hilfe:Empfehlungen_beim_Hochladen_von_Bildern&diff=17386&oldid=prev 2018-08-21T11:04:26Z

<p></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-l2" >Zeile 2:</td> <td colspan="2" class="diff-lineno">Zeile 2:</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>&lt;translate&gt;</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>&lt;translate&gt;</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>&lt;!--T:1--&gt;</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>&lt;!--T:1--&gt;</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> </table>

Andreas Plank https://wiki.opensourceecology.de/index.php?title=Hilfe:Empfehlungen_beim_Hochladen_von_Bildern&diff=17385&oldid=prev 2018-08-21T11:03:49Z

<p></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:03 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l35" >Zeile 35:</td> <td colspan="2" class="diff-lineno">Zeile 35:</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="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>&lt;!--T:8--&gt;</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>&lt;!--T:8--&gt;</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: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> <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>&lt;/translate&gt;</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>&lt;/translate&gt;</div></td></tr> </table>

Andreas Plank https://wiki.opensourceecology.de/index.php?title=Hilfe:Empfehlungen_beim_Hochladen_von_Bildern&diff=17373&oldid=prev 2018-08-21T10:59:14Z

<p>Diese Seite wurde zum Übersetzen freigegeben</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, 10:59 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>&lt;languages/&gt;</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>&lt;languages/&gt;</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>&lt;translate&gt;</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>&lt;translate&gt;</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;">&lt;!--T:1--&gt;</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"> </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;">&lt;!--T:2--&gt;</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>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&amp;#8239;% Qualität) im Allgemeinen sehr gut. Normalerweise sollten man eine JPG-Datei nicht in eine PNG-Datei konvertieren&amp;nbsp;– vorherige Qualitätsverluste können nicht wiederhergestellt werden.</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>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&amp;#8239;% Qualität) im Allgemeinen sehr gut. Normalerweise sollten man eine JPG-Datei nicht in eine PNG-Datei konvertieren&amp;nbsp;– vorherige Qualitätsverluste können nicht wiederhergestellt werden.</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"> </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;">&lt;!--T:3--&gt;</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>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&amp;#8239;px: Das Wiki wird Bilder automatisch skalieren und kann dies besser mit Bildern höherer Auflösung (1500&amp;#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.</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>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&amp;#8239;px: Das Wiki wird Bilder automatisch skalieren und kann dies besser mit Bildern höherer Auflösung (1500&amp;#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.</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"> </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;">&lt;!--T:4--&gt;</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>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.</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>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.</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"> </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;">&lt;!--T:5--&gt;</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>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.</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>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.</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"> </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;">&lt;!--T:6--&gt;</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>'''Zusammenfassung:'''</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>'''Zusammenfassung:'''</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"> </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;">&lt;!--T:7--&gt;</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>Ein bevorzugtes (optimales) Hochladeformat für Bilder in der Reihenfolge der bevorzugten Dateiformate wird wie folgt vorgeschlagen:</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>Ein bevorzugtes (optimales) Hochladeformat für Bilder in der Reihenfolge der bevorzugten Dateiformate wird wie folgt vorgeschlagen:</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>  → ? ─ ''schon'' im Vectorformat ────────────────────────────── original Dateiformat plus</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>  → ? ─ ''schon'' im Vectorformat ────────────────────────────── original Dateiformat plus</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l27" >Zeile 27:</td> <td colspan="2" class="diff-lineno">Zeile 34:</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 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;">&lt;!--T:8--&gt;</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>[[Category:Hochladen]]</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>[[Category:Hochladen]]</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>[[Category:Bilder]]</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>[[Category:Bilder]]</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>[[Category:Hilfe]]</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>[[Category:Hilfe]]</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>&lt;/translate&gt;</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>&lt;/translate&gt;</div></td></tr> </table>

Andreas Plank https://wiki.opensourceecology.de/index.php?title=Hilfe:Empfehlungen_beim_Hochladen_von_Bildern&diff=17372&oldid=prev 2018-08-21T10:58:54Z

<p>Bereitete die Seite zur Übersetzung vor</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, 10:58 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>&lt;languages/&gt;</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>&lt;languages/&gt;</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;">&lt;translate&gt;</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-l29" >Zeile 29:</td> <td colspan="2" class="diff-lineno">Zeile 30:</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>[[Category:Bilder]]</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>[[Category:Bilder]]</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>[[Category:Hilfe]]</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>[[Category:Hilfe]]</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;">&lt;/translate&gt;</ins></div></td></tr> </table>

Andreas Plank https://wiki.opensourceecology.de/index.php?title=Hilfe:Empfehlungen_beim_Hochladen_von_Bildern&diff=17371&oldid=prev 2018-08-21T10:57:08Z

<p>Die Seite wurde neu angelegt: „&lt;languages/&gt; Bilder können in verschiedenen Formaten hochgeladen werden. Falls Du viele Bilder mit hoher Qualität hochlädst, empfehlen wir Folgendes, um das…“</p> <p><b>Neue Seite</b></p><div>&lt;languages/&gt;<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&amp;#8239;% Qualität) im Allgemeinen sehr gut. Normalerweise sollten man eine JPG-Datei nicht in eine PNG-Datei konvertieren&amp;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&amp;#8239;px: Das Wiki wird Bilder automatisch skalieren und kann dies besser mit Bildern höherer Auflösung (1500&amp;#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 /> │ &lt;span title=&quot;Farbgrafiken und Fotos&quot;&gt;&lt;span style=&quot;background-color:#FF4D4D;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color:#FFD24D;&quot;&gt;F&lt;/span&gt;&lt;span style=&quot;background-color:#A6FF4D;&quot;&gt;a&lt;/span&gt;&lt;span style=&quot;background-color:#4DFF79;&quot;&gt;r&lt;/span&gt;&lt;span style=&quot;background-color:#4DFFFF;&quot;&gt;b&lt;/span&gt;&lt;span style=&quot;background-color:#4D79FF;&quot;&gt;e&lt;/span&gt;&lt;span style=&quot;background-color:#A64DFF;&quot;&gt;?&lt;/span&gt;&lt;span style=&quot;background-color:#FF4DD2;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt; (16 Mio)<br /> ├── …oder… ──┬ Foto? ────────────────────────── JPG (98%), PNG, TIFF<br /> │ &lt;span style=&quot;border: 1px solid black;margin:-1px;&quot; title=&quot;grau skalierte Grafiken&quot;&gt;&lt;span style=&quot;background-color:#4C4C4C;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color:#787878;&quot;&gt;g&lt;/span&gt;&lt;span style=&quot;background-color:#969696;&quot;&gt;r&lt;/span&gt;&lt;span style=&quot;background-color:#AEAEAE;&quot;&gt;a&lt;/span&gt;&lt;span style=&quot;background-color:#C3C3C3;&quot;&gt;u&lt;/span&gt;&lt;span style=&quot;background-color:#D5D5D5;&quot;&gt;?&lt;/span&gt;&lt;span style=&quot;background-color:#E6E6E6;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;(256 Farben) ├─ Grafik/Farbfelder? ──────────── PNG, TIFF; nur ausnahmsweise JPG (98%)<br /> │ ├── Diagramme/Linienzeichnungen? ─ PNG, TIFF; JPG vermeiden!<br /> │ └─── Piktogramme ? ─────────────── PNG; JPG vermeiden!<br /> └── &lt;span style=&quot;border: 1px solid black;margin:-1px;&quot; title=&quot;Schwarz/Weiß Grafiken&quot;&gt;&lt;span style=&quot;background-color:#000000; color:#FFFFFF;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color:#000000; color:#FFFFFF;&quot;&gt;S&lt;/span&gt;&lt;span style=&quot;background-color:#FFFFFF; color:#000000;&quot;&gt;W&lt;/span&gt;&lt;span style=&quot;background-color:#FFFFFF; color:#000000;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt; ────────────────── Diagramme/Linienzeichnungen? ─── PNG, TIFF<br /> (1 Bit)<br /> <br /> [[Category:Hochladen]]<br /> [[Category:Bilder]]<br /> [[Category:Hilfe]]</div>

Andreas Plank