当前位置：极客教程 > Android > Android Q > Android Q 广色域照片

Android Q 广色域照片

Android Q 广色域照片闪亮登场，Android Q 现已迎来新一轮的图像革新. 由于 sRGB 的每个色彩通道只有 8 个比特，因此标准 sRGB 色域无法充分体现屏幕与摄像头最新技术的优势所在。Android 一直在努力实现对广色域图像的端到端支持，例如，呈现数据更多、色域更宽的画面。这意味着，用户最终能够捕捉到实景的丰富色彩，在手机上观赏并与朋友分享广色域图片。

背景介绍

Android Q 现已迎来新一轮的图像革新. 由于 sRGB 的每个色彩通道只有 8 个比特，因此标准 sRGB 色域无法充分体现屏幕与摄像头最新技术的优势所在。Android 一直在努力实现对广色域图像的端到端支持，例如，呈现数据更多、色域更宽的画面。这意味着，用户最终能够捕捉到实景的丰富色彩，在手机上观赏并与朋友分享广色域图片。从 Android Q 开始，这一切将成为可能: 广色域图片即将亮相 Android。因此，让应用做好支持准备极为重要。本文介绍的两项测试可用于判定应用是否具备相应的条件与能力来显示广色域图片。另外，本文还会提供一些技术上的建议，帮助您为应用添加广色域支持。

切入正题之前，让我先解答一下大家的疑惑: 为什么要支持广色域呢？实际上，移动设备的屏幕与摄像头传感器每年都在更新换代，越来越多的新机型即将搭载校准显示面板，其中部分还会提供广色域支持。现代摄像头感应器能够捕捉到 sRGB 范围以外的颜色，然后生成广色域图片。屏幕与传感器的双重升级将带给用户端到端的摄影体验，让他们用更鲜明的色彩留影真实世界。

从技术层面来说，这意味着应用需要处理的图片与之前不同了。图片内嵌的 ICC 配置文件将不再采用 sRGB 色彩空间，而是转用其它色域更加丰富的格式，如 Display P3 和 Adobe RGB。对于消费者而言，广色域能让照片看上去更加真实。

广色域照片闪亮登场 Android: 开发者需知两三事

广色域照片闪亮登场 Android: 开发者需知两三事

△ 上图: Display P3，下图: sRGB

广色域照片闪亮登场 Android: 开发者需知两三事 广色域照片闪亮登场 Android: 开发者需知两三事

△ 上图: Display P3，下图: sRGB

以上两组图片为同一张照片的 Display P3 和 sRGB 版本。如果您正在使用已校准且支持广色域的显示屏上阅读本文，您会发现两者存在明显差别。

色彩测试

您可通过以下两项测试来判定应用是否已做好支持准备。第一项是色彩校正测试，另一项则是广色域测试。

色彩校正测试: 您的应用能够兼容广色域吗？

如果应用能够主动进行颜色管理，那就说明它已经准备好支持广色域了。在收到图片之后，应用首先会检查图片的色彩空间，然后再根据自身的广色域显色能力，进行必要转换。在这种情况下，即使应用无法处理广色域，图片中的 sRGB 色域仍旧能够正常显示，不存在色彩失真的问题。

下图为内嵌 Display P3 ICC 配置文件的图片进行色彩校正之后的效果。

广色域照片闪亮登场 Android: 开发者需知两三事

但是，如果应用不具备色彩校正条件，那么它往往会在色彩空间转换不当的情况下对显示图片进行处理，最终导致图片颜色失真。比如说，您可能会得到下面这种显得褪色且失真的图片。

广色域照片闪亮登场 Android: 开发者需知两三事

广色域测试: 您的应用能够支持广色域吗？

如果应用可以显示 sRGB 色彩空间之外的颜色，那就证明它具备支持广色域的能力。您可以利用下面这张图片来测试应用能否支持广色域图像: 若能看到 Android 机器人图标，则说明您的应用可以支持。请注意，该测试需要在具备广色域硬件支持的设备上进行，如 Pixel 3 或三星 Galaxy S10。

