Zum Hauptinhalt Zur Navigation Zur Suche

Github: Webbasiertes Diff für Bilder

Github bietet seit kurzem die Möglichkeit, unterschiedliche Versionen eines Bildes auf mehrere Arten miteinander zu vergleichen. Entwickler können so leicht erkennen, ob sich etwas von einer Version zur nächsten geändert hat und was.
/ Jens Ihlenfeld
Kommentare undefined News folgen (öffnet im neuen Fenster)

Die Sourcecode-Verwaltung Github ist um vier Methoden zum Bildvergleich(öffnet im neuen Fenster) erweitert worden. Die Standardansicht heißt "2-Up" und zeigt die Bilder einfach nebeneinander. Wurde die Bildgröße geändert, wird dies dabei deutlich.

Bei der Ansicht Swipe wird mit einem Schieberegler eingestellt, wie viel von welcher Version des Bildes angezeigt wird. Dazu werden Bilder übereinandergelegt. Ähnliches gilt für die Ansicht Onion Skin, allerdings wird hier über den Regler die Transparenz eingestellt.

Im Modus Difference werden Pixel hervorgehoben, die sich in den Versionen unterscheiden. So lassen sich minimale Veränderungen leicht aufdecken.

Da Github für die Anzeige das Canvas-Tag verwendet, wird ein halbwegs moderner Browser vorausgesetzt. Dabei greift Github auf das Projekt context-blender(öffnet im neuen Fenster) zurück, das die Blend-Modi aus Adobe Photoshop(öffnet im neuen Fenster) in HTML umsetzt.

Wie das Ganze aussieht, zeigt Github in einer Demo(öffnet im neuen Fenster) .


Relevante Themen