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