首页 > web前端 > html教程 > 关于图片清晰度问题_html/css_WEB-ITnose

关于图片清晰度问题_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 11:20:29
原创
2941 人浏览过

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

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

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

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

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

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

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

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

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

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

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板