中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

網(wǎng)站設(shè)計(jì)干貨:適用于網(wǎng)頁(yè)設(shè)計(jì)師的JPEG優(yōu)化指南

2019-05-26    分類(lèi): 網(wǎng)站設(shè)計(jì)

建設(shè)網(wǎng)站您不應(yīng)該以100%的質(zhì)量保存JPEG圖像。這不會(huì)產(chǎn)生最可能的“優(yōu)化”圖像。它實(shí)際上是通過(guò)優(yōu)化限制公式來(lái)計(jì)算的,該公式會(huì)過(guò)度增加文件大小。

即使與90%或95%的質(zhì)量相比,您也會(huì)看到文件大小明顯下降。

網(wǎng)站建設(shè)

大多數(shù)情況下,建議您保存的圖像質(zhì)量遠(yuǎn)低于90%。如果在Photoshop中打開(kāi)“存儲(chǔ)為Web所用格式”對(duì)話框,您會(huì)發(fā)現(xiàn)它們提供了可供您選擇的預(yù)設(shè)值。

我在下面添加了可能的JPEG值 - 注意固有的命名約定。

  • 低- 10%

  • 中等- 30%

  • 高- 60%

  • 非常高- 80%

  • 高- 100%

即使在Adobe Photoshop中,60%的圖像質(zhì)量也被認(rèn)為是“高”。許多網(wǎng)站開(kāi)發(fā)人員將擔(dān)保50% - 70%是一個(gè)安全范圍堅(jiān)持。

圖片多低最合適?

您選擇用于優(yōu)化的值完全取決于手頭的項(xiàng)目。您將不得不考慮哪種類(lèi)型的圖形將輸出大的文件大小 - 這些是真正需要壓縮的文件。

我認(rèn)為低于30%你真的會(huì)削減基本的圖像質(zhì)量。其他設(shè)計(jì)師將發(fā)誓50%作為降低好值的“限制”。

但這里最好的建議是嘗試不同的設(shè)置,看看哪個(gè)看起來(lái)最好!一些優(yōu)化用于網(wǎng)絡(luò)的JPEG圖像的測(cè)試研究不會(huì)出錯(cuò)。

壓縮網(wǎng)站圖片的選項(xiàng)

我們首先應(yīng)該澄清兩個(gè)術(shù)語(yǔ)“壓縮”和“質(zhì)量”,它們是彼此相反的。

這意味著如果以40%的壓縮率保存JPEG,您將獲得60%的質(zhì)量(相比之下,沒(méi)有壓縮的高質(zhì)量為100%)。

這些是最基本的選擇 - 在為網(wǎng)絡(luò)保存時(shí)它們應(yīng)該足夠了。一般用戶不會(huì)進(jìn)行更深入的自定義。

在您將RGB圖像轉(zhuǎn)換為YCbCr(亮度,色度藍(lán),色度紅)時(shí),子采樣會(huì)變得更加復(fù)雜。

在亮度或亮度設(shè)置始終在JPEG壓縮高可能值舉行。通過(guò)單獨(dú)通道上的此亮度值,可以更輕松地優(yōu)化紅色和藍(lán)色的各個(gè)顏色值。

這也稱(chēng)為色度子采樣。有興趣弄臟手的設(shè)計(jì)師會(huì)喜歡閱讀有關(guān)此壓縮算法的更多內(nèi)容。

看看這篇關(guān)于色度采樣的博文,專(zhuān)門(mén)關(guān)注JPEG圖像。

作為一個(gè)有趣的附注,Adobe Photoshop并不總是使用子采樣進(jìn)行壓縮。通過(guò)“Save for Web”對(duì)話框保存的任何圖像僅使用低于50%質(zhì)量值的色度子采樣。

不同的網(wǎng)絡(luò)媒體

網(wǎng)絡(luò)也充滿了各種圖像媒體。你可以有照片,圖標(biāo),按鈕,徽章和其他圖形。但值得注意的是,比較按鈕和照片之間的質(zhì)量是沒(méi)有意義的。

使用照片或詳細(xì)圖像時(shí),請(qǐng)考慮鏈接到單獨(dú)的較小壓縮的JPEG文件。然后,您可以在網(wǎng)站上設(shè)置縮略圖,壓縮率更高,文件更小。

