Doge.jpg 的背後是什麼,你知道麼?

雲叔_又拍雲發表於2021-01-21

圖片,是我們生活中最常見的資訊載體,作為一個日常生活中無處不在的事物,我們已經很習慣靜態或者動態的圖片了。大家也瞭解靜態圖片主要是jpg/png格式,動態圖片主要為 gif。那你有沒有過一瞬間的疑惑:“為什麼都是圖片還有不同的格式,這些格式都有什麼不同?”

Q1 聊聊常見的圖片格式

JPEG 格式

JPEG(Joint Photographic Experts Group)即聯合影像專家組,是用於連續色調靜態影像壓縮的一種標準,檔案字尾名為 .jpg 或 .jpeg,是最常用的影像檔案格式。

JPEG 圖片格式的設計目標,是在不影響人類可分辨的圖片質量的前提下,儘可能的壓縮檔案大小。這意味著JPEG 去掉了一部分圖片的原始資訊,也就是進行了有失真壓縮。JPEG 的圖片的優點,是採用了直接色,得益於更豐富的色彩,JPEG 非常適合用來儲存照片,用來表達更生動的影像效果,比如顏色漸變。

然而,JPEG 不適合用來儲存企業 Logo、線框類的圖。因為有失真壓縮會導致圖片模糊,而直接色的選用,又會導致圖片檔案體積更大。

PNG 格式

PNG(Portable Network Graphics)即行動式網路圖形,是一種採用無失真壓縮演算法的點陣圖格式,檔案字尾名為 .png。PNG 使用從 LZ77 派生的無損資料壓縮演算法,一般應用於 JAVA 程式、網頁中,它的壓縮比高,生成檔案體積小。

PNG 格式是我們在數字設計專案中最常使用的格式。PNG 通常具有比其他格式更大的檔案大小,但是它保留了硬性邊緣效果,且可以處理大量顏色。另外 PNG 有個比較有趣的特性,那就是支援透明背景,這也是大多數網站將 Logo 建立為 PNG 格式的主要原因。

GIF 格式

GIF(Graphics Interchange Format)即影像互換格式,是在 1987 年由 Compu Serve 公司為了填補跨平臺影像格式的空白而發展起來的。眾所周知,它最大的特點就是“能動”。因此,GIF 通常用於從影像檔案建立動畫。透過在壓縮中合併無損質量,可以無損傳輸和儲存這些檔案,並且對影像庫的儲存影響較小。

GIF 是無損的,採用 GIF 格式儲存圖片不會降低圖片質量。得益於資料的壓縮,檔案體積小,也是 GIF 格式的優點。此外,它還具有支援動畫以及透明背景。

GIF 格式適用於對色彩要求不高同時需要檔案體積較小的場景,比如企業 Logo、線框類的圖等。因其體積小的特點,現在 GIF 也已經被廣泛的應用在各類網站中。

然而近幾年,一種全新的圖片格式迅速開始成為各大網站的寵兒,它就是WebP。

Q2 圖片的王者?WebP or JPEG?

WebP 可以簡單看做JPEG 的升級版。它是 Google 推出的圖片檔案格式,目的就是為 Web 上的圖片資源提供卓越的有損、無失真壓縮。在與其他格式同等質量指數下提供更小,更豐富的圖片資源,以便資源在 Web 上訪問傳輸。

WebP 圖片格式來源於 VP8 影片編解碼器,也就是 WebM 影片容器,是 WebM 影片格式地單個壓縮框架。VP8 編解碼器的一個強大功能就是能夠進行幀內壓縮,或者更確切地說,能將影片的每個幀都被壓縮,再壓縮幀與幀之間的差異。

WebP 特性

  • 有失真壓縮:有失真壓縮基於 VP8 關鍵編碼。VP8 是 On2 Technologies 建立的影片格式,是 VP6 和 VP7 格式的後續版本。
  • 無失真壓縮:採用預測變換,顏色變換,減去綠色,LZ77 反響參考等技術進行壓縮。
  • 透明度:8位 Alpha 通道對圖形影像很有用。Alpha 通道可以於有損 RGB 一起使用。與其它格式圖片所不支援的 WebP 特有的功能。
  • 動畫:它支援真彩色動畫影像,即可以支援動態圖( 類Gif 圖)
  • 後設資料:它可能具有 EXIF 和 XMP 後設資料
  • 顏色配置檔案:它可能具有嵌入式 ICC 配置檔案。

點選原文閱讀瞭解更多~

Q3 圖片防盜——小功能,大安全

將精心拍攝或製作的圖片釋出到網上是一件快樂的事情,被志同道合的小夥伴看到讚揚是另一件快樂的事情。兩件快樂的事情加起來原本應該獲得雙倍的快樂,但總有些人不問自取,不僅盜圖,還盜鏈,這讓人倍感煩躁。

知己知彼方能百戰百勝,因此我們先來了解一下什麼是盜鏈。

盜鏈是指服務提供商自己不提供服務的內容,透過技術手段繞過其它有利益的終端使用者介面(如廣告),直接在自己的網站上向終端使用者提供其它服務提供商的服務內容,騙取終端使用者的瀏覽和點選率。

簡單來說,就是其他網站上“盜”用了你網站的資源,去增加他的網站點選率,但最後流量卻算在你身上,讓你花“冤枉錢”。這個當然不能忍!怎麼辦?由於各網站性質不同(遊戲/新聞等),需求也是不盡相同的。又拍雲提供多種防盜鏈功能,滿足使用者的需要。

推薦閱讀

如何選擇適合自己網站的防盜鏈

秋天的第一份“乾貨” I Referer 防盜鏈,為什麼少了個字母 R?

相關文章