如何使博文中添加的图片在本机显示最清晰

在上一篇博文“怎样使博客文章中添加的图片清晰显示”中介绍了几种添加图片的方式。如果经常在本机截图生成图片，为了使在本机浏览博文时，图片显示最为清晰，则有一个比较简单的处理办法。

还是以上一篇博文中最后的测试图片为例，图片为本机截取生成，图片相关参数描述如下：

1）图片实际像素：198*198

2）图片以100%比例显示像素：100*100（可以在 Photoshop 或系统的「预览」工具中查看，此时图片在本机显示最为清晰）

也就是说，在本机上图片的像素以 50%（100/198 = 50.5%） 的缩放比例显示时，给人的观感最为清晰（我的电脑是 MacBook pro，显示器分辨率为 2500*1600，其它电脑缩放比例可能略有差别）。

既然这样，我们在添加图片时，设置图片属性为缩放 50% 不就解决了问题吗。解决方法如下：

1、在博文中添加图片，并设置为「原始大小」；

2、将博文编辑由「撰写」模式（每一种 blog 工具的叫法不一样）切换到「HTML」模式；

3、为该图片添加一个属性值：style="zoom: 50%"（如果已经有其它 style 属性，则直接添加 zoom: 50%;，多个 style 属性用“;”分隔）。

效果如下：