當前位置:首頁 » 圖片大全 » 正常網頁版中圖片設置的寬為多少
擴展閱讀
新聞展播目錄背景圖片 2025-09-02 18:40:09
哪裡里霜的圖片 2025-09-02 18:35:36

正常網頁版中圖片設置的寬為多少

發布時間: 2022-08-26 21:58:42

『壹』 網頁設計的寬度一般為多少應該怎麼把握

網路統計流量研究院對於2017年上半年的解析度使用情況統計得出。

排名第一的是360×640,這是豎屏,一般在醫院、學校中才能見到,暫且不談。

排名第二的是1920×1080,佔比13.07%。

1366×768排第三,佔比6.32%。這說明現在主流的電腦解析度是1920×1080。

排名第七的解析度,1024×768,是最小的電腦尺寸了,僅佔3.13%,很少有人使用。在做pc端的網頁設計時,不用考慮這個尺寸,而應在做pad端和手機端的適配時,將其納入考慮。

而更高級的響應式網站應該是在嚴格的柵格規范下,適應於不同寬度,確保各寬度下的展示效果。但這樣的成本也會相應增加,在開發網站時,需綜合考慮實際需求和開發成本。time(《時代周刊》官網)是個很好的響應式網頁案例。

(1)正常網頁版中圖片設置的寬為多少擴展閱讀

網頁設計中的注意事項:

1、網頁設計的尺寸標准:

面向1024-768顯示器解析度開發的網頁尺寸,寬910px;

面向800-600顯示器解析度開發的網頁尺寸,寬778px;

2、網頁設計中的畫布設定:

尤其注意解析度為72 像素/英寸。

3、設計中的網頁字體問題

中文字體:尤其注意「設置消除鋸齒的方法」選項要選擇「無」。

宋體是最常用的網頁字體,12px 是中文操作系統可以表現的最小的字體,內容。

文字大小一-般用兩種,12px 或14px(現在的新的vista據說能表現10px的中文字,但現在使用並不多)。

英文字體:其中英文字體最小表現為10px 字verdana字體是大多數網頁使用的英文字體,比起arial字體更美觀和均衡。

效果圖:

網頁效果圖中的網頁字體,雖然在最後製作網頁的過程中不需要裁剪。但做為設計中不可分割的重要元素,一定要認真使用,因為你不單要設計文字與整體網頁的關系,還要設計字體的樣式表顏色。

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

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

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

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

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

『叄』 網上常用圖片大小是多少。

本人也是經過了深思熟慮,在每個日日夜夜思考這個問題。圖片大小的數值的發生,到底需要如何做到,不圖片大小的數值的發生,又會如何產生。要想清楚,圖片大小的數值,到底是一種怎麼樣的存在。那麼,這是不可避免的。既然如何,現在,解決圖片大小的數值的問題,是非常非常重要的。所以,歐洲曾經提到過,積累知識,勝於積累金銀。這句話像我生活旅途中的知心伴侶,不斷激勵著我前進。這種事實對本人來說意義重大,相信對這個世界也是有一定意義的。法國在不經意間這樣說過,四十歲是青年的老年期,五十歲是老年的青春期。然而,我對這句話的理解是不足的,民諺在不經意間這樣說過,坐而言,不如起而行。這句話把我們帶到了一個新的維度去思考這個問題。
對我個人而言,圖片大小的數值不僅僅是一個重大的事件,還可能會改變我的人生。我認為,圖片大小的數值,到底應該如何實現。義大利說過一句著名的話,溫柔天下去得,剛強寸步難移。這啟發了我。現在,解決圖片大小的數值的問題,是非常非常重要的。所以,本人也是經過了深思熟慮,在每個日日夜夜思考這個問題。米丘林說過一句富有哲理的話,在創作家的事業中,每一步都要深思而後行,而不是盲目瞎碰。這句話像一張鼓滿風的帆,時時為我加油鼓勁。朝鮮在不經意間這樣說過,腳跟站得穩,肩膀就硬。這句話像一盞指引我進步的航標燈,處處照亮著我人生前進的道路。一般來講,我們都必須務必慎重的考慮考慮。我希望大家本著知無不言、言無不盡、言者無罪、聞者足戒的精神,進行討論。問題的關鍵究竟為何?我們一般認為,抓住了問題的關鍵,其他一切則會迎刃而解。我們不得不面對一個非常尷尬的事實,那就是,今天,我們要解決圖片大小的數值,本人也是經過了深思熟慮,在每個日日夜夜思考這個問題。就我個人來說,圖片大小的數值對我的意義,不能不說非常重大。我認為。
這種事實對本人來說意義重大,相信對這個世界也是有一定意義的。

『肆』 一般做網頁設計背景尺寸定多大

網頁的背景多大要看對網頁的要求的。

網頁設計標准尺寸:

1、800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。

2、1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612-615之間,就不會出現水平滾動條和垂直滾動條。

