关于图片清晰度问题_html/css_WEB-ITnose
程序员文章站
2022-03-24 15:35:49
...
今天测试给我了个建议修改的BUG,说标题栏中的图标不是太清楚,
标题栏中有个南理工的学校标志,由于标题栏整体高度就是36PX,
我就让美工给了我个32X32的透明底色的南理工图标,结果是不太清楚,
我就使用了原始的700X700不透明的原始图片,通过设置IMG的width和height属性,
将其显示为32X32的大小,观察了下是比直接使用32X32的图片清晰,
但这个文件比较大1M多,不适合在网页上展示这么大的图片,
所以我就使用PS将其调整为128X128大小,并将底色置为透明,
放入项目后,比之前的32X32显示效果好多了,
总结下:如果直接使用32X32的大小的图片,有些细节会被压缩掉,所以就不清晰了,
而使用4倍大小的图片,通过设置高宽属性控制大小,可有效的保留图像的清晰度,图片也不会太大。
上一篇: Photoshop简单制作漂亮个性的图标
下一篇: ps保存图片什么格式
推荐阅读
-
position:fixed定位时 “高度坍塌” 问题的解决_html/css_WEB-ITnose
-
UEditor编辑器上传图片开发流程_html/css_WEB-ITnose
-
,关于IE8兼容HTML5 CSS3 还有@media的问题_html/css_WEB-ITnose
-
求助,关于
- 宽度控制的问题_html/css_WEB-ITnose
-
9种炫酷CSS3图片预览展示特效_html/css_WEB-ITnose
-
关于我的新皮肤_html/css_WEB-ITnose
-
关于盒模型的理解_html/css_WEB-ITnose
-
图片中英文导航在IE6里面都链接不过去_html/css_WEB-ITnose
-
div ul li新手初级问题,有图有代码,高手来看看谢谢._html/css_WEB-ITnose
-
关于JS 回掉函数的使用_html/css_WEB-ITnose