友情提醒：本文在電腦上瀏覽效果最佳（最好是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工具，請仔細閱讀這篇文章按照提示在Windows系統(tǒng)上安裝ruby：https://daner1990.github.io/install-ruby-in-windows/
ruby安裝器下載：https://rubyinstaller.org/downloads/
安裝時注意错英，必須選擇第二項：
安裝完ruby后入撒，開始運行打開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
注意：如果你要分享你生成的圖片，不要使用新浪剿吻、貼圖庫等圖床窍箍，它們會進行圖片二次加工，毀掉伽馬效果，從而顯示不出來雙面視覺椰棘。QQ也是一樣纺棺。所以，你最好找個可以顯示原圖的圖床邪狞，比如oschina碼云祷蝌、github等等，具體使用方法居正以前寫過文章：https://ptree.top/1546.html
好了帆卓，祝大家玩地愉快~
文章來自淀粉月刊?
