Ⅰ 用photoshop设计网页首页时,设置多少精度出来的网页图片精度高
通常我们说“图片精度”是指图像的分辨率(常用单位是dpi 即像素/英吋),这个值越大,说明图片精度越高,打印或者显示的图像越清晰。
但浏览器显示网页上的图片,是以象素为单位来显示的,图像分辨率的大小,不影响其显示效果,也就是设置精度,对于网页图片来说,没有什么意义。
举例来说,一张300*300像素大小的图片,其分辨率设置成72dpi或者300dpi,在显示器显示网页时,都占300像素的宽度,看不出任何不同。但如果你把这个图打印出来,那么前者会有4英吋宽,而后者只有1英吋宽, 这样前者由于每个像素点会比较大,所以看起来就会模糊一些。
所以,我估计你的问题,是指的ps网页设计的时候,输出图片采用哪一种压缩方式及压缩比图片在网页上精细(清晰)。也就是说,你问题题中的精度,意思应该是清晰度,对吧?
网页设计中,对于图片来说,追求的并非高清晰度,原因很简单,因为网页最终是在网上使用的,由于受到网速的限制,清晰度越高的图片,其文件体积也会越大,网上传输就会慢,从而影响浏览体验,而压缩得厉害的图片,虽然加载速度快,但图片会不那么清晰。
所以,根据网页图片使用情况,在文件大小与清晰度之间选择一个平衡点,对须要清晰表现的图片,采用低的压缩比,而对不需要很清晰的图,则采用很高的压缩比。总之,这个没有一定的标准,是一个经验与技巧的问题。
另外,如果你的“精度”是指设计网页时,所选的图像大小(一般指图片宽度),那么,应该与网页实际大小相同,避免在出图时进行缩放,这样才能保证设计效果。目前,为适应大多数屏幕浏览网页,一般把网页的宽度设置在1000像素左右。
---以上回答,经验之谈,纯系手打,绝无复制,如对你有帮助,敬请支持和采纳---
Ⅱ 一张图片调整尺寸、比例或者像素之后怎么才能不失真
用裁剪工具~~在参数里设置你要的长宽~~然后去裁剪你要的图~~比例就不会变~!
Ⅲ css怎么让一张图片不失真的适应任何屏幕大小的电脑平铺
下面是图片不失真但不保证是否完全铺满(留有空隙或者超出屏幕)的css代码:
1、横向铺满,纵向留有空隙或超出屏幕:
body {background:url(图片路径) no-repeat center; background-size:100% auto;}
2、纵向铺满,横向留有空隙或超出屏幕:
body {background:url(图片路径) no-repeat center; background-size:auto 100%;}
补充说明:background-size属于css3,只有支持css3的浏览器才有效。
Ⅳ html中div怎么史图片不失真
在div里面图片失真那就肯定是图片被拉伸导致的:
1.没有成比例拉伸;
2.图片像素不够;
因此,一般设置的时候,只需要设置一个样式,比如设置了高度,那么宽度就不去设置,让图片自适应(反之,设置宽度,也是一样),那么就不会失真了。
Ⅳ 如果要上传到网页,图片压缩比例达到多少才不影响画质呢
1.网页图片,一般都有分辨率限制的
比如QQ空间普通模式,长边像素限制不能超过670像素,你上传再大的图,也会压缩到670像素
2.你看到别人100多K依然感觉好,那是因为人家压缩的时候,就已经把像素改小了
如果几百万像素的照片,压缩到100多K,效果肯定是很惨的
3.至于缩图软件,确实效果会有差别
a.在PS里面把图片缩到指定大小,再用存储为web,然后里面可以选压缩率,并能看到文件大小
b.LR里面可以选择限制大小不超过多少KB,长边像素多少,还可以选择针对屏幕锐化,这个缩图效果特别好
c.Fireworks,是网页三剑客之一,专门针对网页这种小尺寸图片进行优化,效果也很棒
Ⅵ 如何解决图片上传网页上显示不失真
你的问题我也遇见过……大尺寸的图片想上传到个人空间之类的网站,图片都是会被压缩成他们设置的标准尺寸以内,如果他们设置的像素是640*800,那么,你上传的图片就会按照原比例缩小到长和宽都小于他们设置的值,那么你的图片就会相应丢失大量的信息,模糊失真均无法避免,尤其是jpg算法,压缩的相当厉害,解决途径,你不要上传图片尺寸过大,再者就是选一个允许上传大图片文件的平台吧,我见过的能支持上传2000*2000像素不压缩的网站,不过都是外国的CG网站,国内的一般都为了保证浏览速度,牺牲图片质量啦,毕竟我们的网速平均水平不高
Ⅶ 网页图片显示分辨率
补充:
不是钱的问题好不好
晕
什么跟什么啊
影响打印速度和浏览速度的
好不好
补充:
恩
比如说
我从网上复制一张图来
那它的分辨率是多少
不是像素大小
是分辨率
补充:
并且
我个人认为
如果一张图片
用150的分辨率就能把画质打印的不错
那实在没有必要用300的浪费资源和时间
补充:
哦
我记得的
就那几个
要不就应该是72左右的是网页上图片的分辨率
是吗
Ⅷ 网页图片显示比例不正常,只能看到一多半,而不是图片不能显示。
限制图片宽高,<img width=xx height=xx >
Ⅸ 网页图片失真
css定义
#pic img{ max-width:780px; width:expression(document.body.clientWidth > 780? "780px": "auto" ); border:1px dashed #000; }
<div id="pic">
<img src="picture.jpg" />
<img src="picture2.jpg" />
</div>
图片大小可以自己改,不过在firefox下不兼容,你试试吧
Ⅹ 网页中图片失真
这不是图片本身或者代码的问题
应该是失真的机子的设置问题
你得看看你对于计算机的设置情况