網(wǎng)頁(yè)圖片批量保存

網(wǎng)頁(yè)圖片批量保存，日常工作和生活?yuàn)蕵分?/span>，我們經(jīng)常遇到保存圖片，大多用戶都知道可以通過鼠標(biāo)右鍵的 “圖片另存為” 將圖片下載到本地。圖片很少的話還好說，但是如果圖片很多，比如一百?gòu)埖谋砬榘鼒D片怎么辦？如果一張張點(diǎn)擊保存將會(huì)很麻煩。想知道怎么批量下載網(wǎng)頁(yè)圖片和壓縮圖片嗎？恭喜你找對(duì)地方了。接下來的文章將給大家介紹如何快速地批量下載圖片，一鍵下載網(wǎng)絡(luò)圖片，支持任意格式的圖片批量下載，只需要輸入關(guān)鍵詞或批量輸入網(wǎng)頁(yè)鏈接即可下載圖片。讓每個(gè)人都可以擁有各種高清圖源。同時(shí)還支持圖片批量壓縮/放大/添加水印等等處理/詳細(xì)如圖

對(duì)于大多數(shù)前端來說，圖片也許就是UI設(shè)計(jì)師(或者自己)切好的圖，我們只是把圖片丟進(jìn)項(xiàng)目中，然后用以鏈接的方式呈現(xiàn)在頁(yè)面上，而且我們也經(jīng)常把精力放在項(xiàng)目的打包優(yōu)化構(gòu)建上，如何分包，如何抽取第三方庫(kù)等等。但有時(shí)我們會(huì)忘了，圖片才是一個(gè)網(wǎng)站最大頭的那塊加載資源，圖片內(nèi)容已經(jīng)占到了互聯(lián)網(wǎng)內(nèi)容總量的62%，也就是說超過一半的流量和時(shí)間都用來下載圖片。從性能優(yōu)化的角度看，圖片也絕對(duì)是優(yōu)化的熱點(diǎn)和重點(diǎn)之一。

1.JPG/JPEG

JPEG（ Joint Photographic Experts Group）即聯(lián)合圖像專家組，是用于連續(xù)色調(diào)靜態(tài)圖像壓縮的一種標(biāo)準(zhǔn)，文件后綴名為.jpg或.jpeg，是最常用的圖像文件格式。其主要是采用預(yù)測(cè)編碼（DPCM）、離散余弦變換（DCT）以及熵編碼的聯(lián)合編碼方式，以去除冗余的圖像和彩色數(shù)據(jù)，屬于有損壓縮格式，它能夠?qū)D像壓縮在很小的儲(chǔ)存空間，一定程度上會(huì)造成圖像數(shù)據(jù)的損傷。尤其是使用過高的壓縮比例，將使最終解壓縮后恢復(fù)的圖像質(zhì)量降低，如果追求高品質(zhì)圖像，則不宜采用過高的壓縮比例。

2.PNG

PNG（可移植網(wǎng)絡(luò)圖形格式）是一種無損壓縮的高保真的圖片格式。8 和 24，這里都是二進(jìn)制數(shù)的位數(shù)。按照我們前置知識(shí)里提到的對(duì)應(yīng)關(guān)系，8 位的 PNG 最多支持 256 種顏色，而 24 位的可以呈現(xiàn)約 1600 萬種顏色。

PNG 圖片具有比 JPG 更強(qiáng)的色彩表現(xiàn)力，對(duì)線條的處理更加細(xì)膩，對(duì)透明度有良好的支持。它彌補(bǔ)了上文我們提到的 JPG 的局限性，唯一的缺點(diǎn)就是　體積太大。

3.GIF

圖像互換格式（英語(yǔ)：Graphics Interchange Format，簡(jiǎn)稱GIF）是一種位圖圖形文件格式，以8位色（即256種顏色）重現(xiàn)真彩色的圖像。它實(shí)際上是一種壓縮文檔，采用LZW壓縮算法進(jìn)行編碼，有效地減少了圖像文件在網(wǎng)絡(luò)上傳輸?shù)臅r(shí)間。

a.圖片壓縮

壓縮圖像就是在圖片保持在可接受的清晰度范圍內(nèi)同時(shí)減少文件大小。JPG 最大的特點(diǎn)就是有損壓縮。這種高效的壓縮算法使它成為了一種非常輕巧的圖片格式。另一方面，即使被稱為“有損”壓縮，JPG的壓縮方式仍然是一種高質(zhì)量的壓縮方式：當(dāng)我們把圖片體積壓縮至原有體積的 50% 以下時(shí)，JPG 仍然可以保持住 60% 的品質(zhì)。此外，JPG 格式以 24 位存儲(chǔ)單個(gè)圖，可以呈現(xiàn)多達(dá) 1600 萬種顏色，足以應(yīng)對(duì)大多數(shù)場(chǎng)景下對(duì)色彩的要求，這一點(diǎn)決定了它壓縮前后的質(zhì)量損耗并不容易被我們?nèi)祟惖娜庋鬯煊X——前提是你用對(duì)了業(yè)務(wù)場(chǎng)景。

JPG 適用于呈現(xiàn)色彩豐富的圖片，在我們?nèi)粘ｉ_發(fā)中，JPG 圖片經(jīng)常作為大的背景圖、輪播圖或 Banner 圖出現(xiàn)。

優(yōu)化 web 上使用的圖像的過程并不復(fù)雜，只需要開發(fā)者對(duì)圖像的使用稍加注意，處理圖片要衡量，就能通過減少頁(yè)面加載時(shí)間，為客戶帶來更好的用戶體驗(yàn)