search

haizlin / fe-interview

前端面试每日 3+1，以面试题来驱动学习，提倡每日学习与思考，每天进步一点！每天早上5点纯手工发布面试题（死磕自己，愉悦大家），6000+道前端面试题全面覆盖，HTML/CSS/JavaScript/Vue/React/Nodejs/TypeScript/ECMAScritpt/Webpack/Jquery/小程序/软技能……
http://www.h-camel.com
MIT License
25.54k stars 3.26k forks source link

[软技能] 第322天 图片是不是越小越好？如何优化图片呢？ #1997

Open haizhilin2013 opened 4 years ago

haizhilin2013 commented 4 years ago

第322天 图片是不是越小越好？如何优化图片呢？

我也要出题

Sylern commented 4 years ago

图片是不是越小越好或者越大越好取决于要求展示的效果，通常图片大会更清晰，渲染更慢；优化图片：1、切割成多张拼接 2、懒加载 3、cdn部署 4、矢量图及iconfont等

why-debug commented 4 years ago

图片不是越小越好，越小越容易失真

haizhilin2013 commented 4 years ago

图片不是越小越好，越小越容易失真

那越大呢？越大会失真吗？

why-debug commented 4 years ago

。。。。

------------------ 原始邮件 ------------------ 发件人: "haizhilin"<notifications@github.com>; 发送时间: 2020年3月3日(星期二) 上午10:24 收件人: "haizlin/fe-interview"<fe-interview@noreply.github.com>; 抄送: "圣美の曲速99"<1679053496@qq.com>; "Comment"<comment@noreply.github.com>; 主题: Re: [haizlin/fe-interview] [软技能] 第322天 图片是不是越小越好？如何优化图片呢？ (#1997)

图片不是越小越好，越小越容易失真

那越大呢？越大会失真吗？

— You are receiving this because you commented. Reply to this email directly, view it on GitHub, or unsubscribe.

longhui520 commented 4 years ago
forever-z-133 commented 4 years ago

尺寸大小确实和内存大小有关，也和色值量有关。 尺寸和内存越小，色值量也会少，会模糊，也会丢色。

小图嘛，阔以合图，也阔以 base64，也阔以用 svg 或字体重做。