广色域照片闪亮登场 Android: 开发者需知两三事

您需要做哪些准备？

如需正确处理广色域图像，您的应用至少需要通过广色域兼容测试，即色彩校正测试。如果您的应用已测试成功，那就太棒了！尚未通过测试的开发者们也不用着急，您可以按照以下步骤为应用添加支持:

如何才能确保应用做好准备并且满足未来需求呢？关键点在于，应用不可以假设输入的外部图片使用 sRGB 色彩空间，也就是说，应用必须自行检查已解码图片的色彩空间，并进行必要转换。如果没有做到这一点，可能会导致色彩失真，或者色彩配置文件在某个环节不被接受。

必要: 色彩校正

通过色彩校正测试为最低要求。如果应用无法采用广色域，您很有可能只需要把每张图片解码为 sRGB 色彩空间。您可借助 BitmapFactory 或者 ImageDecoder 来实现这个逻辑。

使用 BitmapFactory

在 API 26 中，我们为 BitmapFactory.Option 添加了 inPreferredColorSpace，允许您为已解码的 Bitmap 文件指定目标色彩空间。假设您现在想要解码一个文件，那么您可以用下面的代码进行色彩管理:

final BitmapFactory.Options options = new BitmapFactory.Options();
// Decode this file to sRGB color space.
options.inPreferredColorSpace = ColorSpace.get(Named.SRGB);
Bitmap bitmap = BitmapFactory.decodeFile(FILE_PATH, options);
  • BitmapFactory.Option
    https://developer.android.google.cn/reference/kotlin/android/graphics/BitmapFactory.Options.html
  • inPreferredColorSpace
    https://developer.android.google.cn/reference/kotlin/android/graphics/BitmapFactory.Options.html#inPreferredColorSpace:android.graphics.ColorSpace

使用 ImageDecoder

从 Android P (API 等级 28) 开始，我们引入了现代化图片解码工具 ImageDecoder。如果您已将 APK 升级至 API 等级 28 或更高，我们建议您使用 ImageDecoder，而非 BitmapFactory 或 BitmapFactory.Option API。

在以下示例代码中，我们使用 ImageDecoder#decodeBitmap API 将图片转换为 sRGB 位图。

ImageDecoder.Source source =
        ImageDecoder.createSource(FILE_PATH);
try {
    bitmap = ImageDecoder.decodeBitmap(source,
            new ImageDecoder.OnHeaderDecodedListener() {
                @Override
                public void onHeaderDecoded(ImageDecoder decoder,
                        ImageDecoder.ImageInfo info,
                        ImageDecoder.Source source) {
                    decoder.setTargetColorSpace(ColorSpace.get(Named.SRGB));
                }
            });
} catch (IOException e) {
    // handle exception.
}

ImageDecoder 的另一个优势在于: 通过传入一个 ImageDecoder.OnHeaderDecodedListener 并检查 ImageDecoder.ImageInfo#getColorSpace()，您可以在获取最终的位图之前，就能知道图像的编码色彩空间。这样一来，您便能根据应用对色彩空间的处理方式，来检查图像的编码色彩空间，并分别设置相应的目标色彩空间。

ImageDecoder.Source source =
        ImageDecoder.createSource(FILE_PATH);
try {
    bitmap = ImageDecoder.decodeBitmap(source,
            new ImageDecoder.OnHeaderDecodedListener() {
                @Override
                public void onHeaderDecoded(ImageDecoder decoder,
                        ImageDecoder.ImageInfo info,
                        ImageDecoder.Source source) {
                    ColorSpace cs = info.getColorSpace();
                    // Do something...
                }
            });
} catch (IOException e) {
    // handle exception.
}

