没有合适的资源?快使用搜索试试~ 我知道了~
lqip-modern:使用webp和Sharp的低质量图像占位符(LQIP)的现代方法
共170个文件
jpg:80个
webp:44个
svg:26个
需积分: 9 0 下载量 73 浏览量
2021-05-13
05:08:04
上传
评论
收藏 6.27MB ZIP 举报
温馨提示
lqip-modern 使用webp和sharp低质量图像占位符(LQIP)的现代方法。 () 这种方法非常快,并且产生的输出要比其他方法小得多。 例子 查看该以获取更多示例和详细信息。 这个怎么运作 该包使用了一个非常相似LQIP方法所使用的一个。 我们使用sharp调整输入图像的最大尺寸为16px并输出编码quality设置为20的webp (默认)或jpeg图像。最大尺寸是一个简单的变量,可以在编码图像尺寸和视觉保真度之间进行权衡。 由于低质量的编码,这会产生非常有效的占位符图像,这些图像具有明显的伪像。 然后,使用简单的模糊滤镜将这些伪像隐藏在浏览器中。 . placeholder { filter : blur ( 20 px ); transform : scale ( 1.1 ); } 请注意,Medium在其占位符图像上使用此缩放转换有两个原因: 隐藏模
资源推荐
资源详情
资源评论
收起资源包目录
lqip-modern:使用webp和Sharp的低质量图像占位符(LQIP)的现代方法 (170个子文件)
.editorconfig 147B
.eslintignore 11B
.eslintrc 53B
.gitignore 297B
.gitkeep 0B
index.html 105KB
taking-photo.jpeg 248KB
meric-dagli-487815-unsplash.jpg 836KB
aaron-burden-151465-unsplash.jpg 569KB
preview.jpg 449KB
charles-550068-unsplash.jpg 413KB
mona-lisa.jpg 395KB
aron-visuals-974734-unsplash.jpg 342KB
eric-marty-780304-unsplash.jpg 335KB
anthony-esau-173126-unsplash.jpg 294KB
brooklyn.jpg 190KB
mandril.jpg 153KB
quino-al-101314-unsplash.jpg 140KB
nala.jpg 107KB
shane-young-769905-unsplash.jpg 97KB
ian-dooley-298769-unsplash.jpg 91KB
peppers.jpg 78KB
beach.jpg 59KB
meric-dagli-487815-unsplash-thumbnail.jpg 23KB
aaron-burden-151465-unsplash-thumbnail.jpg 21KB
mona-lisa-thumbnail.jpg 20KB
eric-marty-780304-unsplash-thumbnail.jpg 16KB
charles-550068-unsplash-thumbnail.jpg 15KB
anthony-esau-173126-unsplash-thumbnail.jpg 13KB
aron-visuals-974734-unsplash-thumbnail.jpg 12KB
shane-young-769905-unsplash-thumbnail.jpg 12KB
quino-al-101314-unsplash-thumbnail.jpg 9KB
beach-thumbnail.jpg 7KB
ian-dooley-298769-unsplash-thumbnail.jpg 5KB
meric-dagli-487815-unsplash-lqip.jpg 1KB
mona-lisa-lqip.jpg 1KB
eric-marty-780304-unsplash-lqip.jpg 1KB
charles-550068-unsplash-lqip.jpg 1KB
aron-visuals-974734-unsplash-lqip.jpg 1KB
shane-young-769905-unsplash-lqip.jpg 1019B
beach-lqip.jpg 931B
anthony-esau-173126-unsplash-lqip.jpg 919B
aaron-burden-151465-unsplash-lqip.jpg 917B
ian-dooley-298769-unsplash-lqip.jpg 916B
quino-al-101314-unsplash-lqip.jpg 757B
meric-dagli-487815-unsplash-lqip-modern-jpeg-32.jpg 409B
anthony-esau-173126-unsplash-lqip-modern-jpeg-32.jpg 393B
quino-al-101314-unsplash-lqip-modern-jpeg-32.jpg 393B
mona-lisa-lqip-modern-jpeg-32.jpg 383B
eric-marty-780304-unsplash-lqip-modern-jpeg-32.jpg 371B
charles-550068-unsplash-lqip-modern-jpeg-32.jpg 371B
shane-young-769905-unsplash-lqip-modern-jpeg-32.jpg 369B
aaron-burden-151465-unsplash-lqip-modern-jpeg-32.jpg 368B
beach-lqip-modern-jpeg-32.jpg 362B
aron-visuals-974734-unsplash-lqip-modern-jpeg-32.jpg 359B
peppers.jpg 323B
nala.jpg 322B
taking-photo.jpg 316B
lena.jpg 316B
ian-dooley-298769-unsplash-lqip-modern-jpeg-32.jpg 316B
anthony-esau-173126-unsplash-lqip-modern-jpeg-16.jpg 314B
meric-dagli-487815-unsplash-lqip-modern-jpeg-16.jpg 313B
quino-al-101314-unsplash-lqip-modern-jpeg-16.jpg 312B
mandril.jpg 311B
charles-550068-unsplash-lqip-modern-jpeg-16.jpg 311B
beach-lqip-modern-jpeg-16.jpg 310B
mona-lisa-lqip-modern-jpeg-16.jpg 307B
airplane.jpg 306B
shane-young-769905-unsplash-lqip-modern-jpeg-16.jpg 305B
eric-marty-780304-unsplash-lqip-modern-jpeg-16.jpg 301B
boats.jpg 300B
aron-visuals-974734-unsplash-lqip-modern-jpeg-16.jpg 297B
brooklyn.jpg 293B
aaron-burden-151465-unsplash-lqip-modern-jpeg-16.jpg 293B
saasify.jpg 292B
beach-lqip-modern-jpeg-8.jpg 286B
ian-dooley-298769-unsplash-lqip-modern-jpeg-16.jpg 284B
charles-550068-unsplash-lqip-modern-jpeg-8.jpg 284B
eric-marty-780304-unsplash-lqip-modern-jpeg-8.jpg 283B
meric-dagli-487815-unsplash-lqip-modern-jpeg-8.jpg 282B
anthony-esau-173126-unsplash-lqip-modern-jpeg-8.jpg 282B
mona-lisa-lqip-modern-jpeg-8.jpg 281B
aron-visuals-974734-unsplash-lqip-modern-jpeg-8.jpg 281B
shane-young-769905-unsplash-lqip-modern-jpeg-8.jpg 281B
quino-al-101314-unsplash-lqip-modern-jpeg-8.jpg 280B
ian-dooley-298769-unsplash-lqip-modern-jpeg-8.jpg 275B
aaron-burden-151465-unsplash-lqip-modern-jpeg-8.jpg 274B
index.js 3KB
index.test.js 2KB
dataset.json 71KB
package.json 1KB
yarn.lock 358KB
index.test.js.md 9KB
readme.md 8KB
.npmignore 24B
lena.png 462KB
saasify.png 378KB
.prettierrc 217B
index.test.js.snap 3KB
aaron-burden-151465-unsplash-sqip-potrace.svg 58KB
共 170 条
- 1
- 2
资源评论
天驱蚊香
- 粉丝: 27
- 资源: 4554
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- Python 程序语言设计模式思路-行为型模式:策略模式:将算法封装成独立的类,并使它们可以互相替换及支付模式数据压缩
- main.py
- Last Loaded Test.DBK
- Screenshot_20240520_163011.jpg
- ubuntu-python3-whisper-tornado docker镜像 Dockerfile
- ubuntu-python3-whisper-tornado docker镜像07
- 新录音 8.m4a
- ubuntu-python3-whisper-tornado docker镜像
- ubuntu-python3-whisper-tornado docker镜像
- ubuntu-python3-whisper-tornado docker镜像09
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功