中国DOS联盟论坛 - Powered by Discuz! Board

标题: 本论坛界面中一张奇怪的图片 [打印本页]

作者: willsort 时间: 2005-9-4 22:42 标题: 本论坛界面中一张奇怪的图片

To All:

不知大家有没有注意到，本论坛每个分版区的主题列表界面中都有一张奇怪的图片。就是在界面右上角“帮助”的下方，那个内容为三个向下箭头的图片，它附带一个页面底部的链接。

奇怪的地方在于，如果用鼠标将这个图片选中，那么原来看起来一模一样的三个向下箭头，变成了两道直线夹一个向下三角的形状。中间的三角因为边缘虚化，更接近于钻石形。

不知道大家对此有何解释？
-----------------------------------------------------------------------------

Last edited by willsort on 2005-9-5 at 20:14 ]

作者: GOTOmsdos 时间: 2005-9-5 00:18

坏着好奇,我单击它,很正常呀..没有你说的情况呀..

作者: willsort 时间: 2005-9-5 14:51

Re GOTOmsdos:

不是单击，那样会转到页底；是用鼠标拖拽选中图片，使它反色。

作者: GOTOmsdos 时间: 2005-9-5 19:34

我是用鼠标拖拽选中图片，但它很正常啊,没有反色
可能是各个鼠标不同吧..

作者: willsort 时间: 2005-9-5 20:08

Re GOTOmsdos:

请看下图：

附件 1: pic1.jpg (2005-9-5 20:08, 12.19 KiB, 下载附件所需积分 1点 ,下载次数： 212)

作者: Michael 时间: 2005-9-5 21:41

通过用放大镜观察，我发现IE应该是这样对图片进行反色的：以图片左上角为起点，每隔一个像素，就将原像素变成蓝色。
就此问题做个图示：

附件 1: Snap1.gif (2005-9-5 21:41, 5.16 KiB, 下载附件所需积分 1点 ,下载次数： 5)

作者: Michael 时间: 2005-9-5 21:44

不同的图案变化取决于小三角之间相隔的像素数。

作者: Michael 时间: 2005-9-5 21:49

以及小三角的形状（接楼上贴）。

作者: GOTOmsdos 时间: 2005-9-5 21:59

哦, 我看到了! 是这样的
不知道是有意设计成这样,还是BUG造成的.

作者: Michael 时间: 2005-9-5 22:07

偶觉得偶说得很明白了，是IE的反色原理造成的。哪有什么BUG。

作者: willsort 时间: 2005-9-5 22:26

Re Michael:

多谢 Michael 兄，解得很漂亮！

那即是说，之所以三个三角出现不相同的反色变化，是因为这三个三角形的起始点处于图像中的像素点位置的奇偶数不同，因而出现不同的填充反色效果。

但是我观察到的情况略有不同，那就是图像的外围背景似乎并没有间隔填充蓝色，而是全部填充，当然也有可能是白色反色成黑色后难以辨别。

利用这个原理，应该可以做出一些有趣的图片，未选中时是一个混乱图形，选中后出现某个正常图形，只是还不知这种图片如何制作，自己的图像学基础实在很弱 :-)

Last edited by willsort on 2005-9-5 at 22:34 ]

作者: Michael 时间: 2005-9-5 22:29

是的，我用放大镜看了半天呢，呵呵，不过我叫做Michael。

作者: Michael 时间: 2005-9-5 22:35

开始我做了个网页，将图片进行缩放，发现图片越小，反色后的差异越大。
后来，偶又单独拿出左边一个三角，对其进行反色观察，发现反色后的三角仍是一个对称图形，而当它处于三个三角的左端或右端进行反色时，不再成中轴对称了。
后来就有了如上的猜测，后来就用放大镜看，果然如此。

作者: Michael 时间: 2005-9-5 22:38

Originally posted by willsort at 2005-9-5 10:26 PM:
Re Michael:

多谢 Michael 兄，解得很漂亮！

那即是说，之所以三个三角出现不相同的反色变化，是因为这三个三角形的起始点处于图像中的僠...

呵呵，你选中的部分不仅是图片，还有一部分空白网页的，不信你右击全蓝部分试试，肯定没有“图片另存为”。当时我也迷惑了一会儿呢。

作者: willsort 时间: 2005-9-5 22:43

Re Michael:

刚才又思考了一下，觉得我们的考虑有不周之处，因为“IE没有任何理由要间隔填充蓝色”。