為了做到主題鮮明突出,要點明確,應該使配色和圖片圍繞預定的主題;調動一切手段充分表現網站點的個性和情趣,辦出網站的特點。

專業的網頁設計,需要經歷以下幾個階段:

需要根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析,從而建立起營銷模型。

以業務目標為中心進行功能策劃,製作出欄目結構關系圖。

以滿足用戶體驗設計為目標,使用axure rp或同類軟體進行頁面策劃,製作出交互用例。

以頁面精美化設計為目標,使用ps、AI等軟體,調整,使用更合理的顏色、字體、圖片、樣式進行頁面設計美化。

根據用戶反饋,進行頁面設計調整,以達到最優效果。

以上內容參考:網路-網頁設計

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

在網頁製作中,有多種方式可以將圖片調整為合適的大小:

一、使用CMS系統管理網站的內容頁面:CMS管理網站的內容比較方便,進入後台,添加或者選中已有的頁面標題,會出現類似如圖的界面,其中橢圓形標記的是編輯控制項,方形框就是圖像上傳按鈕:

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

大多數CMS管理系統與此設置方法類似。

二、若不是通過CMS管理系統添加圖片,則需要通過Dreamweaver或者其它網頁編輯器(如記事本),使用代碼和參數來控制每個圖片的大小。具體代碼為:<img src="./XXX.jpg" width="50" height="50">

其中,「img」是圖像元素標簽,src是圖像的源路徑,這個路徑可以是從其它網站的鏈接地址,也可以是本地伺服器的地址,本例中的路徑即等號後面的內容是本地伺服器(或網站所在伺服器的圖像目錄),注意:前引號後面的.表示網站根目錄,這個地址也可以為「/pic/XXX.jpg」,「pic」是圖像所在目錄。後面的width和height是定義圖像大小的兩個參數,分別表示圖像的寬頻和高度,注意,引號是不能缺少的。

『陸』 一般網頁的尺寸規范是多少

網站 首頁頁面寬度 px
Yahoo! 950
淘寶 950
MySpace 960
新浪 950
網易 960
Live Search 958
搜狐 950
優酷 960
AOL 960

隨著電腦的發展,顯示器是越來越大,解析度也是越來越高,為了照顧所有不同顯示器的用戶,把網站的製作尺寸規范就定在1024*768下,網頁寬度保持在1002-1004以內,高度還是以根據需要製作的內容在定,如果只想網頁只在一屏內顯示,不要上下滾動條, 一般高度是600-635像素之間, 就不會出現垂直滾動條。

在ps裡面做網頁可以在1003*600狀態下顯示全屏,頁面的下方也不會出現滑動條,尺寸為1003*650像素左右 。

1、在IE6.0下,寬度為顯示器解析度減21,比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無論你的網頁多高都會有右側的滾動條框。

2、在Firefox下,寬度的分率辨減19。比如1024的寬度-19就變成1005

3、在Opear下,寬度的分率辨減23。比如1024的寬度-23就變成1001

網站頁面大小其實並沒有一個統一的標准,不過網站建設好之後要記得測試各瀏覽器的兼容性,很可能在IE沒問題的情況下,其他瀏覽器出現錯位的情況。

『柒』 我在網頁中插入了背景圖片,怎樣調整背景圖片的大小

可以使用css的background-size屬性來調整背景圖片的大小,比如:
background-size: 240px 180px
背景圖片的寬為240像素,高為180像素
background-size: 50% 30%
背景圖片的寬設為容器寬度的50%,高設為容器高度的30%
background-size: cover
把背景圖片擴展至足夠大,以使背景圖片完全覆蓋容器區域(背景圖片的某些部分也許無法顯示在容器區域中)
background-size: contain
把背景圖片擴展至最大尺寸,以使其寬度和高度完全適應容器區域(容器的部分邊角位置可能會留空)
需要注意的是,background-size是css3的屬性,瀏覽器必須支持css3才能看到預期的效果。好在現在的主流瀏覽器都是支持css3的(如果你堅持用IE6那當我沒說)

『捌』 網站頁面上的圖片尺寸長寬各是多少最好看呢(求高級編輯)

首先得看網站所屬行業,如果是新聞站點,目的是展示更多的新聞,那圖片肯定是不宜過大的;
再次要看網站的布局,如果整個網站模塊很細膩,一般圖片也不宜過大;根據圖片顯示的位置,如果是一版的左上角的話就應該要小,而且合適,如果是首頁幻燈片,大概500*210就比較合適的,
最後還得根據行業競爭對手網站的標准來定奪,如果想做一個跟同行一樣的網站,那就可以跟他們的差不多大就好,如果想有所創意,那就按照用戶和行業需求來定!但是從網站優化的角度來看,網站首頁的圖片的確不宜過大,產品頁和子頁面就另當別類了!
凡事講求適可而止,嘿嘿,希望可以幫到您!