不久前,Mikael Ainalem 的 CodePen 演示了如何在 HTML 中使用 SVG 轮廓,然后延迟加载图像(后来由 Emil Tholin 变成 一个 webpack 加载器)。这有点像 骨架屏,因为它给用户提供了一个即将出现内容的提示。或者 模糊放大技术,它加载一个非常小的图像,模糊地放大作为占位符图像。
José M. Pérez 记录了这些,以及一些更基本的选择(无,图像占位符或纯色),最棒的是,一个使用 Primitive 的非常巧妙的新想法(其中有 一个 Mac 应用 和 JavaScript 版本),它创建重叠的 SVG 形状来用作占位符图像。可能比其他一些技术稍微大一点,但仍然比高分辨率 JPG 小得多!