当前位置:首页 » 背景图片 » 网页图片的大小怎么设置在哪里设置
扩展阅读
电脑防尘垫图片 2024-10-05 07:39:59
唯美古典动漫图片 2024-10-05 07:39:52
怎么在手机相册里剪图片 2024-10-05 07:29:55

网页图片的大小怎么设置在哪里设置

发布时间: 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”属性,属性值为图片的地址,这时图片的显示大小是图片自身的大小: