友情提醒：本文在電腦上瀏覽效果最佳（最好是Chrome或Firefox瀏覽器）

首先你可以看看這張圖片。如果你在電腦上，想必你看到圖片中寫的是“ze first image!”。

現(xiàn)在把它保存下來，用windows自帶的圖片瀏覽器打開，你看到了什么？“I' other image!”

兩張圖片，采用不同的方式打開，看到的內(nèi)容也不盡相同！

PS.同樣效果的圖片還有這張：

（在瀏覽器上看到的是"I'LL WEAR YOUR SKIN WHILE YOU SLEEP"，用圖片瀏覽器打開看到的是“GUESS WHAT”）

你肯定會問：這是怎么做到的呢？我們把這個技術(shù)叫做doubleVision（雙面視覺），github上有作者寫出了生成的軟件：https://github.com/trishume/doubleVision

它是怎么實現(xiàn)的？我翻譯了github上作者在readme中寫的解釋：

PNG規(guī)范包含一個元數(shù)據(jù)屬性，允許你指定用于渲染圖像的伽瑪。 然而，并不是所有的渲染器都支持這一點。

如果創(chuàng)建一個圖像，其中正常像素間隔著非常淺色像素的網(wǎng)格。 淺色像素實際上是通過伽馬函數(shù)反向映射的第二圖像的像素。但是，他們很亮，而且看起來很白。

當(dāng)圖像在非常低的伽馬環(huán)境顯示時（我使用0.023）。 正常像素幾乎變成黑色，并且亮的像素變成第二圖像的顏色。

從上面這段話，我們知道這是由于不同圖像查看器對于圖片的渲染方式不同導(dǎo)致的。而且，只有PNG圖像才有這種效果。了解這一點，現(xiàn)在讓我們來用軟件自己動手試試吧！

作者給出的軟件使用ruby編寫，所以我們需要先安裝ruby和gem工具，請仔細(xì)閱讀這篇文章按照提示在Windows系統(tǒng)上安裝ruby：https://daner1990.github.io/install-ruby-in-windows/

ruby安裝器下載：https://rubyinstaller.org/downloads/

安裝時注意，必須選擇第二項：

安裝完ruby后，開始運(yùn)行打開cmd，輸入命令：

gem install doubleVision

安裝完成后，你就可以開始動手嘗試了。首先找兩張PNG圖片，要求長寬大小完全一致，如果不一致可以用PS等工具裁剪一下。居正選的是這兩張圖片：

（withgamma.png）

（withoutgamma.png）

沒錯，分別是淀粉月刊的LOGO和居正的LOGO。現(xiàn)在使用指令：

doubleVision withgamma.png withoutgamma.png out.png

用你自己的文件名替換。

它會將圖像組合成一個圖像（out.png），當(dāng)使用伽馬支持（例如在Firefox中）時，將顯示withgamma.png，并且在沒有伽馬支持的情況下顯示withoutgamma.png（例如，作為縮略圖）

OK，生成出來的圖片：

在瀏覽器中看是淀粉月刊的LOGO，在本地看是居正的LOGO

注意：如果你要分享你生成的圖片，不要使用新浪、貼圖庫等圖床，它們會進(jìn)行圖片二次加工，毀掉伽馬效果，從而顯示不出來雙面視覺。QQ也是一樣。所以，你最好找個可以顯示原圖的圖床，比如oschina碼云、github等等，具體使用方法居正以前寫過文章：https://ptree.top/1546.html

好了，祝大家玩地愉快~

文章來自淀粉月刊?