當前位置:首頁 » 背景圖片 » 網頁圖片的大小怎麼設置在哪裡設置
擴展閱讀
小河流淌的圖片唯美 2024-07-06 08:44:19
女人披肩發圖片 2024-07-06 08:38:54
電腦中圖片的命名 2024-07-06 08:26:13

網頁圖片的大小怎麼設置在哪裡設置

發布時間: 2022-01-05 21:18:59

⑴ 網頁製作圖片的大小怎麼設置

一、最簡單的 <img src="" width="500" height="300"> 其中width為圖片的寬,height為圖片的高
二、用CSS來控制
<div class="img_div"><img src=""></div>
css文件里寫
.img_div img{widht:500px;height:300px;}

⑵ 網頁圖片大小設置(CSS)

方法是背景定位。摘引一段同學給的代碼:

<ul id="thumbList">
<li id="thumb001" class="vertical"><a href="#" style="background-image:url(thumb/thumb001.png)" ></a></li>
<li id="thumb002" class="vertical"><a href="#" style="background-image:url(thumb/thumb002.png)" ></a></li>
<li id="thumb003" class="vertical"><a href="#" style="background-image:url(thumb/thumb003.png)" ></a></li>
<!-- 省略... -->
</ul>

#thumbList a{
display:block;
height:100%;
width:100%;
border:1px solid #FFF;
background-repeat:no-repeat;
background-position:center center;
}

#thumbList a:hover {
background-color:#84c1ff;
border-color:#0080ff;
}

圖片必須定義為CSS的background-image屬性,才能使用這個方法。從顯示效果來看,背景圖片和IMG標簽引入的前景圖片沒有差別(當然從HTML的語義來看是有差別的)。

如果想按比例縮小,最好是在服務端就縮小好並緩存起來,這樣可以節省帶寬。在某些不能使用服務端腳本的特殊情況下,則只好用JavaScript實現,且上述背景圖片的方案不適用。

⑶ 網頁設計如何定義圖片的位置和大小

網頁設計在初始要界定出網頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設計. 網頁的尺寸受限於兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以17寸為主流, 正在朝19寸及寬屏的方向發展.但目前也有為數不少的15寸顯示器.另一個是瀏覽器軟體,就是我們常用的IE,遨遊,Firefox等.
高度:
高度是可以向下延展的,所以一般對高度不限制. 對於一屏來說,一般沒有一個固定值,因為每個人的瀏覽器的工具欄不同,我見過有的瀏覽器工具欄被插件佔了半個屏幕,所以高度沒有確切值。
寬度:
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*10

⑷ 網頁圖片的大小 和清晰度怎樣設置

打開—>狀態欄—>查看—>縮放—>打開百分比率100%即可!試一下!就好了!哈哈

⑸ 怎麼將網頁中的圖片調整到最佳大小

在網頁製作中,有多種方式可以將圖片調整為合適的大小:
一、使用CMS系統管理網站的內容頁面:CMS管理網站的內容比較方便,進入後台,添加或者選中已有的頁面標題,會出現類似如圖的界面,其中橢圓形標記的是編輯控制項,方形框就是圖像上傳按鈕:

點擊這個按鈕後會有圖片上傳等操作選項,如圖:

在這個對話框里,有寬度、高度,可以直接設定圖像的大小,右側的小鎖頭圖標是寬高比例鎖定,也就是說,只要改變寬度或高度,整個圖像就會按比例調整。因此,若是在一片文章里有多幅圖像,建議將圖片的寬或高度統一設置為640或320像素。

大多數CMS管理系統與此設置方法類似。
二、若不是通過CMS管理系統添加圖片,則需要通過Dreamweaver或者其它網頁編輯器(如記事本),使用代碼和參數來控制每個圖片的大小。具體代碼為:<img src="./XXX.jpg" width="50" height="50">
其中,「img」是圖像元素標簽,src是圖像的源路徑,這個路徑可以是從其它網站的鏈接地址,也可以是本地伺服器的地址,本例中的路徑即等號後面的內容是本地伺服器(或網站所在伺服器的圖像目錄),注意:前引號後面的.表示網站根目錄,這個地址也可以為「/pic/XXX.jpg」,「pic」是圖像所在目錄。後面的width和height是定義圖像大小的兩個參數,分別表示圖像的寬頻和高度,注意,引號是不能缺少的。

⑹ html如何設置圖片大小

操作方法如下:

1、以Hbuilder來講解,首先新建一個HTML頁面,如圖;

⑺ 網頁設計背景圖片大小設置問題

想要圖片適應單元格的大小,就設置單元格為固定寬高,並且設置溢出為隱藏就行,然後通過設置背景圖片的位置就能達到目的,代碼如下:
td{background:url(img/demo.jpg) #000 repeat center center;overflow:hiddem;}
想要沒有多餘的完全顯示一個圖片,只能讓圖片的大小和單元格的大小完全相同才行

⑻ 如何調節網頁圖片的大小

一部分網頁:將滑鼠移動到圖片上訪,轉動滑輪

另一部分:需要軟體
個人強烈推薦用世界之窗(the world),按住ctrl鍵再轉動滑鼠滑輪就可以自由調節整個屏幕的大小了,很方便

這款軟體給予ie內核,基本是公認佔用內存最小的。還有許多其他很方便實用的功能。當年因為電腦內存小才安裝的,到現在一直用著

⑼ 請問如何設定網頁背景圖片的大小

只能用層來搞定了:
<body>
<div style="position:absolute; left:0; top:0; width:100%; height:100%"><img src="背景圖片.jpg" width=100% height=100%></div>
<div style="position:absolute;">內容...</div>
</body>

⑽ 怎樣在html中控制圖片顯示大小

可以用「width」和「height」屬性控制圖片的顯示大小。

1、新建html文件,在body標簽中添加img標簽,為img標簽設置「src」屬性,屬性值為圖片的地址,這時圖片的顯示大小是圖片自身的大小: