Is that the Right Red?

Transcription

1 Is that the Right Red? The importance of color accuracy on social media #COLOR19 presented by: Franz Herbert Chameleo Color Consulting & Stefan Yazzie Herbert House of Bandits (CEO & Founder)

2 Worst case Variance: L = Hue = Chroma = average de = 9 maximum de = 28

3 Red Bull - red

4 When in doubt, use a canary image! Our canary image

5 Why should we care? 3.2 billion 2 hours 32% Active users on social media networks 1million Average daily usage of social media 50% Social media spending increase from 2017 New social media users every day Of users use Facebook daily. Only 39% watch TV daily

6 The goal of color management is the Standardisation of user experience

7 Color is never perfect in the real world You can, and should, expect your color will get bounced around once you re outside a carefully color-managed room. That s why we grade to a standard the standard is a centerpoint around which all our devices will orbit. - Patrick Inhofer, Colorist

8 Hexcodes aren t good enough Same Hexcode, different color space srgb color space 8% color difference U.S. Web Coated (SWOP) Almost no brand guidelines specify color space New technology requires new methods to deal with color Opened color managed picture, Didn t apply embedded color profile It s time to give brand guidelines an update

9 Common RGB color spaces srgb - Used in consumer computer monitors Rec Used in HDTVs NTSC - Used to indicate color gamut coverage, not used in displays Adobe RGB - Used in professional computer monitors DCI P3 - Used in digital cinema projectors (DCI 4K and DCI 2K) Rec Used in UHDTVs (4K UHD and 8K UHD) ACES - Used in the production of movies, not used in displays

10 History of online color management W3C defines srgb as the default color space for the internet New wide-gamut OLED displays are introduced to smartphones Virtually all browsers and OS s available have some form of color management Firefox is the first browser to feature color management Instagram becomes the first major social media platform to offer DCI-P3 color space

11 Color on smart devices Gradual shift from LCD to OLED displays Wide-gamut displays now in all major phone releases Limited color management support from OS and apps Puberty phase for color management Apple is doing it right

12 State of the art for mobile color management iphonex OnePlus 6 Galaxy Note 8 Google Pixel 3 srgb srgb srgb srgb Display P3 DCI-P3 DCI-P3 DCI-P3 Others Others Others

13 DCI-P3: A new web standard? Contender for new web standard color profile 26% larger than srgb Similar to AdobeRGB, with a lean towards red Originally conceived for digital cinema projection

14 Support from mobile operating systems ios12 Offers color management since ios 9.3 Supports automatic switching Android Oreo First Android OS to support color spaces beyond srgb Only for apps that specifically request it

15 For the very first time, we have an entire color management cycle happening in a single device Phone camera Editing software Publishing platform Display device

16 Color & social media 300 million daily photo uploads Uses proprietary color space TinySRGB aka c2 Smaller than srgb in data size, otherwise identical 524 bytes instead of 3KB

17 Color & social media 95 million daily photo uploads Greater focus on picture quality Updated to DCI-P3 in 2017

18 Color & social media 300 hours of video uploaded every minute Uses Rec.709 For very special uses it offers Rec.2020

19 Color & social media Platform with highest available quality Supports all color primaries Supports all transfer characteristics

20 Color spaces for online video Rec. 601 (SDTV) Color primaries not defined Until 2007 Rec. 709 (HDTV) Almost identical to srgb Standard for digital video for many years Rec (UHDTV) Only a handful of TVs can show more than 90% ACES Full color system made for post-processing films Rec No displays are capable of showing the full gamut

21 Home video to real color management

22 Color management for video editing software Avid DaVinci Resolve Final Cut Pro X Premiere Pro Color management since 2014 Color management since 2015 Color management since 2016 Color management since 2018

23 The 8-Bit Wall All current web delivery codecs are 8-bit due to compression & bandwidth efficiency Most common is H.264 The gradation gamut of photo is unachievable with current online video codecs New codecs like HEVC (aka H.265) are the solution

24 Best practices - Input General: Record everything in the highest possible bit-rate and widest possible color space Photo Shoot in RAW. Always. Use a color target if you want absolute accuracy Video Shoot in RAW, if possible (only high end cameras offer this) If not, many prosumer cameras offer Adobe RGB or Rec.2020 Use a color target if you want absolute accuracy

25 Best practices - Editing General: Keep your color space as wide as possible until your very last step of exporting to your target device Photo AdobeRGB is fine for most cases Some prefer to work in ultra-wide gamut ProPhoto Video ACES is for high-end post-production Rec.709 is fine for most applications Rec.2020 will most likely become the next standard

26 Best practices - Exporting General: Keep your color space as wide as possible until your very last step of exporting to your target device Photo Highest quality: make DCI-P3 your new color space of choice Most consistent: srgb will look the same on any device Video Highest quality: Rec.2020, especially if you want to futureproof your exports Most consistent: Rec.709, currently the web standard

27 Best practices - Other recommendations Google yourself Check publications & social media for color accuracy of your brand colors. Check your guidelines! See if your color guidelines define a working color space. If not, add them. Communicate them. STICK TO THEM!

28 Color Space Systems Management Essential if you prepare media for print & video Simple but powerful setup One click switching between color spaces Sets all necessary hardware components (LUTs, Gains) Sets corresponding display profile

29 basiccolor display 6 Comes with pre-configured workflows for Softproof Video, etc. Editor to configure workflows with up to 6 components Quality Control with Report Validation Calibration Profile Evaluation of Color / Printing Space

30 Softproof Eizo CG246 SmartLightning System NEC PA242W 6 LEDs, warm + cold white, blue, green, 2 UV

31 Softproof i1 Pro2 Discus Eizo CG246 SmartLightningSystem NEC PA242W

32 Workflow Editor i1 Pro2 Discus Eizo CG246 SmartLightningSystem NEC PA242W

33 Tonal Response - White Point NEC PA242W

34 Workflows Pre-configured Execute with one click Switch with one click Validate with one click

35 Workflows

36 Monitors - Instruments

37 Emulation of a Color Space Eizo & BenQ: using Color Matrix NEC: using Primaries Emulation is part of the Calibration

38 Emulation of a Color Space

39 Emulation of a Printing Space Use 3D Lut Softproof in any application

40 Light

41 Light

42 Report Workflow Report: 3 Softproof - Discus Calibration Target Achieved White Point D50 a 0.3, b -0.0 Tonal Response L* White Luminance cd/m² cd/m² Black Luminance Min Native 0.14 cd/m² Contrast 1:1106 Profiling Results Target Achieved White Point D50 a -0.0, b -0.0 Tonal Response L* White Luminance cd/m² cd/m² Black Luminance Min Native 0.14 cd/m² Contrast 1:1106 Validation Results Target Achieved Tolerance White Point D50 a 0.0, b -0.0 ab 2.0 Tonal Response L* White Luminance cd/m² cd/m² % Black Luminance Min Native 0.14 cd/m² Contrast 1:1144 Done Done Passed E00 Tolerance Average Max. gray scale Max. chromatic Colors Standard Dev. 0.11

43 Report

44 Conclusion Over 1 billion hours of video are watched daily (on Youtube alone) The future is Video Get ready for it