而我们之所以看到间隔的蓝色填充，很可能是因为那个图片是GIF图片，而此类图片都是经过色彩抖动的，也就是说看上去是连续的颜色，实际上是两种相近色的间隔组合。

而IE的反色能够捕捉并扩大这种颜色差别。因为反色后似乎只有蓝、白、黑等几种基本色，其他颜色都被换算成相近的颜色。而本来相近的两种颜色，经过反色换算后，变成了截然不同的颜色。

这样，外围背景全部蓝色就得到了解释，因为背景部分因为颜色重复而被GIF优化掉而没有进行抖动，因此显示还原时仍然是连续的白色，反色时则也是连续的蓝色。

Re 14楼：

不仅仅是图片侧面，即使两个三角形中间，也是连续的蓝色填充。

Last edited by willsort on 2005-9-5 at 22:51 ]

作者: fdsiuha 时间: 2005-9-5 22:51

M兄的研究相当彻底

在此基础上我愿意与大家分享我的观点

首先，不能忽略的是，该文件是GIF文件

-----------------------------------------------------------

GIF是一种基于数学公式的压缩方式。
其原理是将离散的数值用连续的函数来描述

那么，经过压缩后的文件，会有图象质量的损失。这些损失必须降低到肉眼观察范围（根据压缩比）或可以接受的范围。

-----------------------------------------------------------

对于我们来说，这些文件压缩以后就会有图象质量的损失，在GIF里图象损失意味着象素的晕开，即模糊，但是这些都只考虑了正向的显示效果，所以在图象上出现的近似白色而不是白色，类同黑色其实却是另外一种颜色的情况。这些都是在正向显示的时候由于极其近似旁边的颜色，人眼无法察觉（压缩比合适）。但是反色的时候却与前景色和背景色以及透明色完全划清界限，所以有“隐藏”的图象的出现。

-----------------------------------------------------------

其实这样的现象在其他的复杂图象中完全存在，譬如本文最后的两个表情符号，反色会有“白”边，但是由于我们确定会忽略复杂图象的被选中后反色后的杂色。所以当简单图象出现这种情况--尤其是规则的几何图形（经过压缩算法后产生的色晕也是有规则的）--我们就非常吃惊了

-----------------------------------------------------------

恕我分段写下上面的话，因为我的K6-2老机子可能已经要到寿命了，频繁死机<img src="images/smilies/face-sad.png" align="absmiddle" border="0"><img src="images/smilies/face-angry.png" align="absmiddle" border="0">

Last edited by fdsiuha on 2005-9-5 at 23:20 ]

作者: Michael 时间: 2005-9-5 22:53

刚才发现IE对16bit JPG图像的反色仍是间隔填充蓝色，至少我的眼睛这么告诉我。
另外，我发现反色后的图像仍存在各种颜色，至少是存在各种颜色的像素。

作者: willsort 时间: 2005-9-5 22:59

Re Michael（17楼）：

>>刚才发现IE对16bit JPG图像的反色仍是间隔填充蓝色

那即是说明，JPEG格式也有类似的“抖动”效果，或许BitMap也会有，可能与图像制作软件有关。

>>发现反色后的图像仍存在各种颜色，至少是存在各种颜色的像素

那就说明，反色颜色仍然有很多，很可能一样多，只是原来相近的反色后相差很大，原来相差很大的反色后反而相近了。比如你ID的黑色和等级的红色。

Last edited by willsort on 2005-9-6 at 19:12 ]

作者: Michael 时间: 2005-9-5 23:03

不过，大家可以考虑一下，GIF文件可以存为Transparent型的，全蓝填充是否和这有关系？

作者: fdsiuha 时间: 2005-9-5 23:13

否

会员等级是以加重字体的方式显示的，这个时候无论是什么颜色，都统统反色为系统背景色。

图象的问题具体解释请看我楼上的回复。
反色后显示出来的象素并非是由于IE和软件引起的，是因为他们本来就不是背景色，也不是前景色，只是由于压缩而带来的额外的象素罢了，因为有了它们所以图象的品质会下降。

Last edited by fdsiuha on 2005-9-5 at 23:17 ]

作者: willsort 时间: 2005-9-6 19:09

Re All:

这是我用"画图"作的3张图片，大家可以比较一下。

GIF JPG PNG

Last edited by willsort on 2005-9-6 at 19:18 ]

附件 1: 十字_gif.GIF (2005-9-6 19:09, 834 bytes, 下载附件所需积分 1点 ,下载次数： 69)

