关于网页图片清晰度的问题

发布网友 发布时间：2022-04-20 18:32

我来回答

共5个回答

懂视网 时间：2022-05-13 18:42

今天测试给我了个建议修改的BUG，说标题栏中的图标不是太清楚，

标题栏中有个南理工的学校标志，由于标题栏整体高度就是36PX，

我就让美工给了我个32X32的透明底色的南理工图标，结果是不太清楚，

我就使用了原始的700X700不透明的原始图片，通过设置IMG的width和height属性，

将其显示为32X32的大小，观察了下是比直接使用32X32的图片清晰，

但这个文件比较大1M多，不适合在网页上展示这么大的图片，

所以我就使用PS将其调整为128X128大小，并将底色置为透明，

放入项目后，比之前的32X32显示效果好多了，

总结下：如果直接使用32X32的大小的图片，有些细节会被压缩掉，所以就不清晰了，

而使用4倍大小的图片，通过设置高宽属性控制大小，可有效的保留图像的清晰度，图片也不会太大。

热心网友 时间：2022-05-13 15:50

PS 是专业的图形处理软件，色彩度很好，但网页中显示的最多色彩就256色（应该没记错，错了还请高手们更正下，不能误导楼主），这样势必会在显示上有差别。用fireworks处理图片，最终放到网页中的显示效果会很接近。

热心网友 时间：2022-05-13 17:08

你模糊了有三个可能
一是格式选错 网页图片一般采用jpg格式
二是保存的时候质量没有放到最高（如果在电脑里是调整到最高的 那么看看你上传的空间有没有质量选项可以调节）

三是你上传的空间会对文档大小超出范围的文件进行压缩 如果是这个你就没办法了 这是空间的原因

热心网友 时间：2022-05-13 18:42

分辨率和清晰度无关 分辨率只有在打印的时候才对清晰度有影响 网页图像分辨率一般在72ppi

你模糊了有三个可能
一是格式选错 网页图片一般采用jpg格式
二是保存的时候质量没有放到最高（如果在电脑里是调整到最高的 那么看看你上传的空间有没有质量选项可以调节）

三是你上传的空间会对文档大小超出范围的文件进行压缩 如果是这个你就没办法了 这是空间的原因

热心网友 时间：2022-05-13 20:34

估计是你导出了GIF格式的图片，如果你要让网页中的背景图跟PS中一样清晰，在导出的时候 （ctrl+alt+shift+S）选择JPG格式，品质选择70或更高，勾选优化。
如果对别人的网速没要求的话，你可以把背景图存成PNG格式，这个是无损格式，就是图片体积比较大。。。

还有，网页图片分辨率用72像素，调大了也没用