Bilder rendern und vergleichen

GitHub kann verschiedene gängige Bildformate wie PNG, JPG, GIF, PSD und SVG darstellen. Neben der einfachen Wiedergabe bestehen aber auch verschiedene Möglichkeiten, Differenzen zwischen Versionen dieser Bildformate zu vergleichen.

Hinweis: Bei Verwendung des Firefox-Browsers werden SVGs auf GitHub unter Umständen nicht gerendert.

Bilder anzeigen

Sie können Bilder direkt in Ihrem GitHub-Repository suchen und aus dem Repository anzeigen:

Inline-Bild

SVGs unterstützen derzeit noch kein Inline-Scripting und keine Animation.

Unterschiede anzeigen

Du kannst Bilder visuell in drei verschiedenen Modi vergleichen: 2-up, swipe (Wischen) und onion skin (Zwiebelhaut).

2-up

2-up ist der Standardmodus. In diesem Modus erhältst Du einen schnellen Überblick über beide Bilder. Falls sich die Bildgröße zwischen den beiden Versionen geändert hat, wird auch die tatsächliche Größenänderung angezeigt. Dadurch erkennst Du Größenänderungen deutlich, beispielsweise, wenn Objekte mit höheren Auflösungen dargestellt werden.

2-up

Swipe (Wischen)

Mit Wischen kannst Du Ausschnitte Deiner Bilder nebeneinander anzeigen. Du bist nicht sicher, ob sich die Farben zwischen den Versionen geändert hat? Ziehe den Wisch-Schieberegler über den fraglichen Bildbereich und vergleiche die Pixel manuell.

Swipe (Wischen)

Onion skin (Zwiebelhaut)

Der Modus Zwiebelhaut ist besonders dann hilfreich, wenn sich winzige Bildelemente kaum erkennbar geändert haben. Wurde ein Symbol um zwei Pixel nach links verschoben? Ziehe den Opazitäts-Schieberegler ein Stück zurück, und beobachte, ob sich die Bildelemente bewegen.

Onion skin (Zwiebelhaut)

Did this doc help you?Privacy policy

Help us make these docs great!

All GitHub docs are open source. See something that's wrong or unclear? Submit a pull request.

Make a contribution

Oder, learn how to contribute.