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
20 Jahre Far Cry
Das deutsche Grafikwunder

Mit Far Cry feierte der deutsche Entwickler Crytek 2004 ein viel beachtetes Debüt. Kann der Südsee-Shooter auch 20 Jahre später noch beeindrucken?
Von Benedikt Plass-Fleßenkämper

20 Jahre Far Cry: Das deutsche Grafikwunder
Artikel
  1. Softwareentwicklung: Events und APIs mit DDD entwerfen
    Softwareentwicklung
    Events und APIs mit DDD entwerfen

    Anforderungen an Software ändern sich schneller als je zuvor. Damit Entwickler da mitkommen, sollten sie Domain-driven Design nutzen. Wie das geht, zeigen wir an einem Beispiel.
    Von Annegret Junker

  2. Ausländische Fachkräfte: Intel-HR-Manager fordert Willkommenskultur in Magdeburg
    Ausländische Fachkräfte
    Intel-HR-Manager fordert Willkommenskultur in Magdeburg

    Die Politik müsse sich laut Intel bei der Integration von ausländischen Fachkräften mehr anstrengen. Diese könnten sich das Land aussuchen, indem sie arbeiten.

  3. Elektromobilität: Warum der Elektroauto-Hype erst anfängt
    Elektromobilität
    Warum der Elektroauto-Hype erst anfängt

    In den vergangenen Wochen konnte man den Eindruck gewinnen, als sei das Elektroauto schon abgeschrieben. Doch das scheint eine typisch deutsche Debatte zu sein.
    Eine Analyse von Friedhelm Greis

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 • Palit 4070 Super 579,95€ • Xbox-Controller ab 39,99€ • AVM Fritzbox + Repeater -30% • DVDs & Blu-rays -31% • EA -75% • Ubisoft -50% • MindStar: AMD Ryzen 9 7900 339€, MSI RTX 4080 Super Ventus 3X OC 1.099€ • Gratis-Zugaben PS5 Slim & Nintendo Switch OLED beim TV-Kauf [Werbung]
    •  /