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

Posted by Mr. March

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

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

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

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

參考資料:labnol

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

    有駭客任務的味道!

  • Mr. 班代

    有駭客任務的味道!

  • 以簡單的方式來看,圖片是用 8 bit 來存資料,若是將資料先轉成 7bit 就可以變成人看得到的 ASCII 文字了,那個多出來的1個 bit 可以和別的再組成 7bit ,再加上一點方法就可以和上圖一樣了.不過在選了文字之後變成圖型,這就比較有意思了.

  • 以簡單的方式來看,圖片是用 8 bit 來存資料,若是將資料先轉成 7bit 就可以變成人看得到的 ASCII 文字了,那個多出來的1個 bit 可以和別的再組成 7bit ,再加上一點方法就可以和上圖一樣了.不過在選了文字之後變成圖型,這就比較有意思了.

  • Dryden

    試了一下,opera也可以

  • Dryden

    試了一下,opera也可以

  • 實在是很有趣的東西,不過可以說是又一個 M$ IE 沒有依循的標準嗎?

  • 實在是很有趣的東西,不過可以說是又一個 M$ IE 沒有依循的標準嗎?

  • 很有趣,不过似乎粒度太大,导致马赛克的问题比较严重。不过,他处理了一下的图倒是可以作为十字绣的底图。哈哈

  • 很有趣,不过似乎粒度太大,导致马赛克的问题比较严重。不过,他处理了一下的图倒是可以作为十字绣的底图。哈哈

  • 思路相同,但操作方式不用还有下面两个:
    http://chiong.cn/2007/12/text-image/
    http://chiong.cn/2007/12/typorganism-ascii-0-matic/

  • 思路相同,但操作方式不用还有下面两个:
    http://chiong.cn/2007/12/text-image/
    http://chiong.cn/2007/12/typorganism-ascii-0-matic/

  • Pingback: » MMDays - mmdays - MMDays 本週回顧 (2/11~2/17,2008)()

  • 其實不是英語,因此沒有錯字百出的問題。

    它是拉丁語。最前的 lorem ipsum … 是真的有意義。後面是仿拉丁。

    這段話是標準的 placeholder text,專門用來填塞版面上應該有字的地方,讓設計師不會受內文影響到版的製作。

  • 其實不是英語,因此沒有錯字百出的問題。

    它是拉丁語。最前的 lorem ipsum … 是真的有意義。後面是仿拉丁。

    這段話是標準的 placeholder text,專門用來填塞版面上應該有字的地方,讓設計師不會受內文影響到版的製作。