更多使用技巧，请参阅 ImageDecoder API 官方文档。

  • ImageDecoder.OnHeaderDecodedListener
    https://developer.android.google.cn/reference/android/graphics/ImageDecoder.OnHeaderDecodedListener.html
  • ImageDecoder.ImageInfo#getColorSpace()
    https://developer.android.google.cn/reference/android/graphics/ImageDecoder.ImageInfo.html#getColorSpace()
  • ImageDecoder API 官方文档
    https://developer.android.google.cn/reference/android/graphics/ImageDecoder

已知不良做法

典型的不良做法包括但不限于:

  • 总是假定图片处于 sRGB 色彩空间
  • 没有进行必要转换，便将图片上传为纹理 
  • 在压缩时忽略 ICC 配置文件

以上做法均会严重影响用户的视觉体验，令色彩失真。例如，以下示例代码会导致应用色彩校正错误:


// This is bad, don't do it!
final BitmapFactory.Options options = new BitmapFactory.Options();
final Bitmap bitmap = BitmapFactory.decodeFile(FILE_PATH, options);
glTexImage2D(GLES20.GL_TEXTURE_2D, 0, GLES31.GL_RGBA, bitmap.getWidth(),
        bitmap.getHeight(), 0, GLES20.GL_RGBA, GLES20.GL_UNSIGNED_BYTE, null);
GLUtils.texSubImage2D(GLES20.GL_TEXTURE_2D, 0, 0, 0, bitmap,
        GLES20.GL_RGBA, GLES20.GL_UNSIGNED_BYTE);

在将位图作为纹理上传之前，应用并没有检查色彩空间，因此色彩校正测试的结果会是下面这张失真图片。

广色域照片闪亮登场 Android: 开发者需知两三事

可选: 支持广色域

为了妥善处理图片，除上述必要变更之外，如果您的应用是一个图像类应用，您可能希望通过采取一些额外措施，例如在清单文件中启用广域模式或创建一个 Display P3 surface，来实现图片的全彩色域显示。

如需在 activity 中启用广色域，请将 AndroidManifest.xml 文件中的 colorMode 属性设定为 wideColorGamut。请注意，您需要为每一个启用广色域模式的 activity 重复以上设置。

android:colorMode="wideColorGamut"

您也可以通过程序的方式在 activity 中设定色彩模式，具体方法为: 调用 setColorMode(int) 方法并传入 COLOR_MODE_WIDE_COLOR_GAMUT。

在渲染广色域图像时，除了具体的广色域内容之外，您还需要创建一个广色域 surface，以 OpenGL 为例，应用必须先检查以下扩展:

  • EXT_gl_colorspace_display_p3_passthrough
  • EXT_gl_colorspace_display_p3

然后，在创建 surface 时请求 Display P3 作为色彩空间，具体代码见下:


private static final int EGL_GL_COLORSPACE_DISPLAY_P3_PASSTHROUGH_EXT = 0x3490;

public EGLSurface createWindowSurface(EGL10 egl, EGLDisplay display,
                                      EGLConfig config, Object nativeWindow) {
  EGLSurface surface = null;
  try {
    int attribs[] = {
      EGL_GL_COLORSPACE_KHR, EGL_GL_COLORSPACE_DISPLAY_P3_PASSTHROUGH_EXT,
      egl.EGL_NONE
    };
    surface = egl.eglCreateWindowSurface(display, config, nativeWindow, attribs);
  } catch (IllegalArgumentException e) {}
  return surface;
}

