Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[css] 第68天 说说你对jpg、png、gif的理解，分别在什么场景下使用？有使用过webp吗？ #491

Open
haizhilin2013 opened this issue Jun 22, 2019 · 4 comments
Open

[css] 第68天 说说你对jpg、png、gif的理解，分别在什么场景下使用？有使用过webp吗？ #491

haizhilin2013 opened this issue Jun 22, 2019 · 4 comments
Labels
css css

Comments

@haizhilin2013
Copy link
Collaborator

第68天 说说你对jpg、png、gif的理解，分别在什么场景下使用？有使用过webp吗？
@haizhilin2013 haizhilin2013 added the css css label Jun 22, 2019
@mengsixing
Copy link

之前总结的图片选择流程图：
图片选择

@wenyejie
Copy link

jpg, 色彩复杂图片
png, 色彩简单图片
gif, 动图, 或者色彩极简的icon等
webp, 判断能使用webp的浏览器就是用webp

@jiamianmao
Copy link

webp 最关键的是如何降级，可以看一下京东的图片，都是 xx.jpg.webp。
所以我推荐看一下 凹凸实验室的文章
探究WebP一些事儿

@MrZ2019
Copy link

MrZ2019 commented Jan 11, 2021

jpg, 色彩复杂图片
png, 色彩简单图片
gif, 动图, 或者色彩极简的icon等
webp, 判断能使用webp的浏览器就是用webp

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
css css
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@MrZ2019 @wenyejie @haizhilin2013 @mengsixing @jiamianmao