一张无法正确缩放的诡异图片

Program Impossible | 2010-02-24 20:09| 61 Comments | 本文内容遵从CC版权协议 转载请注明出自matrix67.com

    给大家看一个好玩儿的东西。在不同的显示器上，下面这张图片的显示效果可能大不相同。如果你用的是 TFT 屏幕，上下移动你的脑袋，调整你的视角，你也会看到不同的色彩。从低处往上看，你会看到一个白色的 MM 站在蓝色背景中；从高处往低看，你会看到一个黑色的 MM 站在黄色背景中。

   

    现在，把上面这幅图片保存下来，用你最爱的图象处理软件打开，然后缩放到原图的 50% 。左图是图片缩小后理应得到的结果，但你会发现，你得到的结果是右边的这个图——一片灰色。

         

    今天从 reddit 上看到了这个网页。根据它的解释，目前的绝大多数图象处理软件，包括 Photoshop 和 GIMP ，它们的图象缩放算法都有问题，错误的根源乃是对 gamma 值的错误假设。左图就是采用正确的图象缩放算法得到的图片，但几乎所有图象处理软件都会得到右边的这张图。该问题也普遍存在于图象查看程序里，甚至就在你用浏览器阅读这篇文章的时候，按几下 Ctrl + 减号 后你也会看到同样的错误。另外，由于同样的原因，缩放到其它尺寸、图片的旋转、使用某些滤镜也会出现各种奇怪的问题。具体的原理和更多学术讨论可以在上面那个网页中看到。原文中的图片很不和谐，因此我才根据其原理自己重做了一张。

Posted in Program Impossible
Tags: 算法, MM, 图片
Trackback: http://www.matrix67.com/blog/archives/2866/trackback
我猜您可能还喜欢：

• 猜谜看照片 凤凰、张家界六人五日游照片放出！
• 偶然又发现了一套Graphis的图，发上来给大家看看
• 牛！Mathematica还能这样用！自己制作马赛克拼图
• 无题 于2007年8月5日
• 404页面：被二进制困住的朦胧系MM
• 帮忙宣传：MM群2007七夕邀请赛
• 绝非标题党！中文系惊现美女 迎新晚会照片释出
• 数学MM

61 条回复

• 
  楼层: 沙发 | 2010-02-24 20:15 | skyivair 说：

  果然不和谐。

• 
  楼层: 板凳 | 2010-02-24 20:29 | ahaxzh 说：

  忽忽～～

• 
  楼层: 地毯 | 2010-02-24 20:33 | ahaxzh 说：

  先用PICASA3确实是显示不出来，可是用Microsoft Picture manager却能出来左图。

• 
  楼层: 地板 | 2010-02-24 20:52 | OliverQ 说：

  哇，第一次挤到这么好的位置
  确实不和谐得很

• 
  楼层: 地下室 | 2010-02-24 20:56 | OliverQ 说：

  其实细细一想也没啥不和谐。
  D.a.l.a.i L.a.m.a 的照片在未经他本人同意的情况下被搞成那副惨状是对奴隶主合理的抗议。

• 
  楼层: 地基 | 2010-02-24 20:59 | biohu 说：

  果然不和谐。

• 
  楼层: 地壳 | 2010-02-24 21:18 | 6V 说：

  用QQ貌似可以……

• 
  楼层: 地幔 | 2010-02-24 21:41 | Магсн 说：

  啊，我的maxthon2可以啊

• 
  楼层: 地核 | 2010-02-24 22:24 | 3.14 说：

  不和谐的不得了~~

• 
  楼层: 10楼 | 2010-02-25 0:19 | 忘言 说：

  chrome把它变成浮雕了>_<b

• 
  楼层: 11楼 | 2010-02-25 0:32 | shuhaibook 说：

  原图不错

• 
  楼层: 12楼 | 2010-02-25 0:44 | 白左 说：

  果真不和谐……

• 
  楼层: 12a楼 | 2010-02-25 1:16 | kidst 说：

  果然不和谐

• 
  楼层: 14楼 | 2010-02-25 1:20 | skydiver 说：

  哈哈 果然你也看到这个了
  能不能把原理大概解释一下啊 E文不太好 原文没太看懂

• 
  楼层: 15楼 | 2010-02-25 1:44 | 旋岚 说：

  小白表示IE6+傲游2 ctrl+减号缩小出左图= =
  看来IE战斗力还是很强的……

• 
  楼层: 16楼 | 2010-02-25 1:46 | 旋岚 说：

  原来是downsampling with no antialias filter，受教了

• 
  楼层: 17楼 | 2010-02-25 2:53 | wc_111191 说：

  我得到和左图完全一样的图了
  原图在Mac电脑上显示的就是灰色的，只不过Windows很变态地把显示器默认gamma值调成了50%，也就是说显示器显示的颜色不是真正存储的颜色而是实际颜色数值的平方根。但是缩放程序处理的是实际存储的颜色，所以就会造成人看到的误差。
  左图的制作方法：在PS里先点把查看的比例设成50%再点图像->调整->曲线，将平直的曲线向右下方拖动便会现出左图。

