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

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

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

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

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

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

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

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

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

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

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