用文字檔將你的圖片隱藏在文字中

Posted by Mr. March

今天我們要來介紹一個有趣的東西。Erik Kastner 這位先生,他開發了一種程式,公佈在他自己的網站 :Erik’s site 這程式可以將你的圖片從一般的顯示方式,隱藏到一堆文字中,以下我們就舉個例子來看看吧。首先,先提供一張圖片,例如下圖:

好然後將圖片的網址輸入進去,這個網站就會產生一堆文字,如下圖:

看起來只是一堆雜七雜八,毫無文法,又錯字百出的英文字,但其實其中另有玄機,只要你去選取那些文字,神奇的事情就發生了!

這些東西是利用 CSS 的一些特性所製作而成,所以目前支援的瀏覽器只有 Firefox 和 Safari這兩種,他所利用的方法是先將圖片轉成 ASCII 碼的彩色圖形,然後再利用 CSS 裡的一些特性反白成為文字,所以當你去選取他時,等於是將他反白回來。或許是因為轉成 ASCII 碼的緣故,圖形的解析度變得很差,感覺好像被上了馬賽克一樣,這東西或許離廣泛的實用還有一點距離。

參考資料:labnol

喜歡這篇文章嗎? 分享出去給作者一點鼓勵吧!