您所在位置： &
&nbsp&&nbsp&nbsp&&nbsp
电路与系统专业论文-图像显示中的色彩空间转换研究与实现.pdf74页
本文档一共被下载：
次 ,您可全文免费在线阅读后下载本文档。
文档加载中...广告还剩秒
需要金币：200 &&
电路与系统专业论文-图像显示中的色彩空间转换研究与实现
你可能关注的文档：
··········
··········
上海交通大学 硕士学位论文
图像显示中的色彩空间转换研究与实现 姓名：张娜 申请学位级别：硕士 专业：电路与系统 指导教师：郭炜 座机电话号码 图像显示中的色彩空间转换研究与实现 摘 要 随着互联网的高速发展，数字图像以其信息量大、传输速度快、作
用距离远等一系列优点成为人类获取信息的重要来源和利用信息的重
要手段。由于数字图像的数据量巨大，在传输和存储时都需要进行压缩。
数字图像和视频的压缩标准JPEG 、MPEG 等均采用YCbCr 色彩空间作
为图像或视频的存储格式，而显示设备均采用 RGB
驱动，所以在应用
中经常需要进行色彩空间的转换。 另一方面，世界上大多数国家采用下面三种视频广播制式之一：
PAL 、NTSC 和SECAM。这三种标准采用的是不同的色彩空间。因此，
通用的色彩空间转换电路是视频解码器中必不可少的一部分。它可以使
显示设备具有更广阔的市场。 本文中实现了一种通用的色彩空间转换电路，并对此电路进行了验
证。 首先在ESL 仿真平台上对色彩空间转换模块进行系统级分析。利用
该平台提供的ARM Core 、DMA 、Bus 等模型，以及自己建立的色彩空
间转换模块的事务级模型，搭建一个简单的系统平台。并在该平台上进
行仿真，分析了数据传输时的系统瓶颈，确定了 DMA 通道的数目和
FIFO 的深度，优化了系统架构。 然后本文改进了F.Bensaali
等人提出的基于分布式算法的色彩空间
转换器，改用并行结构，用一组寄存器代替 ROM ，并减少了部分积寄
存器的数目。文中详细介绍了改进后的算法及其硬件实现方法，并给出
了相应的硬件面积、延时、转换结果的正确率、图像的质量等指标。最
后在项目的系统仿真环境下，
正在加载中，请稍后...为什么Sketch和Photoshop输出的图片色彩有差异？
之前有用户提过类似的问题，他发现在photoshop中图片的色彩和sketch中图片的色彩不一致。本文详细阐述了这种现象产生的原因和解决办法。
静电说：之前有用户提过类似的问题，他发现在photoshop中图片的色彩和sketch中图片的色彩不一致。下面看看静电翻译的一篇bohemiancoding团队发表的博文，详细阐述了这种现象产生的原因和解决办法。不要排斥这篇深度技术文章， 我们需要知道原理，才能工作的更好。总结下这篇文章的要点：1. 大部分图片文件内存储有色彩配置文件文件2. 每一个应用会使用自己独立的色彩配置文件或者由图片色彩配置文件来决定。3. &Save for Web&功能会丢掉图片文件的色彩配置内容，让其体积稍小。4. 如果一张图片没有色彩配置文件，那么这张图片的显示效果将由显示这张图的应用程序优先决定。5. Sketch使用sRGB色彩配置6. 另外，我们Photoshop等应用则可以在新建图片文件的时候选择不同的色彩配置文件。7.每种色彩空间显示的颜色数目会有差异，因此导致图片颜色不一致。以上是phptoshop新建文件时出现的色彩配置文件选项以下文章由静电译自bohemiancoding团队博客，原文出处：
转载请注明译者和出处。我们注意到最近用户一直对Sketch中的色彩管理模式非常的疑惑，所以今天我们想为大家讲解一下Sketch是如何处理这些问题，另外原因是什么。在讨论Sketch的色彩模式之前，我们有必要来了解下一般的色彩管理模式。传统的色彩管理模式颜色一般会在显示屏幕上表现为RGB色（红，绿和蓝）或者是LSB/L（色相，饱和度和亮度），但是这只是个开始。为了绘制一种真实的色彩，你需要了解这些元素属于哪种色彩空间。这里有一种方法可能会帮助你形象化的了解这个问题。我们想象所有颜色分布在一个区域内，每一种色彩空间用在这个区域内的一个三角形表示，每个角代表红色，绿色或者蓝色等等这些颜色所能显示的最多颜色数量。所以任何RGB数值在这个三角形区域内都是一个真实存在的点。我们可以从以下方面做进一步的了解：1.在一个色彩空间里存在的颜色并不是你能想象到或者看到的所有颜色；在这个三角形之外的颜色是这个显示设备所无法显示出来的，即便是你的显示器在制造特性上标明它能显示更多的颜色。（译者注：显示的颜色数除了跟自己的显示器有关，还跟这个软件所使用的色彩空间有关系。）2.由于每一种色彩空间在这个色彩区域内都用不同形状的三角表示，所以在不同的色彩空间，即使是你认为的同一种颜色，显示效果也可能有差别。加入你把一种颜色从一种色彩空间转成另一个色彩空间，实际上，这个色彩空间会尽可能的适配你要的颜色，让他们尽可能的在同一个位置（译者注：由于色彩空间的改变，其实转化后的颜色并不能完全一致）。也就是说这个RGB的数值会根据这个色彩空间的定义而做出改变。如果你原先所使用的这个颜色刚好位于这个色彩空间的边缘位置，改变后的色彩空间会让你的颜色呈现更真实或者失真（译者注：取决于这个色彩空间所能显示的颜色数）。简而言之：转变色彩空间是比较危险的行为，因为你所看到的颜色可能会发生变化。在做数字设计而非印刷（平面）设计时，大部分设计师需要关注的是RGB颜色而非色彩空间。当你在HTML代码中设置颜色的时候，你只能用到RGB色。也就是说，用户所使用的浏览器将接管色彩空间的管理。Safari浏览器遵循W3C的标准，使用sRGB色彩空间。最新版本的Chrome浏览器则使用你显示器指定的色彩空间，如果你使用一个没有经过色彩校准的显示器，同样的RGB颜色值，在不同的浏览器中看起来可能会完全不一样。当你把一张图片保存到电脑硬盘中，这张图片文件中其实是包含色彩空间信息的。为了让RGB颜色看起来一致，这张图片中会通常会包含色彩空间的信息以便表达这个RGB数值所表达的颜色。为了让这张图片的体积更小一些，很多网络上的图片会将此信息移除（这也就是Save For Web这个功能所做的事情），这时浏览器会将所有的图片的色彩空间默认为是sRGB，即便你之前在电脑上保存的这张图片使用了完全不一样的色彩空间。举个例子，Mac电脑上的图片预览应用会完全遵循这张图片所预置的色彩空间来显示图片色彩。所以，现在问题来了，同一张图片在电脑中预览，和在不同的浏览器比如Safari，chrome中，颜色看起来会有差别，这也难怪大家会产生困惑。Sketch中的颜色管理我们选择不在Sketch中使用复杂的色彩管理支持，因为这会让很多用户感到困扰。于此相反，我们认为使用Sketch的大部分用户是web或者移动端设计师，因此Sketch的色彩管理也会着重对这部分用户做适配。毕竟，Web浏览器强制使用sRGB色彩空间，iOS系统上则完全没有色彩空间的概念。所以Sketch做了什么呢？当你在Sketch中选区一种颜色，我们只存储RGB的数值。而在显示器上进行查看的时候，使用你自己的显示器所应用的色彩空间。用这种方式，我们可以保证如果你在屏幕的其它部分取了一种颜色，Sketch中显示的颜色和显示器上显示的颜色会尽可能的保持一致。当我们导出一张图片，这张图片将会使用sRGB色彩空间，同样，这个色彩空间配置信息会被存储到这张图片的metadate中，除非在导出这张图片的时候，你勾选了&Save for Web&选项（此时这张图没有色彩空间信息）。无论你使用哪种方式导出图片，在Safari等浏览器中，这张图都将使用sRGB色彩空间。在使用电脑的Preview软件打开这张图片的时候，它会自动识别这张图片的sRGB信息，并把它的颜色渲染为和在safari中一样（译者注：也就是说如果你选了&Save for web&，那么颜色就不保证在preivew里是sRGB了）。我们相信通过这种方式，可以让颜色的显示尽可能的保持一致。不过，还是有个缺点。当你打开刚刚你导出的这张图片，并在preview中显示，然后把preview窗口和Sketch窗口并排显示在同一个屏幕里。这时你会发现，这两者的颜色并不那么一致。请记住，原因是Sketch在自己的工作区内绘制图片的时候，使用的是显示器所设置的颜色配置文件。但是当preview来绘制图像时，则直接把他当作sRGB色彩模式来绘制，不论你的屏幕色彩模式如何设置，Preview都使用sRGB模式为第一选择。另外，Preview和Safari中的色彩也可能不一致，因为他们其中的一个会完全忽略掉屏幕的配置文件。请一定要注意，你的网站也可能会被另一个安卓设备所查看，这个安卓设备可能完全没有使用sRGB色彩空间。或者，在一台年代比较久远的iPHone设备中，它也可能会使用完全不同的色彩配置文件。（译者注：配置文件导致图片在不同设备上颜色显示的差异）结论就是，去纠结不同数字设备上显示的图形颜色的细微差异是没有太大意义的。但是，Sketch尽可能的让这种差异不明显。如果你在sketch和在Css中使用同一个RGB颜色值，颜色会是非常统一的（前提是你的浏览器遵循W3C的标准来渲染图形）。Sketch让你在保存时永远都是sRGB模式，或者你可以选择去掉色彩模式配置文件，让保存的文件小那么一点点。但是，不管你如何保存，最终图片在web浏览器里的显示效果都是一致的。作为一个web或者移动端设计师，这应该是你期望的显示效果，这也是Sketch工作的原理。只需要注意一点，使用屏幕取色器从不同的窗口中取的颜色并不能保持一致的RGB颜色值（译者注：因为不同的应用可能使用不同的色彩空间）。版权声明：本文由静电译自bohemiancoding团队博客，原文出处：
转载请注明译者和出处。小小的广告：《Sketch+Xcode双剑合璧-移动UI设计师快速上手指南》各大电商火热发售中。欢迎至当当，京东及天猫商城选购。& &&&第一手原创设计文章及内容，尽在静design（微信扫码关注）觉得本文有帮助请赐个赞并在下方发表评论
打开微信“扫一扫”，将本文章分享到朋友圈
快给朋友分享吧！
42人已收藏
小U妹文章推荐
Ctrl+Enter
Ctrl+Enter
您将要删除您的首页推荐大作
为什么Sketch和Photoshop输出的图片色彩有差异？
在她入驻到UI中国的日子里
总共吸引了6016位设计师的驻足流连
总共收获了42位设计师的由衷赞赏
总共获得了25位设计师的悉心珍藏
总共引起了8位设计师的深入讨论
依然要删除吗？用户名/邮箱:?
使用第三方登录：?
还可以输入 300 字符
请输入举报理由
选择收藏分类：
默认收藏夹
添加收藏分类：
原创/自译教程：为什么Sketch和Photoshop输出的图片色彩有差异？(翻译理论)
系统分类：
个人归类：
文章版权：
翻译，如需商业用途或转载请与
联系，谢谢配合！
朝阳 / 网页设计师222天前发布
之前有用户提过类似的问题，他发现在photoshop中图片的色彩和sketch中图片的色彩不一致。下面看看静电翻译的一篇bohemiancoding团队发表的博文，详细阐述了这种现象产生的原因和解决办法。
静电说：之前有用户提过类似的问题，他发现在photoshop中图片的色彩和sketch中图片的色彩不一致。下面看看静电翻译的一篇 bohemiancoding团队发表的博文，详细阐述了这种现象产生的原因和解决办法。不要排斥这篇深度技术文章， 我们需要知道原理，才能工作的更好。总结下这篇文章的要点：
1. 大部分图片文件内存储有色彩配置文件文件
2. 每一个应用会使用自己独立的色彩配置文件或者由图片色彩配置文件来决定。
3. “Save for Web”功能会丢掉图片文件的色彩配置内容，让其体积稍小。
4. 如果一张图片没有色彩配置文件，那么这张图片的显示效果将由显示这张图的应用程序优先决定。
5. Sketch使用sRGB色彩配置
6. 另外，我们Photoshop等应用则可以在新建图片文件的时候选择不同的色彩配置文件。
7.每种色彩空间显示的颜色数目会有差异，因此导致图片颜色不一致。
以上是phptoshop新建文件时出现的色彩配置文件选项
以下文章由静电译自bohemiancoding团队博客，原文出处： &转载请注明译者和出处。
我们注意到最近用户一直对Sketch中的色彩管理模式非常的疑惑，所以今天我们想为大家讲解一下Sketch是如何处理这些问题，另外原因是什么。在讨论Sketch的色彩模式之前，我们有必要来了解下一般的色彩管理模式。
传统的色彩管理模式
颜色一般会在显示屏幕上表现为RGB色（红，绿和蓝）或者是LSB/L（色相，饱和度和亮度），但是这只是个开始。为了绘制一种真实的色彩，你需要了解这些元素属于哪种色彩空间。
这里有一种方法可能会帮助你形象化的了解这个问题。我们想象所有颜色分布在一个区域内，每一种色彩空间用在这个区域内的一个三角形表示，每个角代表红色，绿 色或者蓝色等等这些颜色所能显示的最多颜色数量。所以任何RGB数值在这个三角形区域内都是一个真实存在的点。我们可以从以下方面做进一步的了解：
在一个色彩空间里存在的颜色并不是你能想象到或者看到的所有颜色；在这个三角形之外的颜色是这个显示设备所无法显示出来的，即便是你的显示器在制造特性上标明它能显示更多的颜色。（译者注：显示的颜色数除了跟自己的显示器有关，还跟这个软件所使用的色彩空间有关系。）
由于每一种色彩空间在这个色彩区域内都用不同形状的三角表示，所以在不同的色彩空间，即使是你认为的同一种颜色，显示效果也可能有差别。
假如你把一种颜色从一种色彩空间转成另一个色彩空间，实际上，这个色彩空间会尽可能的适配你要的颜色，让他们尽可能的在同一个位置（译者注：由于色彩空间的 改变，其实转化后的颜色并不能完全一致）。也就是说这个RGB的数值会根据这个色彩空间的定义而做出改变。如果你原先所使用的这个颜色刚好位于这个色彩空 间的边缘位置，改变后的色彩空间会让你的颜色呈现更真实或者失真（译者注：取决于这个色彩空间所能显示的颜色数）。简而言之：转变色彩空间是比较危险的行 为，因为你所看到的颜色可能会发生变化。
在做数字设计而非印刷（平面）设计时，大部分设计师需要关注的是RGB颜色而非色彩空间。当你在 HTML代码中设置颜色的时候，你只能用到RGB色。也就是说，用户所使用的浏览器将接管色彩空间的管理。Safari浏览器遵循W3C的标准，使用 sRGB色彩空间。最新版本的Chrome浏览器则使用你显示器指定的色彩空间，如果你使用一个没有经过色彩校准的显示器，同样的RGB颜色值，在不同的 浏览器中看起来可能会完全不一样。
当你把一张图片保存到电脑硬盘中，这张图片文件中其实是包含色彩空间信息的。为了让RGB颜色看起来一 致，这张图片中会通常会包含色彩空间的信息以便表达这个RGB数值所表达的颜色。为了让这张图片的体积更小一些，很多网络上的图片会将此信息移除（这也就 是Save For Web这个功能所做的事情），这时浏览器会将所有的图片的色彩空间默认为是sRGB，即便你之前在电脑上保存的这张图片使用了完全不一样的色彩空间。举个 例子，Mac电脑上的图片预览应用会完全遵循这张图片所预置的色彩空间来显示图片色彩。所以，现在问题来了，同一张图片在电脑中预览，和在不同的浏览器比 如Safari，chrome中，颜色看起来会有差别，这也难怪大家会产生困惑。
Sketch中的颜色管理
我们选择不在Sketch中使用复杂的色彩管理支持，因为这会让很多用户感到困扰。于此相反，我们认为使用Sketch的大部分用户是web或者移动端设计 师，因此Sketch的色彩管理也会着重对这部分用户做适配。毕竟，Web浏览器强制使用sRGB色彩空间，iOS系统上则完全没有色彩空间的概念。
所以Sketch做了什么呢？当你在Sketch中选区一种颜色，我们只存储RGB的数值。而在显示器上进行查看的时候，使用你自己的显示器所应用的色彩空 间。用这种方式，我们可以保证如果你在屏幕的其它部分取了一种颜色，Sketch中显示的颜色和显示器上显示的颜色会尽可能的保持一致。
当我们导出一张图片，这张图片将会使用sRGB色彩空间，同样，这个色彩空间配置信息会被存储到这张图片的metadate中，除非在导出这张图片的时候， 你勾选了“Save for Web”选项（此时这张图没有色彩空间信息）。无论你使用哪种方式导出图片，在Safari等浏览器中，这张图都将使用sRGB色彩空间。在使用电脑的 Preview软件打开这张图片的时候，它会自动识别这张图片的sRGB信息，并把它的颜色渲染为和在safari中一样（译者注：也就是说如果你选了 “Save for web”，那么颜色就不保证在preivew里是sRGB了）。我们相信通过这种方式，可以让颜色的显示尽可能的保持一致。
不过，还是有个缺点。当你打开刚刚你导出的这张图片，并在preview中显示，然后把preview窗口和Sketch窗口并排显示在同一个屏幕里。这时 你会发现，这两者的颜色并不那么一致。请记住，原因是Sketch在自己的工作区内绘制图片的时候，使用的是显示器所设置的颜色配置文件。但是当 preview来绘制图像时，则直接把他当作sRGB色彩模式来绘制，不论你的屏幕色彩模式如何设置，Preview都使用sRGB模式为第一选择。
另外，Preview和Safari中的色彩也可能不一致，因为他们其中的一个会完全忽略掉屏幕的配置文件。请一定要注意，你的网站也可能会被另一个安卓设 备所查看，这个安卓设备可能完全没有使用sRGB色彩空间。或者，在一台年代比较久远的iPHone设备中，它也可能会使用完全不同的色彩配置文件。（译 者注：配置文件导致图片在不同设备上颜色显示的差异）
结论就是，去纠结不同数字设备上显示的图形颜色的细微差异是没有太大意义的。但是，Sketch尽可能的让这种差异不明显。如果你在sketch和在Css中使用同一个RGB颜色值，颜色会是非常统一的（前提是你的浏览器遵循W3C的标准来渲染图形）。
Sketch 让你在保存时永远都是sRGB模式，或者你可以选择去掉色彩模式配置文件，让保存的文件小那么一点点。但是，不管你如何保存，最终图片在web浏览器里的 显示效果都是一致的。作为一个web或者移动端设计师，这应该是你期望的显示效果，这也是Sketch工作的原理。
只需要注意一点，使用屏幕取色器从不同的窗口中取的颜色并不能保持一致的RGB颜色值（译者注：因为不同的应用可能使用不同的色彩空间）。
版权声明：
本文由静电译自bohemiancoding团队博客，原文出处： &转载请注明译者和出处。
小小的广告：
《Sketch+Xcode双剑合璧-移动UI设计师快速上手指南》各大电商火热发售中。欢迎至当当，京东及天猫商城选购。
第一手原创设计文章及内容，尽在静design
觉得本文有帮助
请赐个赞并在下方发表评论
朝阳 / 网页设计师222天前发布
同时推荐此文章
还可以输入2000 个字符
所有，如需商业用途或转载请与
联系，谢谢配合！基于HSV色彩空间的图像分割_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
基于HSV色彩空间的图像分割
上传于||暂无简介
阅读已结束，如果下载本文需要使用1下载券
想免费下载本文？
定制HR最喜欢的简历
下载文档到电脑，查找使用更方便
还剩1页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