當(dāng)你使用圖片構(gòu)建網(wǎng)頁設(shè)計(jì)的視覺故事時,如果這些元素沒有經(jīng)過適當(dāng)優(yōu)化就上傳,就有可能減慢你的網(wǎng)站的速度。如何添加圖片到您的網(wǎng)站呢?
北京分形科技,北京高端網(wǎng)站建設(shè)、高端網(wǎng)站設(shè)計(jì)公司,今天和您分享經(jīng)驗(yàn)!
1.上傳正確的圖片大小
一般來說,你的文件應(yīng)該不超過25MB(gif文件不超過15MB)以確保高效的加載。此外,你會希望從一個未壓縮或RAW文件開始,以保持視覺效果的質(zhì)量。這指的是包含所有圖像原始數(shù)據(jù)的文件,并且沒有減少字節(jié)大小。
2.在大多數(shù)情況下,選擇JPG而不是PNG
JPG圖片通常比PNG圖片小得多,有時甚至小10倍。由于較小的尺寸,您將選擇JPG而不是PNG。
3.調(diào)整圖像的默認(rèn)壓縮以提高清晰度
當(dāng)你在網(wǎng)頁設(shè)計(jì)中添加圖片時,你可能會發(fā)現(xiàn)無論你使用的是什么平臺,在圖片壓縮方面都有自己的默認(rèn)設(shè)置。例如,在將你的JPEG或PNG文件上傳到Wix編輯器后,它會將壓縮質(zhì)量降低到默認(rèn)的90%。但是,通過使用圖像銳化工具,您可以選擇一個可選的壓縮大小來調(diào)整整個站點(diǎn)(不包括圖庫)所有單個圖像的銳化級別。
4.不要擔(dān)心延遲加載
當(dāng)你瀏覽你的網(wǎng)站時,你可能會注意到,在完全上傳之前,圖片會出現(xiàn)一微秒的模糊。不用擔(dān)心:這就是所謂的惰性加載,它是真實(shí)(優(yōu)化)圖像的占位符。
5.什么時候使用SVG和PNG
可伸縮向量圖形,也稱為svg,以基于xml的格式交付。數(shù)學(xué)公式被用來構(gòu)建高質(zhì)量的圖像,SVG具有基于矢量的內(nèi)容,指示瀏覽器通過復(fù)雜的線、點(diǎn)、形狀和算法網(wǎng)絡(luò)顯示什么。這使得SVG比PNG更具延展性,因?yàn)樗拇笮∪Q于它所包含的元素和“節(jié)點(diǎn)”的數(shù)量。png是基于光柵的格式(與svg的矢量格式相反),它們由固定數(shù)量的高質(zhì)量像素網(wǎng)格組成,但很難調(diào)整大小。
更多北京高端網(wǎng)站建設(shè)、高端網(wǎng)站設(shè)計(jì)、專業(yè)網(wǎng)站制作等相關(guān),歡迎您咨詢北京分形科技!