3

就像有一个将图像转换为灰度的公式一样，是否有一个公式可以增加图像的亮度并在同一级别降低亮度？我尝试为每个 r、g 和 b 像素添加一个值。它确实增加了亮度，但是当我降低相同的值时，我不会恢复原来的值。

var pixels = context.getImageData(...);

//loop over the pixel data and add a value
p[i] = p[i]+100;
p[i+1] = p[i+1]+100;
p[i+2] = p[i+2]+100;

这会使图像变亮。但是当我从每个像素中减少 100 时，我无法恢复原始图像。

我在网上看到有一些公式可以正确计算。谁能解释一下？同样对于对比度和伽玛？

更新：

谢谢大家的建议。在浏览了下面的一些帖子后，我尝试了这个。

为了增加亮度：

var pixels = context.getImageData(...);

//loop over the pixel data and add a value
p[i] = p[i]+100 < 255 ? p[i]+100 : 255;
p[i+1] = p[i+1]+100 < 255 ? p[i+1]+100 : 255;
p[i+2] = p[i+2]+100 < 255 ? p[i+2]+100 : 255;

对于降低亮度：

var pixels = context.getImageData(...);

//loop over the pixel data and add a value
p[i] = p[i]-100 >= 0 ? p[i]-100 : 0;
p[i+1] = p[i+1]-100 >= 0 ? p[i+1]-100 : 0;
p[i+2] = p[i+2]+100 >= 0 ? p[i+2]-100 : 0;

我可以看到增量工作正常，但是当我减量时，我仍然没有得到原始图像，原始图像和增亮图像之间存在一点差异！

我究竟做错了什么？

4

2 回答 2

5

谷歌上的快速搜索显示：

使用 C++ 调整位图图像亮度/对比度

链接：

http://www.kweii.com/site/color_theory/2007_LV/BrightnessCalculation.pdf

https://web.archive.org/web/20140825114946/http://bobpowell.net/image_contrast.aspx

请记住在发布之前寻找类似的问题:)。

编辑：

还有两个链接：

图像处理算法第 5 部分：对比度调整：

http://thecryptmag.com/Online/56/imgproc_5.html

图像处理算法第 4 部分：亮度调整：

http://www.dfstudios.co.uk/articles/image-processing-algorithms-part-4/

编辑：

您发布的第二个代码块有错误：

var pixels = context.getImageData(...);

//loop over the pixel data and add a value
p[i] = p[i]-100 >= 0 ? p[i]-100 : 0;
p[i+1] = p[i+1]-100 >= 0 ? p[i+1]-100 : 0;
p[i+2] = p[i+2]+100 >= 0 ? p[i+2]-100 : 0; // <- Tha p[i+2]+100 should be a p[i+2]-100 right?

Johannes Jendersie说的是真的，你的问题是这样的：

以免说您有一个具有此值的像素

R = 100;
G = 210;
B = 20;

你给每种颜色加 100，现在你有：

R = 200;
G = 255; // It was 310 but you have to clamp it to 255.
B = 120;

现在减去相同的 100：

R = 100; // same
G = 155; // different!, this have to be 210!!
B = 20;  // same

这就是为什么这个操作是不可逆的。您可以做的是始终拥有原始图像的副本，并且每次更改值时，都会重新应用亮度校正。

因此，撤消添加 100 操作的方法不是减去 100，而是将亮度校正值设置为 0。这就是图像编辑程序的工作量，您有一个滑块，当您在滑块窗口中更改值时，您可以如果将其设置为 0，则始终获得原始图像，但是一旦“应用”校正，就无法撤消，当您重新打开滑块窗口时，“0”现在是先前过滤的图像。

因此，您要么在某处保留图像的备份和brightnesCorrection 值，并且每次值更改时，您都在图像上重新应用校正，或者您只需要接受您将无法恢复的事实图像恢复到昔日的辉煌xD（至少没有这种亮度校正，不确定是否有更好的方法）。

希望能帮助到你。

于 2012-12-18T18:54:48.717 回答
5

由于值的舍入和钳位的事实，对图像的许多操作是不可逆的。

您的每个颜色通道p[i]都可能是字节类型？如果是这样，则只能存储 0 到 255 之间的值。如果将 100 添加到例如 223 中，则最终将得到 323，即无法保存在 1 个字节中的值。这应该会导致溢出到 67，或者它被限制为 255（可能的最大数字）。减去 100 不会恢复 223，但会得到 155。

而不是添加偏移量，您应该尝试将颜色相乘。但这已被 AngelCastillo 的回答所涵盖。（在那里你也会丢失信息，但结果更好）

对更新的反应：

我的意思是，钳位值（例如您的实际实现）会导致数据丢失。就像上面解释的例子一样，一个太大的值变成了 255。所以再次减去 100 会将所有颜色设置为 155，原始颜色为 155或更大。较亮颜色 (>155) 的信息丢失。

在其他情况下（对比度和伽玛变化），您也会丢失信息，因为四舍五入会将以前的不同颜色设置为相同的值。

避免这种情况的唯一方法是使用具有每个频道更多信息的其他格式。例如 >16 位有符号整数或浮点数。我怀疑您的画布是否可以选择这样做，因此您需要保留自己的背景副本（具有更高的值范围）。对您的副本进行所有转换，然后只显示夹在画布上的图像。

于 2012-12-18T19:01:51.503 回答