來源:南京軟月建站 作者:軟月互動 時間:2022-07-06 11:54:51 點擊:0次
南京網(wǎng)站制作公司:小編實在看不下去了,在技術(shù)巡查客戶站點時,經(jīng)常看到很多客戶網(wǎng)站上傳的圖片都非常的大,應(yīng)該說是巨大。這里說的不是圖片尺寸的大小,是圖片實際的文件大小,動輒好幾兆。
出現(xiàn)圖片文件巨大的幾種原因有哪些呢?很多公司負(fù)責(zé)內(nèi)容維護(hù)的編輯人員其實都是“兼職”在維護(hù),可能本職工作是普通文員或者其他行政人員,對圖片處理不擅長,反正相機里拍的什么照片直接上傳就可以了。還有一種情況就是負(fù)責(zé)維護(hù)的就是公司的媒體運營或者設(shè)計人員(其實也沒這么準(zhǔn)確,基本都是身兼數(shù)職的~),日常負(fù)責(zé)公眾號內(nèi)容維護(hù)啊、公司物料簡單設(shè)計啊等等,他們對圖片大小的理解可能是越大越清楚。在軟月日常巡查過程中,經(jīng)常發(fā)現(xiàn)很多分辨率300的圖片用于印刷設(shè)計的圖片也被上傳到了網(wǎng)站。
那這樣做到底好不好呢?答案肯定是不好,過大的圖片文件會影響網(wǎng)頁的加載速度,給訪客造成不好的體驗感。所以適當(dāng)?shù)膱D片大小既滿足正常顯示清晰度的要求,又能讓我們打開的網(wǎng)頁速度提速,這不香嗎?網(wǎng)站圖片大小簡單來說大概有2類,一類是網(wǎng)站首頁輪播大圖,相對尺寸會大小,一般寬度1920像素左右,高度一般根據(jù)各自網(wǎng)站預(yù)設(shè)高度來定,分辨率72,這樣的圖片清晰度和大小已經(jīng)可以正常滿足我們?nèi)粘5木W(wǎng)站運維需要了。另外一類就是文章配圖或者產(chǎn)品詳情圖,多半圖片應(yīng)用在內(nèi)容詳情頁中,這類的圖片寬度一般都是固定的內(nèi)容顯示區(qū)域要求。按照目前常規(guī)的內(nèi)容顯示區(qū)域?qū)挾炔粫^1200像素,正常內(nèi)容配圖基本有個700~900像素寬,就完全夠用了,一張圖片保存下來可能就幾十KB,稍微大點的也就200KB左右。如果會操作PS軟件的,在PS處理好圖片后,使用快捷鍵“Shift+Ctrl+Alt+S”可以快速調(diào)用出“存儲為Web所用格式”的界面,通過這個功能存儲的圖片,以JPG格式來說的話,同比正常保存的圖,要小很多,而且清晰度也正常滿足網(wǎng)頁使用需要。
當(dāng)然,網(wǎng)站內(nèi)容維護(hù)面對的編輯人員較多,不可能大家都會PS,所以經(jīng)常出現(xiàn)上傳大圖片的情況確實也很難避免。那這樣的情況怎么破呢?今天軟月互動小月月就給大家?guī)硪豢蠲赓M在線圖片壓縮工具《Squoosh》(文末有福利哦~)。
Squoosh 是谷歌推出的一款在線圖像壓縮工具,可幫助網(wǎng)站開發(fā)人員快速壓縮圖片,在保持圖片質(zhì)量的同時,提升網(wǎng)站訪問速度。使用起來也非常簡單,在瀏覽器中打開頁面后,可點擊選擇或直接往里面拖圖片,在左下方可選擇想要生成的圖片格式,右下方選擇圖片質(zhì)量,再下載即可。
通過瀏覽器打開Squoosh網(wǎng)站后,點擊LOGO下方的“Drop OR Paste”按鈕即可上傳本地電腦的圖片,也可以直接將需要壓縮的圖片鼠標(biāo)拖拽到瀏覽器中。圖片成功上傳后,Squoosh會默認(rèn)生成圖片壓縮預(yù)覽,拖動中間的分隔線可以對比壓縮前后的效果。如下圖:
在視窗左下方會顯示壓縮后的大小,點擊按鈕后,可以在彈出的菜單中,對圖片進(jìn)行設(shè)置,也可以更改輸出的圖片格式類型。圖片壓縮大小也是實時顯示,最終壓縮大小和效果可以根據(jù)自己的需要設(shè)置調(diào)整,調(diào)整滿意后直接下載圖片就可以了,是不是很簡單~有興趣的小伙伴們快來體驗吧~如果覺得的好的話,歡迎轉(zhuǎn)發(fā)分享給身邊的朋友們哦~
Squoosh免費在線圖片壓縮工具地址:https://squoosh.app/
沒有廣告,僅有干貨!
聲明:非特殊說明外,本站所有資訊文章均為南京軟月科技有限公司原創(chuàng)內(nèi)容,尊重原創(chuàng)、尊重版權(quán),未經(jīng)書面許可,禁止一切形式的轉(zhuǎn)載。
文章地址:http://www.kuaiyizhan.cn/news/design/134.html
責(zé)任編輯:軟月互動
文章來源:南京軟月建站
發(fā)布時間:2022-07-06 11:54:51
更新時間:2022-07-06 11:54:51