文件名称：lqip-modern:使用webp和Sharp的低质量图像占位符（LQIP）的现代方法
文件大小：6.27MB
文件格式：ZIP
更新时间：2024-06-01 22:54:44
images webp progressive-image lqip JavaScript
lqip-modern 使用webp和sharp低质量图像占位符（LQIP）的现代方法。 （） 这种方法非常快，并且产生的输出要比其他方法小得多。 例子 查看该以获取更多示例和详细信息。 这个怎么运作 该包使用了一个非常相似LQIP方法所使用的一个。 我们使用sharp调整输入图像的最大尺寸为16px并输出编码quality设置为20的webp （默认）或jpeg图像。最大尺寸是一个简单的变量，可以在编码图像尺寸和视觉保真度之间进行权衡。 由于低质量的编码，这会产生非常有效的占位符图像，这些图像具有明显的伪像。 然后，使用简单的模糊滤镜将这些伪像隐藏在浏览器中。 . placeholder { filter : blur ( 20 px ); transform : scale ( 1.1 ); } 请注意，Medium在其占位符图像上使用此缩放转换有两个原因： 隐藏模