• 
  楼层: 18楼 | 2010-02-25 5:33 | lovealicante 说：

  真的很不和谐啊><

• 
  楼层: 19楼 | 2010-02-25 10:01 | 掌柜的马甲 说：

  确是用浏览器缩放就是灰色的..

• 
  楼层: 20楼 | 2010-02-25 10:10 | 严酷的魔王 说：

  那个果然不和谐……

• 
  楼层: 21楼 | 2010-02-25 10:11 | jaywizard23 说：

  还好嘛，蛮和谐的……真的……

• 
  楼层: 22楼 | 2010-02-25 10:22 | Eagle_Fantasy 说：

  你是怎么自己做出来这张图的..Orz

• 
  楼层: 23楼 | 2010-02-25 12:01 | Chym.Wong 说：

  我乖乖的按照文章说的做了一次 果真如此啊 !

• 
  楼层: 24楼 | 2010-02-25 12:34 | 左岸读书 说：

  这就是传说中的失真吗？

• 
  楼层: 25楼 | 2010-02-25 12:38 | tunpishuang 说：

  神奇。。不过在firefox下面缩放到其中一个比例是灰色的，其他缩放比例都能正常显示，只是没有变色效果了，图片出现横杠。

• 
  楼层: 26楼 | 2010-02-25 13:19 | leekeugn 说：

  任何一个图都可以有这效果，用单线素的间隔选区反向就可以了。
  至于缩小，在PS里有选项，重定图像像素里面，如果选用邻近，则能真实反原原图；如果选用两次线性，则会出来灰图；如果选用两次立方，则会出现一个浮雕图。这个算法只和缩小图片时的取值有关，和伽玛曲线无关。

• 
  楼层: 27楼 | 2010-02-25 13:25 | Jollwish 说：

  用windows画图来处理的话，那个MM变成黄蓝相间，背景变成紫绿相间。。。
  至于上下看颜色会变的问题，很明显，液晶显示屏在角度变化的时候会反色。

• 
  楼层: 28楼 | 2010-02-25 16:18 | manna24 说：

  把图放大就能看出着图的神秘

• 
  楼层: 29楼 | 2010-02-25 16:24 | 海口网站建设 说：

  mm美图片，精点呀

• 
  楼层: 30楼 | 2010-02-25 19:51 | lxm 说：

  我用TT缩至50%后，出现了蓝人紫底，看上去相当诡异

• 
  楼层: 31楼 | 2010-02-25 19:58 | infinte 说：

  我做了一张更大的：http://corodidea.net/blog/wp-content/uploads/2010/02/011.jpg.magic.png
  还有“魔鬼图生成器”： http://corodidea.net/blog/wp-content/uploads/2010/02/MagicMaker.exe（需.NET 3.5）

• 
  楼层: 32楼 | 2010-02-25 20:36 | Ash 说：

  NERO竟然也挂 火狐倒是可以

• 
  楼层: 33楼 | 2010-02-25 20:58 | anythingjixu 说：

  好强，佩服

• 
  楼层: 34楼 | 2010-02-25 22:15 | maa04 说：

  我看到了一幅色彩很优美的……

• 
  楼层: 35楼 | 2010-02-26 0:48 | Platinum 说：

  ImageMagicK 6.5.1 虽然没完全灰，但效果也很不好了 convert 201002241.png -resize 200x150 out.png

  http://x.soulogic.com/out.png

• 
  楼层: 36楼 | 2010-02-26 14:18 | wc_111191 说：

  26楼：“单线素的间隔选区”你拽的这个“专业词”我没看懂结果去google上搜索发现没有搜到结果——不懂就不要自编专业词好不好？
  再有，你说“与gamma曲线无关”，拜托，gamma是一个校正值，说白了是一个数，懂不？不是一个曲线。。

• 
  楼层: 37楼 | 2010-02-26 17:23 | Jason 说：

  Chrome浏览器正常，Ctrl+-依旧正常

• 
  楼层: 38楼 | 2010-02-26 18:51 | leekeung 说：

  对于不懂PS的人来说，单线素，选区，曲线，都是陌生的东西。

• 
  楼层: 39楼 | 2010-02-26 20:38 | wuzhengkai 说：

  同十楼，确实不和谐。。。

• 
  楼层: 40楼 | 2010-02-26 22:37 | WaterCow101 说：

  确实不和谐，不过更不和谐的当上下滚动屏幕的时候，有那种图片的地方就遭罪了，简直就像在FP里F7。。。

• 
  楼层: 41楼 | 2010-02-27 8:37 | 盒饭 说：

  用Xnview不停缩放可以得到不同效果..

• 
  楼层: Answer to Life, the Universe, and Everything | 2010-02-27 18:30 | 南京翻译公司 说：

  貌似我怎么看都一样啊

• 
  楼层: 43楼 | 2010-02-27 22:26 | neilzwb 说：

  真的不和谐

• 
  楼层: 44楼 | 2010-02-28 0:40 | www.3158.com 说：

  缩小了果然是变灰色了

