2022-08-10 分類: 網(wǎng)站制作
,其中,切圖雖然是很簡單的一個步驟,但其中也有很多技巧,以下是成都網(wǎng)站設計創(chuàng)新互聯(lián)設計師總結(jié)出來的幾點: 創(chuàng)新互聯(lián)人說,總體上,把握一個原則,能用css寫的,堅決不要用圖片。經(jīng)驗告訴我們,首頁圖片很多的網(wǎng)站打開會很慢,一是因為圖片多,需要下載的文件體積就增大,二是每一個圖片下載都會對服務器有一個請求,增大了瀏覽器與服務端的交互次數(shù),如果能把純色的部分用css來寫,而不因為省事直接切圖,就會極大提高網(wǎng)站的運行效率,我最早開始學習制作網(wǎng)站時,就想當然的認為怎么樣能加快制作速度就怎么來,于是把一個導航條的背景直接切成圖片,后來老板看到我寫的html代碼,告訴我不能這么干,用div定義好寬和高設置背景色和邊框,一行代碼就搞定。如果遇到有漸變色的背景,可以沿著與漸變色相同方向切一個像素的條紋,用css中background的repeat-x或repeat-y
來自動填充。
成都網(wǎng)站設計-----導航欄效果圖 對于有圓角的導航條圖片,可以將兩邊的圓角部分單獨切出來,中間如果有漸變色,也是只切一個像素的條紋,切出來的三個條紋可以合并到一張圖片里(上、中、下),使網(wǎng)頁中使用的時候用css中的positon
屬性來定位圖片出現(xiàn)的位置?! ≡谇懈钚Ч麍D的過程中,對于圖片的保存格式也有講究,一般來說,用圖像工具(如photoshop)制作的色彩絢麗的按鈕或圖標一般都存成png格式,而用相機拍攝的風景或人物、物體圖像多用jpg格式保存,gif一般用來存儲含有簡單動畫效果的圖像,另外需要注意一點的是,如果圖片中使用了透明效果,要存儲成png-的格式,png的其他格式要么不支持透明,要么保存時文件要大很多,png-是”性價比”
高的?! 〕啥季W(wǎng)站設計-----一般用png
格式 對于用作背景或襯托效果的顏色較多的圖片,保存圖片時盡可能從清晰度和圖片大小中找到一個平衡,既保證圖片盡可能小又不失真,這點就要憑個人經(jīng)驗了,因為每個人的標準不同,千萬不能不壓縮圖片直接放上去,然后靠idth和height來進行限制,這樣做是自欺欺人,瀏覽器會先把大圖片下載到本地,然后用樣式強制將它壓縮,顯示不但不會更清楚,反而會失真,曾經(jīng)我就遇到過有個網(wǎng)站首頁都打開了,唯有一個局部是個空白的方形,過了好幾秒才加載出來一張圖片,好奇的下載了這張圖片,竟然有M多……
這一點不光是首頁切圖,在網(wǎng)站的內(nèi)容上傳時也要養(yǎng)成良好的習慣,特別是新聞的配圖,現(xiàn)在的相機效果越來越好,拍出來的圖片動不動好幾兆,一定要對圖片尺寸進行處理后再上傳,一般處理圖片的寬度為-像素之間,高度自動等比例即可?! 〕啥?a >網(wǎng)站設計創(chuàng)新互聯(lián)小結(jié):切好圖片命名也要養(yǎng)成良好的習慣,的命名習慣就是見名知意,我見多數(shù)網(wǎng)站的圖片使用切圖工具軟件批量切割的,命名很不規(guī)范,比如index_、index_
名稱欄目:完美網(wǎng)站制作切圖重在技巧
標題網(wǎng)址:http://m.rwnh.cn/news4/188204.html
網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡營銷seo公司;服務項目有網(wǎng)站制作等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容