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.

Artikel veröffentlicht am ,
Github: Webbasiertes Diff für Bilder

Die Sourcecode-Verwaltung Github ist um vier Methoden zum Bildvergleich 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.

  • Anzeigemodus Difference
  • Anzeigemodus Onion Skin
  • Anzeigemodus Swipe
  • Anzeigemodus 2-Up
Anzeigemodus Swipe

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

Wie das Ganze aussieht, zeigt Github in einer Demo.

Bitte aktivieren Sie Javascript.
Oder nutzen Sie das Golem-pur-Angebot
und lesen Golem.de
  • ohne Werbung
  • mit ausgeschaltetem Javascript
  • mit RSS-Volltext-Feed


Aktuell auf der Startseite von Golem.de
Stiftung Warentest
Viele Balkonkraftwerke haben Mängel

Die Stiftung Warentest hat acht Balkonkraftwerke genauer untersucht und kommt zu einem ernüchternden Ergebnis: Nur eine einzige Anlage schneidet im Test gut ab.

Stiftung Warentest: Viele Balkonkraftwerke haben Mängel
Artikel
  1. Opendesk vom Zendis ausprobiert: Ein Web-Desktop für die Verwaltung
    Opendesk vom Zendis ausprobiert
    Ein Web-Desktop für die Verwaltung

    Opendesk soll Open-Source-Software in die Behörden bringen, um sie unabhängiger von einzelnen Herstellern zu machen. Wie sieht diese digitale Souveränität aus?
    Von Markus Feilner

  2. Auf dem Yas Marina Circuit: Abu Dhabi veranstaltet autonomes Rennen
    Auf dem Yas Marina Circuit
    Abu Dhabi veranstaltet autonomes Rennen

    Erstmals sollen vier autonom fahrende Autos gegeneinander auf der Rennstrecke antreten.

  3. General Atomics Mojave: US-Drohne mit Miniguns schießt mit 6.000 Schuss pro Minute
    General Atomics Mojave
    US-Drohne mit Miniguns schießt mit 6.000 Schuss pro Minute

    General Atomics hat eine Großdrohne mit zwei Miniguns getestet, die eine Kadenz von 6.000 Schuss pro Minute erreichen.

Du willst dich mit Golem.de beruflich verändern oder weiterbilden?
Zum Stellenmarkt
Zur Akademie
Zum Coaching
  • Schnäppchen, Rabatte und Top-Angebote
    Die besten Deals des Tages
    Daily Deals • Gigabyte GeForce RTX 4070 Ti zum Tiefstpreis • MediaMarkt: Asus Gaming-Laptop 999€ statt 1.599€ • Anker USB-Ladegeräte -45% • OLED-TV von LG 54% günstiger • Gamesplanet Spring Sale [Werbung]
    •  /