如果您想了解如何在原生代码中采用广色域，请参阅官方文档《使用广色域内容增强图形》。

  • colorMode
    https://developer.android.google.cn/reference/android/R.attr.html#colorMode
  • setColorMode(int)
    https://developer.android.google.cn/reference/android/view/Window.html#setColorMode(int)
  • COLOR_MODE_WIDE_COLOR_GAMUT
    https://developer.android.google.cn/reference/android/content/pm/ActivityInfo.html#COLOR_MODE_WIDE_COLOR_GAMUT
  • EXT_gl_colorspace_display_p3_passthrough
    https://www.khronos.org/registry/EGL/extensions/EXT/EGL_EXT_gl_colorspace_display_p3_passthrough.txt
  • EXT_gl_colorspace_display_p3
    https://www.khronos.org/registry/EGL/extensions/EXT/EGL_EXT_gl_colorspace_display_p3.txt
  • 《使用广色域内容增强图形》https://developer.android.google.cn/training/wide-color-gamut

图片库 API 设计指南

最后，如果您拥有或维护一个图片编解码库，通过色彩校正测试依旧是最低要求。为了现代化您的图片库，我们强烈建议您进行下列两项工作以扩展色彩管理 API:
1. 在设计新 API 或扩展现有 API 时，请显式传入 ColorSpace 参数。相比于硬编码一个色彩空间，显式的 ColorSpace 参数更能满足未来开发工作的需求。2. 所有旧版本 API 应该显式将位图解码为 sRGB 色彩空间。在 Android 8.0 (API 等级 26) 引入色彩管理之前，所有内容都被设定为 sRGB 色域。此项操作有助于您确保客户应用向后兼容。

  • ColorSpace
    https://developer.android.google.cn/reference/android/graphics/ColorSpace

完成上述工作后，就请着手开展前文所述的两项色彩测试工作吧！

原文出处： Android 谷歌开发者

Python教程

Python 教程

Python 教程
Tkinter 教程

Tkinter 教程
Pandas 教程

Pandas 教程
NumPy 教程

NumPy 教程
Flask 教程

Flask 教程
Django 教程

Django 教程
PySpark 教程

PySpark 教程
wxPython 教程

wxPython 教程
SymPy 教程

SymPy 教程
Seaborn 教程

Seaborn 教程
SciPy 教程

SciPy 教程
RxPY 教程

RxPY 教程
Pycharm 教程

Pycharm 教程
Pygame 教程

Pygame 教程
PyGTK 教程

PyGTK 教程
PyQt 教程

PyQt 教程
PyQt5 教程

PyQt5 教程
PyTorch 教程

PyTorch 教程
Matplotlib 教程

Matplotlib 教程
Web2py 教程

Web2py 教程
BeautifulSoup 教程

BeautifulSoup 教程

Java教程

Java 教程

Java 教程

Web教程

HTML 教程

HTML 教程
CSS 教程

CSS 教程
CSS3 教程

CSS3 教程
jQuery 教程

jQuery 教程
Ajax 教程

Ajax 教程
AngularJS 教程

AngularJS 教程
TypeScript 教程

TypeScript 教程
WordPress 教程

WordPress 教程
Laravel 教程

Laravel 教程
Next.js 教程

Next.js 教程
PhantomJS 教程

PhantomJS 教程
Three.js 教程

Three.js 教程
Underscore.JS 教程

Underscore.JS 教程
WebGL 教程

WebGL 教程
WebRTC 教程

WebRTC 教程
VueJS 教程

VueJS 教程

数据库教程

SQL 教程

SQL 教程
MySQL 教程

MySQL 教程
MongoDB 教程

MongoDB 教程
PostgreSQL 教程

PostgreSQL 教程
SQLite 教程

SQLite 教程
Redis 教程

Redis 教程
MariaDB 教程

MariaDB 教程

图形图像教程

Vulkan 教程

Vulkan 教程
OpenCV 教程

OpenCV 教程

大数据教程

R语言 教程

R语言 教程

开发工具教程

Git 教程

Git 教程
VSCode 教程

VSCode 教程
Docker 教程

Docker 教程
Gerrit 教程

Gerrit 教程
Excel 教程

Excel 教程

计算机教程

Go语言 教程

Go语言 教程
C++ 教程

C++ 教程

Android Q