做網頁圖片尺寸
❶ 做網頁界面一般的尺寸是多少像素
90%的網站定義寬復度為1000,操製作方法如下:
1、首先打開電腦上的瀏覽器,接著隨便打開一個網頁。在網頁頂部,點擊〈工具〉欄,如下圖所示。
❷ 網站中如何做到圖片尺寸大小適配
用圖片來營造場景感,增加整個頁面的體驗感,當然要注意要和項目匹配。現在把圖片作為背景撐起整個頁面的社會越來越多了,以前只有時尚潮流網站或者攝影類網站才會特別注重這種有沖擊力的圖像,但現在有很多類型的網站都開始採用這種大圖做為背景,特別是企業品牌宣傳、產品介紹等等。
在設計網頁過程中,需要用到大量的圖片,而且找到的圖片容易和主題不匹配要麼就是和圖片上的文字不匹配,那麼如何找到合適而又能正確地應用圖片呢?
如何讓圖片合理運用
提煉關鍵詞尋找圖片,多搜索一些關鍵字
首先需要提煉產品特性關鍵詞,通過關鍵詞的形式尋找合適的圖片。
這是之前做的項目金世紀教育,這個頁面是室內設計,很明顯像這樣室內設計的圖片很好找。
通過關鍵詞尋找到的圖片進行深度加工處理,使之在項目中運用到的圖片都是一整套的、風格統一的,比如可以在圖片的色調、色彩飽和度與特色風格上做調整。
因為這個頁面的主色以藍色和黃色為主,那麼後面的背景圖片的色調要麼是藍色調要麼是黃色。這樣讓整個頁面不會出現別的顏色,以免讓整個頁面看起來雜亂無章。
還有就是圖和文字的結合,這張背景圖的視覺重點在左面,那文字放在右面最好不過,能讓圖左右排版,不會讓這個頁面顯得太混亂。
大圖作為一些板塊的背景來設計,能夠很有力的抓住用戶的注意力,了解項目的背景和風格,找到合適的圖片。
❸ 我准備做一張圖放到網頁上去,應該怎樣設計寬 , 高,解析度,還有大小尺寸呢
放到網頁上去:到這個網頁上去核實它的寬是多少。網頁的寬度是通過css來確定的。只有明確了網頁的寬度才能設計圖片的尺寸。
❹ 我要用html做網頁,我想用一張圖片作為背景,需要多大尺寸啊
像我14寸筆來記本,分辨自率1366*768,你可以設置你的尺寸超過1366*768,然後讓你的背景圖主像素部分水平居中,垂直頂對齊,然後在CSS里邊設置body的background-position: top center;這樣就可以讓圖片滿屏,還可以設置background-attachment : fixed;讓圖片不隨滾動條滾動。
❺ 正常網頁製作背景圖片應該多大
1、背景最好是能夠做到自動延伸,現在的顯示器是越來越大,解析度也慢慢的專變大了,現在用1600*900解析度的也不少屬,我的就是,當然也有人用1280*768、1024*768等,所以網頁設計的背景一般是不會設計成固定尺寸的,你可以做成可循環平鋪的圖片或者漸變顏色,直接是一種顏色那就更方便了;
2、其實網頁設計一般所說的尺寸指的是主體框架的尺寸,就拿現在這個網路知道的頁面距離,中間的主體部分無論是瀏覽器怎麼伸展,主體內容的寬度是保持不變的,我查看了一下css代碼,這個主體框架的寬度是980px;
3、你設計的時候把主體部分設置成980-1000px就差不多了,畢竟現在使用1024*768解析度以下的人已經畢竟少了。
❻ 網頁製作圖片的大小怎麼設置
樣式表就是
<style>
.img1{width:100px;height:50px;}
</style>
<img src="圖片路徑" class="img1">
行內樣式是
<img src="圖片路徑" style="width:100px;height:50px;">
❼ 一般做網頁圖片寬度做成多大的合適呢
網頁的背景多大要看對網頁的要求的,
網頁設計標准尺寸:
1、800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。
2、
下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。
3、在ps裡面做網頁可以在800*600狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740*560左右
4、在PS里做的圖到了網上就不一樣了,顏色等等方面,因為
上面只用到256
安全色,而PS中的
或者
以及
或者
的色域很寬顏色范圍很廣,所以自然會有失色的現象.
頁面標准按800*600解析度製作,實際尺寸為778*434px
頁面長度原則上不超過3屏,寬度不超過1屏
每個標准頁面為A4幅面大小,即8.5X11英寸
全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px
另外120*90,120*60也是小圖標的標准尺寸
每個非首頁靜態頁面含圖片位元組不超過60K,全尺寸banner不超過
希望幫到你~
❽ 網上常用圖片大小是多少。
建議控制在500K以內,引文要根據大多數人的網速而定,圖片太大,打開速度就慢,用戶體驗就很差,會降低用戶粘度!
網頁設計標准尺寸:
1、800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。PS:這種解析度幾乎被淘汰了已經
2、1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。
3、在ps裡面做網頁可以在800*600狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740*560左右
4、在PS里做的圖到了網上就不一樣了,顏色等等方面,因為WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會有失色的現象.
頁面標准按800*600解析度製作,實際尺寸為778*434px
頁面長度原則上不超過3屏,寬度不超過1屏
每個標准頁面為A4幅面大小,即8.5X11英寸
全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px
另外120*90,120*60也是小圖標的標准尺寸
每個非首頁靜態頁面含圖片位元組不超過60K,全尺寸banner不超過14K
❾ PSD製作網頁圖的規定尺寸是多少
網頁設計在初始要界定出網頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設計.
網頁的尺寸受限於兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以17寸為主流, 正在朝19寸及寬屏的方向發展.但目前也有為數不少的15寸顯示器.另一個是瀏覽器軟體,就是我們常用的IE,遨遊,Friefox等.
高度:
高度是可以向下延展的,所以一般對高度不限制. 對於一屏來說,一般沒有一個固定值,因為每個人的瀏覽器的工具欄不同,我見過有的瀏覽器工具欄被插件佔了半個屏幕,所以高度沒有確切值。
寬度:
1、在IE6.0下,寬度為顯示器解析度減21,比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無論你的網頁多高都會有右側的滾動條框。
2、在Firefox下,寬度的分率辨減19。比如1024的寬度-19就變成1005
3、在Opear下,寬度的分率辨減23。比如1024的寬度-23就變成1001
註:Firefox或Opear在內容少於瀏覽器高度時不顯示右側滾動條。
所以如果是1024的解析度,你的網頁不如設成1000安全一點。設成900兩側空白更大,視覺上更舒服一點.也方便做一些浮動層的設計.
如果是800的解析度一般都設成770。但也有設成760的.
這些需要明白並且牢記,不然很可能做出來不符合瀏覽器要求,不過一般我們都回設定的再稍微小一點,應為有些瀏覽器加了插件或者其他的東西寬度會有變化所以 800的解析度一般設定760左右,1024的設定990左右.
網頁設計標准尺寸:
1、800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。
2、1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。
3、在ps裡面做網頁可以在800*600狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740*560左右
4、在PS里做的圖到了網上就不一樣了,顏色等等方面,因為WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會有失色的現象.
頁面標准按800*600解析度製作,實際尺寸為778*434px
頁面長度原則上不超過3屏,寬度不超過1屏
每個標准頁面為A4幅面大小,即8.5X11英寸
全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px
另外120*90,120*60也是小圖標的標准尺寸
每個非首頁靜態頁面含圖片位元組不超過60K,全尺寸banner不超過14K
標准網頁廣告尺寸規格
一、120*120,這種廣告規格適用於產品或新聞照片展示。
二、120*60,這種廣告規格主要用於做LOGO使用。
三、120*90,主要應用於產品演示或大型LOGO。
四、125*125,這種規格適於表現照片效果的圖像廣告。
五、234*60,這種規格適用於框架或左右形式主頁的廣告鏈接。
六、392*72,主要用於有較多圖片展示的廣告條,用於頁眉或頁腳。
七、468*60,應用最為廣泛的廣告條尺寸,用於頁眉或頁腳。
八、88*31,主要用於網頁鏈接,或網站小型LOGO。
廣告形式 像素大小 最大尺寸 備注
BUTTON 120*60(必須用gif) 7K
215*50(必須用gif) 7K
通欄 760*100 25K 靜態圖片或減少運動效果
430*50 15K
超級通欄 760*100 to 760*200 共40K 靜態圖片或減少運動效果
巨幅廣告 336*280 35K
585*120
豎邊廣告 130*300 25K
全屏廣告 800*600 40K 必須為靜態圖片,FLASH格式
圖文混排 各頻道不同 15K
彈出窗口 400*300(盡量用gif) 40K
BANNER 468*60(盡量用gif) 18K
懸停按鈕 80*80(必須用gif) 7K
流媒體 300*200(可做不規則形狀但尺寸不能超過300*200) 30K 播放時間 小於5秒60幀(1秒/12幀)
網頁中的廣告尺寸
1.首頁右上,尺寸120*60
2.首頁頂部通欄,尺寸468*60
3.首頁頂部通欄,尺寸760*60
4.首頁中部通欄,尺寸580*60
5.內頁頂部通欄,尺寸468*60
6.內頁頂部通欄,尺寸760*60
7.內頁左上,尺寸150*60或300*300
8.下載地址頁面,尺寸560*60或468*60
9.內頁底部通欄,尺寸760*60
10.左漂浮,尺寸80*80或100*100
11.右漂浮,尺寸80*80或100*100
希望對你有幫助