附件 2: 十字_jpg.JPG (2005-9-6 19:09, 696 bytes, 下载附件所需积分 1点 ,下载次数： 66)

附件 3: 十字_png.PNG (2005-9-6 19:11, 190 bytes, 下载附件所需积分 1点 ,下载次数： 66)

作者: GOTOmsdos 时间: 2005-9-6 20:48

TO willsort:
请教一下: 你的贴图是怎样猎捕的?
因为,一般猎捕器,在你点击他处时,那个效果会消失的呀?
...
??

作者: willsort 时间: 2005-9-7 21:15

Re GOTOmsdos:

我用的是 wincam2 （408K，可能是简化版）的区域捕捉功能，后来我改用 SPX Capture 的区域捕捉功能，都没有碰到你所说的问题。

作者: fdsiuha 时间: 2005-9-8 13:59

printscreen 不能用吗？

作者: willsort 时间: 2005-9-11 02:12

Re fdsiuha:

PrintScreen 是可以用，但是拷完之后，需要自己裁剪并另存GIF，不愿如此麻烦，所以改用现成软件了。

作者: gwlok99 时间: 2005-9-11 11:25

没有呀我的很正常

作者: JonePeng 时间: 2005-9-11 16:12

willsort 的三个不同格式的十字在反色后，再用放大镜来查看都一样啊。

作者: willsort 时间: 2005-9-11 18:24

Re JonePeng:

仔细看的话，JPG图片会有一些“噪点”，而GIF和PNG则没有；三张图片都是用“画图”生成的，所以其中的差别很可能与图片格式的压缩算法有关。

也就是说，fdsiuha兄所说的“象素的晕开”在其他图像格式中也存在，至于是不是连续函数描述我尚未确定。其他诸如Bmp与TIF格式，因为无法嵌入到网页中，所以无法观察其IE反色效果。

作者: fdsiuha 时间: 2005-9-11 21:56

更正一下，GIF和PNG是无损压缩的，但是使用软件绘图的时候源图是其他有损压缩格式，最后保存为GIF、PNG的就会出现上面的情况，这种事情经常发生。

电脑老死机，上贴写了7、8回才写完。逻辑有点混乱

Last edited by fdsiuha on 2005-9-11 at 21:58 ]

作者: willsort 时间: 2005-9-11 23:19

Re fdsiuha:

补充一点：三张图都是以BMP为源图制作的。

作者: fdsiuha 时间: 2005-9-12 12:53

我不是说你的那个3个图片，前景的白色不是反色，那不是反色。

那是IE+深颜色的效果，不是反色效果

就像你在桌面上选择某个图标后，图标颜色变化是一个道理，只是实现方法不一样，那个是把原来每象素+深，这个IE是间隔象素+深

作者: fdsiuha 时间: 2005-9-12 13:01

M兄之前做的那个实验就很清楚说明了IE ，所谓的“反色”，只是一种IE给选定的图片+深颜色的方法。

我说的那个是，图片可能会有隐藏而难以看见的过渡色，是有损压缩引起的。如果确实是逐象素求反的话，隐藏在背景或前景中的象素都可能比较明显的显示出来。

作者: fdsiuha 时间: 2005-9-12 13:06

我在我的贴子里引用了一个例子，就是那两个表情符号，+深的时候有白边，这个白边就是所谓的晕开的效果，而更仔细的看一下那个白边，就会发现是间隔的填充了其他的颜色，这就是IE的+深颜色的效果。

作者: JonePeng 时间: 2005-9-12 15:58

Micheal 兄说的“用做反色填充的蓝色”其实与系统的外观颜色有密切关系。事实上，用做填充的颜色并不一定都是蓝色，只要在显示属性的“外观”里将“选定的项目”改为其它颜色（改为红色后如图所示），那么那三个三角形就呈现出虚幻的三个三角形，并不是 willsort 贴图里的“两条横线夹着一个虚幻三角形”。

附件 1: 未命名.bmp (2005-9-12 15:58, 398 bytes, 下载附件所需积分 1点 ,下载次数： 1)

作者: willsort 时间: 2005-9-12 19:22

Re All:

这就是一张利用 IE 选中加强色原理制作的图片，图片选中会有黑白（实际为伪黑白色）变为彩色。根据其制作方法来看，与 Michael 兄分析的倒是有些切合，只是原文没有提及其中的原理基础，不免遗憾。网页链接如下：

http://www.enet.com.cn/article/2005/0810/A20050810443315.shtml