Chrome vs. Desktop Apps: How ICC Color Profiles Affect PNG Display
By
lr0
A bagel you'd recommend to a friend without hedging.
Summary
The article explains why PNG images with embedded ICC color profiles (like Display-P3) appear differently in Chrome versus Safari and desktop applications. Chrome fully honors ICC profiles and performs proper color management, showing the image as intended by its embedded profile. In contrast, desktop image viewers and Safari often ignore or approximate ICC profiles for simplicity, resulting in different visual representations. The article notes that such images likely originate from macOS, iOS, or modern web tools that default to wide-gamut color spaces.
Key quotes
· 4 pulledChrome shows you what the image actually looks like according to its embedded profile, while desktop apps (and apparently Safari) show you a 'helpful lie'
The PNG contains an embedded ICC color profile (likely Display-P3 or another wide-gamut color space)
Chrome fully honors ICC profiles and performs proper color management
Desktop image viewers often ignore or approximate ICC profiles to keep things simple
You might also wanna read
Simple Landing Page Service Package for WordPress Websites
This is a service offering for a "Simple Landing Page" package targeted at WordPress website owners. The package provides a professional one
ruthnineke.co·4d ago
Don't Roll Your Own Web Design: A Case for Standards and Simplicity
A critical essay drawing a parallel between the cryptographic principle "Don't roll your own crypto" and modern web design practices. The au
susam.net·8d ago
Screen Ruler Chrome Extension for Web Developers and Designers
Screen Ruler is a Chrome extension designed for web developers and designers to measure elements on web pages. It allows users to see sizes,
Product Hunt·8d ago
Studio Practice: Preview any URL across six Mac screen sizes simultaneously
A tool called Studio Practice lets designers and developers preview any URL across all six common Mac display sizes (MacBook Air 13/15, MacB
Product Hunt·11d ago
Why websites should stop replacing the default mouse pointer cursor
The author expresses frustration with websites that change the default mouse pointer cursor, arguing that the standard pointer design has be
ruky.me·19d ago
Tweaklify: A Chrome Extension for Visual DOM Prototyping and Live Style Editing
Tweaklify is a Chrome extension that enables visual DOM prototyping and live style editing directly in the browser. It provides a clean UI f
Product Hunt·19d ago