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