写写高斯模糊——从 CSS 模糊滤镜的白边说起

前言

通常我们可以很容易地使用 PhotoShop 中的「高斯模糊」来模糊图片。

这也是一种很好的艺术效果，苹果惯用的毛玻璃效果本质便是高斯模糊，而我们将图片模糊后作为网站背景，既减小了图片的体积，也能别有一番风味。（譬如咱站点的背景也是高斯模糊后的产物。）

而 CSS3 提供了滤镜 filter/backdrop-filter，其中的模糊功能同样也是高斯模糊。（Canvas 中的 filter 亦是如此。）

只是当我们为图片背景添加 CSS 滤镜时，便会出现不和谐的白边。

虽然有一些奇技淫巧（比如放大图片再截去模糊的边）去解决，但皆治标不治本，我们不妨借此机会探究一下高斯模糊，并尝试自己实现它。

正文多图预警

访问 https://www.yunyoujun.cn/posts/gaussian-blur-for-image 阅读全文。