png/jpg的logo图片中文字部分放大后,会出现模糊。至于为什么不直接使用大图,是因为项目中图片是嵌入在td中,直接使用大图会撑大td,当然可能有些人建议使用CSS transform:scale(1)来缩小图片,再调整td大小,我没尝试过,不知是否可行。主要是我的应用场景是在打印中使用logo,不是在页面静态中使用,涉及打印时动态加载及打印页面放大问题。
解决方案:使用SVG图片格式, png/jpg转换为svg在线地址 https://www.bejson.com/convert/image_to_svg/
注意问题:不能直接使用出现模糊的png/jpg文件来转换SVG,需要使用放大后不会模糊的png/jpg图片来进行转换
实际html中要求的尺寸大小: width: 104;height: 23;
当时用来转换的jpg大小:800*176;
转换步骤:1.上传图片
2.更改大小