唯一的缺點(diǎn)是你需要為媒體庫(kù)提供兩組圖像。注意您在整個(gè)網(wǎng)站中縫制的許多不同圖形,并分別考慮每個(gè)圖形的優(yōu)化技術(shù)。

使用壓縮工具

您可能想要組織在您的網(wǎng)站上易于翻找的圖像文件。您還可以在Amazon S3,Google Cloud Storage等云服務(wù)上托管他們的照片,也可以通過(guò)CDN托管,以便更快地交付圖像。不過(guò),您仍然希望使用一些壓縮工具來(lái)減小圖像大小。任何額外的字節(jié),你可以削減每個(gè)文件的大小是至關(guān)重要的。以下是您要查看的一些工具:

TinyJPG

TinyJPG是一個(gè)基于瀏覽器的Web應(yīng)用程序,您可以在其中上傳圖像以及所有不必要的額外字節(jié)以優(yōu)化文件大小。它是100%無(wú)損的,意味著圖像質(zhì)量根本不會(huì)降低。您可以同時(shí)上傳最多20張5Mb的圖像。

如果您正在為您的網(wǎng)站使用WordPress。您可以使用其官方插件,壓縮JPEG和PNG圖像。此插件還連接到其姐妹網(wǎng)站TinyPNG,允許您使用PNG格式優(yōu)化圖像。

IrfanView的

這個(gè)免費(fèi)的Windows軟件允許您查看和優(yōu)化任何大型圖像集。我特別喜歡這個(gè)軟件,因?yàn)樗С謴亩鄠€(gè)目錄中的圖像進(jìn)行批量轉(zhuǎn)換。您可以自動(dòng)在數(shù)百個(gè)JPEG圖像上應(yīng)用相同的功能。

更好的是來(lái)自第三方開(kāi)發(fā)者的插件支持。一個(gè)這樣的例子是RIOT(激進(jìn)圖像優(yōu)化工具)。此插件適用于其他類(lèi)似的開(kāi)源圖形編輯器,如GIMP。

它提供雙圖像視圖,您可以在其中手動(dòng)調(diào)整每個(gè)圖像的壓縮參數(shù)。

軟件支持非常棒,RIOT功能非常易于使用。除了圖像壓縮,您還可以刪除其他元數(shù)據(jù),如EXIF和Adobe XMP。這些額外的數(shù)據(jù)只能添加到您的總文件大小上,而且很少需要它們。

適用于Mac的ImageOptim

如果您正在運(yùn)行OS X并需要一個(gè)功能強(qiáng)大的壓縮應(yīng)用程序,那么請(qǐng)不要再看了ImageOptim是一個(gè)強(qiáng)大的工具來(lái)壓縮網(wǎng)絡(luò)圖像 - 有時(shí)甚至比Photoshop更好。

整個(gè)應(yīng)用程序支持拖放功能,因此可以輕松優(yōu)化大量圖像。您可以直接在終端和設(shè)置shell腳本中運(yùn)行命令。

結(jié)論

即使我們的現(xiàn)代互聯(lián)網(wǎng)連接速度隨著4G和即將到來(lái)的5G而增加,我們也需要減小網(wǎng)頁(yè)的大小。每個(gè)字節(jié)最終都會(huì)為您的用戶帶來(lái)一些財(cái)富。所以你網(wǎng)站的圖片需要優(yōu)化優(yōu)化了。

網(wǎng)站題目:網(wǎng)站設(shè)計(jì)干貨:適用于網(wǎng)頁(yè)設(shè)計(jì)師的JPEG優(yōu)化指南
標(biāo)題URL:http://m.rwnh.cn/news48/79798.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)
苗栗县| 和平县| 定西市| 阜阳市| 乾安县| 旌德县| 合江县| 东山县| 常熟市| 延长县| 巴林右旗| 河池市| 焦作市| 始兴县| 浦城县| 长兴县| 临海市| 赣榆县| 唐山市| 汽车| 桐梓县| 商洛市| 东至县| 安国市| 微山县| 高陵县| 临江市| 鞍山市| 岫岩| 准格尔旗| 镇坪县| 武邑县| 维西| 陈巴尔虎旗| 社旗县| 徐汇区| 萍乡市| 措勤县| 鹿泉市| 盱眙县| 漯河市|