Home / Companies / GitHub / Blog / Post Details
Content Deep Dive

Behold: Image view modes

Blog post from GitHub

Post Details
Company
Date Published
Author
Cameron McEfee
Word Count
253
Company Posts That Month
21
Language
English
Hacker News Points
-
Summary

Cameron McEfee introduces four modes for viewing image changes in commits: 2-Up, Swipe, Onion Skin, and Difference, each offering unique ways to compare image versions and identify changes. The 2-Up mode is the default, displaying both images side by side and showing dimension changes, while Swipe allows users to compare pixel shifts with a slider. Onion Skin helps detect small movements by adjusting opacity, and Difference mode highlights only the differing pixels, useful for spotting minor changes. These modes are compatible with the latest browsers, though older versions of Internet Explorer lack support for the Difference mode due to its reliance on canvas technology. The Difference mode benefits from @Phrogz's context-blender project, which simulates Photoshop blend modes, and a demo is available for users to explore these features.

Trends Found in this Post

No tracked trend matches for this post yet.