当前位置:首页 » 图片大全 » 正常网页版中图片设置的宽为多少
扩展阅读
手写小图片素材 2025-09-02 20:09:50
李子水果卡通图片 2025-09-02 19:45:40

正常网页版中图片设置的宽为多少

发布时间: 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就比较合适的,
最后还得根据行业竞争对手网站的标准来定夺,如果想做一个跟同行一样的网站,那就可以跟他们的差不多大就好,如果想有所创意,那就按照用户和行业需求来定!但是从网站优化的角度来看,网站首页的图片的确不宜过大,产品页和子页面就另当别类了!
凡事讲求适可而止,嘿嘿,希望可以帮到您!