建站
咨詢
售后
建站咨詢
新聞中心
數(shù)字圖像是網(wǎng)絡(luò)的固有部分，沒有媒體就很難創(chuàng)建任何內(nèi)容。不起眼的靜止圖像是為您的寫作提供額外背景的絕佳方式。
但是，如果沒有優(yōu)化，圖像的文件大小可能會(huì)很大。有損與無損壓縮是一個(gè)常見的考慮因素，因?yàn)槊總€(gè)都可以減小圖像的大小，盡管也需要考慮質(zhì)量權(quán)衡。
您幾乎總是需要對(duì)圖像應(yīng)用一些壓縮。這樣可以將質(zhì)量保持在您指定的可接受的水平，同時(shí)減小文件大小。選擇正確的壓縮級(jí)別將取決于您的最終目標(biāo)和要求。
在這篇文章中，我們將研究有損與無損壓縮。在整個(gè)過程中，我們將討論圖像“成型”的過程、壓縮是什么，以及優(yōu)化圖像的許多其他方面。
有損與無損之間的差異
當(dāng)涉及到任何數(shù)字圖像壓縮時(shí)，有幾種不同的格式可供選擇。有時(shí)這些會(huì)根據(jù)許多因素而有其他名稱。但是，在核心級(jí)別，您會(huì)發(fā)現(xiàn)兩種類型：
- 有損壓縮：這里的目的是為圖像提供盡可能小的文件大小。因此，圖像質(zhì)量通常在優(yōu)先級(jí)列表中處于低位。
- 無損壓縮：您仍然會(huì)發(fā)現(xiàn)使用這種壓縮格式可以顯著減小文件大小，但圖像不會(huì)受到偽影和其他問題的影響。
在大多數(shù)情況下，您決定使用哪種格式將歸結(jié)為您的最終目標(biāo)：您想要小文件，還是專注于保持質(zhì)量？
有損壓縮將從圖像中永久刪除它認(rèn)為不必要的數(shù)據(jù)。它使用許多不同的技術(shù)來實(shí)現(xiàn)這一點(diǎn)，從而產(chǎn)生更小的文件大小。
無損壓縮也會(huì)刪除數(shù)據(jù)，但如果需要，它可以恢復(fù)原始數(shù)據(jù)。目標(biāo)是保持高質(zhì)量，同時(shí)減小文件大小。
有幾種方法可以實(shí)現(xiàn)這一點(diǎn)，但結(jié)果通常是相同的。要找到適合您需求的正確選項(xiàng)，讓我們先退后一步，回顧一下圖像和壓縮的基本知識(shí)。
數(shù)字圖像的元素
與軟件和Web開發(fā)一樣，通常有一個(gè)“堆棧”將圖像從相機(jī)拍攝到Web。
圖像以“原始”數(shù)據(jù)開始（因此名稱為RAW）。這類似于應(yīng)用程序的代碼：片段、行和值轉(zhuǎn)換為帶有顏色、圖像占位符、動(dòng)態(tài)元素等的背景。
對(duì)于圖像，RAW文件根據(jù)相機(jī)制造商、編輯軟件、色彩空間算法等呈現(xiàn)略有不同的圖像表示。從那里，您編輯圖像并將其導(dǎo)出為多種文件格式之一（稍后將詳細(xì)介紹）：
在Capture One中編輯RAW文件的示例
構(gòu)成標(biāo)準(zhǔn)數(shù)字圖像的幾個(gè)不同元素：
- 文件類型：不同類型將提供可能適合或不適合您的最終圖像的質(zhì)量。關(guān)鍵是為應(yīng)用程序選擇最合適的文件類型。
- 分辨率：您經(jīng)常會(huì)看到這表示為百萬像素 (MP)，但您也將使用每英寸像素 (PPI) 或每英寸點(diǎn)數(shù) (DPI)。更高的分辨率提供更高的質(zhì)量，但它們也會(huì)增加初始文件大小
- 位深度：這個(gè)方面決定了圖像中的顏色信息。低位深度只會(huì)渲染幾種顏色，而高位深度可能會(huì)一次渲染數(shù)百萬種顏色。一般來說，越高越好。
- 尺寸：這是圖像占用的物理空間。例如，1,000像素x500像素可以定義圖像的總大小。
- 顏色空間：這是一種確定顏色顯示方式的算法。每個(gè)色彩空間的設(shè)置都不同，這通常取決于攝影師的偏好。
這些元素結(jié)合起來提供不同質(zhì)量的最終圖像。例如，一張高分辨率、高位深度的大型JPEG照片將提供最高的質(zhì)量和清晰度：
高質(zhì)量的圖像
相比之下，即使是大尺寸且能夠顯示多種顏色的圖像，在低分辨率下也會(huì)顯得很差：
低質(zhì)量的圖像
這種平衡是您在應(yīng)用壓縮之前開發(fā)核心圖像的方式。但是，您用于圖像的格式對(duì)最終質(zhì)量有很大影響。
網(wǎng)絡(luò)圖像優(yōu)化的工作原理
因?yàn)閳D像壓縮在一般意義上是相同的，所以您可以將標(biāo)準(zhǔn)規(guī)則應(yīng)用于優(yōu)化網(wǎng)絡(luò)圖像的方式。
我們?cè)谄渌胤浇榻B了很多這些概念，但值得快速總結(jié)以供參考：
- 使用72PPI分辨率，因?yàn)檫@是網(wǎng)絡(luò)的標(biāo)準(zhǔn)。出于存檔原因，您可以使用更高的PPI/DPI，但我們假設(shè)您正在發(fā)布到網(wǎng)絡(luò)。
- 將圖像的“長(zhǎng)邊”設(shè)置為2048像素，因?yàn)檫@對(duì)于許多不同的應(yīng)用程序來說是最佳的。
- 如果可以選擇，請(qǐng)使用8位顏色深度。
- 在發(fā)布之前通過壓縮和優(yōu)化工具運(yùn)行圖像。
這是一種簡(jiǎn)單的格式，可以為您提供一致的結(jié)果，盡管壓縮和優(yōu)化是我們將在本文其余部分進(jìn)行擴(kuò)展的內(nèi)容。
為此，讓我們看看有損壓縮與無損壓縮的優(yōu)缺點(diǎn)。
圖像壓縮如何幫助您的Web圖像
一般而言，“壓縮”將最小值和最大值壓縮在一起。例如，壓縮會(huì)提高音樂中的最低音量并降低最高音量。這使得平均電平對(duì)耳朵更響亮。
對(duì)于圖像，壓縮更像是一個(gè)還原過程。這意味著更加強(qiáng)調(diào)從圖像中刪除數(shù)據(jù)以減小文件大小，同時(shí)保持盡可能高的質(zhì)量。
有許多不同的專有算法可以幫助減少圖像文件的大小。在許多情況下，這些都是特定公司專有的。您會(huì)發(fā)現(xiàn)許多“有損”和“無損”壓縮標(biāo)準(zhǔn)，每個(gè)都有獨(dú)特的描述符：
ShortPixel中的壓縮選項(xiàng)
綜上所述，應(yīng)用圖像壓縮有很多好處，這些好處不是特定格式獨(dú)有的：
- 您可以保持較小的文件大小，從而提高您網(wǎng)站的性能。
- 通過擴(kuò)展，您站點(diǎn)的服務(wù)器將有更少的工作要做，從而影響性能。
- 小文件大小有助于減少服務(wù)器排放。因此，您有助于為可持續(xù)和合乎道德的未來做出貢獻(xiàn)。
- 根據(jù)您選擇的算法和壓縮質(zhì)量，您可以顯示近乎完美和可比的質(zhì)量。
就像創(chuàng)建可共享的圖像一樣，使用各種壓縮值，使用特定的公司以及選擇正確的算法對(duì)于找到適合您的結(jié)果至關(guān)重要。
有損壓縮的優(yōu)缺點(diǎn)
有損壓縮減少了圖像的文件大小，幾乎排除了所有其他方面。該算法的工作方式是永久刪除數(shù)據(jù)。這可能和聽起來一樣具有破壞性。
雖然我們不會(huì)過多地討論具體細(xì)節(jié)，但要知道一些數(shù)據(jù)有損壓縮刪除在圖像中是可見的。這個(gè)想法是以更輕的重量提供原始、高質(zhì)量圖像的最佳表示——這意味著一些數(shù)據(jù)不會(huì)被削減。
一般來說，使用有損壓縮有幾個(gè)好處：
行列，他們會(huì)通過WordPress內(nèi)幕技巧獲得我們的每周時(shí)事通訊！
- 文件大小會(huì)很小——在某些情況下，小于10KB。
- 盡管存在偽像，但在許多情況下，質(zhì)量損失是可以接受的。
這給我們帶來了使用有損壓縮的負(fù)面影響——圖像質(zhì)量會(huì)隨著任何數(shù)量的壓縮而降低：
JPEG圖像的壓縮滑塊
你會(huì)發(fā)現(xiàn)色帶——顏色陰影沒有以正確的方式呈現(xiàn)——并且在某些情況下會(huì)看到邊緣清晰度的損失。顏色較少的圖像會(huì)顯示較少的這種情況，但仍然會(huì)出現(xiàn)清晰度的降低。
此外，圖像質(zhì)量下降是壓縮過程的永久特征。這意味著以后無法扭轉(zhuǎn)這種影響。
盡管有這些缺點(diǎn)，但有損壓縮對(duì)于Web和您網(wǎng)站的性能來說還是非常出色的。微小的文件大小并不總是會(huì)產(chǎn)生顆粒狀的圖像，盡管您可以（當(dāng)然）將事情推向極端：
過度壓縮圖像的示例
然而，有損并不是唯一的選擇。無損壓縮是注重質(zhì)量的網(wǎng)站所有者的替代方案。
無損壓縮的優(yōu)缺點(diǎn)
無損壓縮就像標(biāo)簽上所說的那樣：它在不影響可見質(zhì)量的情況下盡可能地壓縮圖像的文件大小。它通過刪除圖像元數(shù)據(jù)來做到這一點(diǎn)，這會(huì)占用不必要的空間：
圖像的元數(shù)據(jù)
無損壓縮算法還尋找重復(fù)的像素序列，然后編碼一個(gè)快捷方式來顯示它們。例如，以“命令行界面”為例。您通常會(huì)定義其首字母縮寫詞一次，然后使用“CLI”（或您選擇的首字母縮寫詞）以閃電般的速度引用它
無損壓縮的工作方式相同，因?yàn)樗钠茐男暂^小。雖然刪除元數(shù)據(jù)是不可逆的，但一些壓縮將是可逆的，使其成為適用于多種用途的靈活算法。
使用無損壓縮的優(yōu)點(diǎn)在于保持質(zhì)量：
- 與所有其他算法相比，無損壓縮在圖像中保留了最高質(zhì)量。
- 無損對(duì)于存檔目的來說非常棒。例如，攝影師可以平衡存儲(chǔ)資源與保留最多數(shù)據(jù)的圖像。
- 無損是視覺藝術(shù)的首選壓縮算法：攝影、平面設(shè)計(jì)、數(shù)字藝術(shù)等。將無損算法與適當(dāng)?shù)纳疃群头直媛氏嘟Y(jié)合，幾乎可以實(shí)現(xiàn)“一對(duì)一”的復(fù)制。
然而，關(guān)于無損壓縮對(duì)特定領(lǐng)域的服務(wù)程度，有一點(diǎn)需要注意：應(yīng)用范圍很小。這會(huì)降低其整體可用性。
以下是要考慮的無損壓縮的其他一些缺點(diǎn)：
- 如果網(wǎng)站使用許多圖像，則無損壓縮可能不是顯示它們的最佳選擇。這是因?yàn)樵诖蠖鄶?shù)情況下，您會(huì)希望在這些類型的情況下重視較小的文件大小。
- 盡管壓縮減小了文件大小，但無損算法不會(huì)像有損那樣改變圖像數(shù)據(jù)。正因?yàn)槿绱?，您可能只?huì)看到尺寸略有減少，而不是極端的瘦身效果。
接下來，我們將研究最快（并且可能是最好）的方法。
如何在有損與無損之間進(jìn)行選擇
至此，您了解有損壓縮與無損壓縮之間的區(qū)別。但是，您可能仍然不知道在您的網(wǎng)站上使用哪種算法最好。
有兩種情況需要考慮：
這些注意事項(xiàng)依賴于使用標(biāo)準(zhǔn) Web 圖像格式之一，例如JPEG、PNG或GIF。但是，您的壓縮需求可能會(huì)因HEIC和WebP等更現(xiàn)代的格式而有所不同。
我們甚至?xí)f，除非您在網(wǎng)站上顯示照片，否則有損壓縮應(yīng)該是您的默認(rèn)選擇。WordPress默認(rèn)壓縮圖像，這足以說明有損壓縮幾乎適用于所有應(yīng)用程序。
使用在線壓縮服務(wù)來優(yōu)化您的圖像
在將圖像顯示在您的網(wǎng)站上之前，您可以通過多種方式壓縮圖像。例如，您可以選擇在編輯階段應(yīng)用壓縮。無論如何，這可能是從RAW格式轉(zhuǎn)換的副產(chǎn)品。
然而，一個(gè)流行的選擇是許多在線服務(wù)之一。每一個(gè)都將提供一系列算法和示例性用戶界面 (UI)。更重要的是，大多數(shù)都有一些免費(fèi)服務(wù)，至少在您提交之前試用該應(yīng)用程序。
我們?cè)陉P(guān)于圖像優(yōu)化的文章中介紹了一些選項(xiàng)，盡管這些是連接到應(yīng)用程序編程接口 (API) 的特定于WordPress的插件。好消息是這些插件中的許多也提供了在線界面。例如，考慮ShortPixel：
ShortPixel接口
在這里，您將圖像拖到上傳器上，然后等待應(yīng)用程序壓縮和處理它們。但是，您需要先選擇算法，因?yàn)樵撨^程將立即開始。
選擇很簡(jiǎn)單：兩種形式的有損壓縮（“有損”和“光澤”），以及無損選項(xiàng)。ShortPixel的界面很好地解釋了每種算法之間的區(qū)別，您可以在幾秒鐘內(nèi)下載圖像。
雖然兩者都可以滿足您的需求，但I(xiàn)magify界面看起來比ShortPixel的更流暢、更專業(yè)。這里還有三個(gè)“壓縮級(jí)別”——Normal、Aggressive和Ultra：
Imagify界面
這里的細(xì)微差別是Imagify從無損壓縮開始，然后逐步發(fā)展為具有嚴(yán)重偽影的有損算法。但是，您在其他解決方案中找不到其他幾個(gè)選項(xiàng)。
對(duì)于初學(xué)者，您可以保持圖像的EXIF數(shù)據(jù)完整，甚至在轉(zhuǎn)換后調(diào)整它們的大小。這有時(shí)是無價(jià)的，特別是如果您想應(yīng)用可能會(huì)刪除EXIF數(shù)據(jù)或限制調(diào)整圖像大小的方式的壓縮級(jí)別。
就像它的神話同名一樣，Kraken可以處理您的圖像并應(yīng)用各種類型的壓縮。大多數(shù)用戶會(huì)選擇有損或無損類型。
Kraken界面
但是，還有一個(gè)專家模式：
Kraken專家模式選項(xiàng)
這使您可以根據(jù)自己的需要調(diào)整壓縮，以及其他選項(xiàng)。例如，您可以調(diào)整JPEG和PNG壓縮級(jí)別，選擇保留圖像中的元數(shù)據(jù)，甚至使用色度子采樣來進(jìn)一步更改顏色。
小結(jié)
圖片看起來像是您網(wǎng)站的一個(gè)簡(jiǎn)單方面：您獲取一個(gè)文件，將其上傳到 WordPress，然后添加一個(gè)圖片塊來顯示它。
但是，在為網(wǎng)絡(luò)準(zhǔn)備圖像的過程中還有很多事情可能比您意識(shí)到的要多。您選擇的壓縮格式會(huì)影響文件大小、圖像質(zhì)量等。
這篇文章研究了有損與無損壓縮，并總結(jié)了你應(yīng)該選擇哪一個(gè)。盡管在質(zhì)量與大小之間走鋼絲，但有損壓縮對(duì)于網(wǎng)絡(luò)上的大多數(shù)用例來說都是完美的。攝影師或那些擔(dān)心篡改圖像質(zhì)量的人會(huì)希望使用無損壓縮，盡管在文件大小方面的好處較少。
文章名稱：有損與無損壓縮兩種圖片格式初學(xué)者指南
文章鏈接：http://www.5511xx.com/article/djicjep.html