• 
  楼层: 45楼 | 2010-03-01 10:37 | 罅漏 说：

  safari表示略有压力

• 
  楼层: 46楼 | 2010-03-01 19:46 | DerekHe 说：

  为什么原图是不和谐图呢？其实作者的内心是和谐的... 虐那个照片嘛...

• 
  楼层: 47楼 | 2010-03-01 21:33 | SixSheep 说：

  26L正解
  非线性缩放算法在这种情况下会导致bug

• 
  楼层: 48楼 | 2010-03-02 14:56 | 路过 说：

  36楼雷死我了，什么人都有啊

• 
  楼层: 49楼 | 2010-03-07 2:15 | lmmilebuddha 说：

  我也看到一张彩色的，很漂亮的。比上面的那张彩色的要色彩亮一点。

• 
  楼层: 50楼 | 2010-03-09 18:51 | dvaknheo 说：

  写信告诉他，我们会做张希特勒的图回敬

• 
  楼层: 51楼 | 2010-03-09 23:06 | Malloc 说：

  亚克西～

• 
  楼层: 52楼 | 2010-03-10 9:48 | xpskywalker 说：

  这张图只有缩放到50%才会是全灰！
  其他比例也会略有失真~但不会全灰！

• 
  楼层: 53楼 | 2010-03-11 17:30 | 为笑锁心 说：

  呵呵，好像在PS放大时就是有好几种不同的算法 ，当时老师讲的时候他自己也不清楚BTW51楼来自新疆的？

• 
  楼层: 54楼 | 2010-03-12 6:53 | 小田 说：

  支持26楼的说法
  这张图只不过是在原图里每隔一个像素行（就是高度为一个像素，长度为图片长度的一行像素）
  加了一条右图的灰色条纹而已
  PS缩小50%的时候是隔行采样，正好全部采样到灰色像素行
  然后就变成灰色图了
  也有可能缩小50%正好采样到原图图像
  那就得到左图了

• 
  楼层: 55楼 | 2010-04-10 7:23 | 暨米 说：

  你打开了我很久以来的很纠结的一件事。
  以前编辑过一张奥黛丽赫本的图片，背景就是类似的条纹，
  可是经过编辑后保存为jpeg格式的时候原本均匀的条纹变得混乱不堪。当时为这个问题纠结了好久，现在看来这两者之间应该有某种联系。

• 
  楼层: 56楼 | 2010-05-08 9:06 | 语不惊人死不休（12） - 左岸读书_blog 说：

  [...] 一张无法正确 缩放的诡异图片 在不同的显示器上，下面这张图片的显示效果可能大不相同。如果你用的是 TFT 屏幕，上下移动你的脑袋，调整你的视角，你也会看到不同的色彩。从低处往上看，你会看到一个白色的 MM 站在蓝色背景中；从高处往低看，你会看到一个黑色的 MM 站在黄色背景中。 现在，把上面这幅图片保存下来，用你最爱的图象处理软件打开，然后缩放到原图的 50% 。左图是图片缩小后理应得到的结果，但你会发现，你得到的结果是右边的这个图——一片灰色。 [...]

• 
  楼层: 57楼 | 2010-05-11 8:52 | Michael 老狼 » 语不惊人死不休 说：

  [...] 一张无法正确 缩放的诡异图片 在不同的显示器上，下面这张图片的显示效果可能大不相同。如果你用的是 TFT 屏幕，上下移动你的脑袋，调整你的视角，你也会看到不同的色彩。从低处往上看，你会看到一个白色的 MM 站在蓝色背景中；从高处往低看，你会看到一个黑色的 MM 站在黄色背景中。 现在，把上面这幅图片保存下来，用你最爱的图象处理软件打开，然后缩放到原图的 50% 。左图是图片缩小后理应得到的结果，但你会发现，你得到的结果是右边的这个图——一片灰色。 [...]

• 
  楼层: 58楼 | 2010-05-13 13:10 | 语不惊人死不休（12） | 打开自己的盒子... 说：

  [...] 一张无法正确 缩放的诡异图片 在不同的显示器上，下面这张图片的显示效果可能大不相同。如果你用的是 TFT 屏幕，上下移动你的脑袋，调整你的视角，你也会看到不同的色彩。从低处往上看，你会看到一个白色的 MM 站在蓝色背景中；从高处往低看，你会看到一个黑色的 MM 站在黄色背景中。 现在，把上面这幅图片保存下来，用你最爱的图象处理软件打开，然后缩放到原图的 50% 。左图是图片缩小后理应得到的结果，但你会发现，你得到的结果是右边的这个图——一片灰色。 [...]

• 
  楼层: 59楼 | 2010-06-04 18:06 | hellion 说：

  这张原图是怎么样的。

• 
  楼层: 60楼 | 2010-06-08 20:50 | SeSe 说：

  我来说下原因`这是因为算发采用的临近取样`图片宽跟缩放后是1/2也就是取点的时候全部取成基数或者偶数位这造成这样的结果`

• 
  楼层: 61楼 | 2010-07-17 9:05 | lordess 说：

  IE8用户表示出左图，一切没问题。

您也随便说几句吧：