最近刚好在制作88×31的“复古”按钮图，这类上个世纪的Web按钮都是由像素点构成的，和老游戏一样，已经不太适合现今的高分缩放LCD屏幕浏览，尤其是智能手机或是高分屏电脑显示器。

虽然自己设计可以试着导出176×62尺寸的图样，但无论是制作还是调用都略显麻烦。后在网上寻找到这条Mastodon的Toots，可悉知CSS已经支持整数倍放大像素图片的缩放处理了。

Post by @[email protected]

View on Mastodon

对于WordPress来说，可以通过添加自定义的style.css代码的class类，并在WP的图片插入功能中调用class类，以此实现这一效果：

.pixbtn {
image-rendering: pixelated;
}

详情参见：https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/image-rendering