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

40. WEB 图像 - 一次分享 #40

Open

funfish opened this issue Jul 25, 2019 · 1 comment

Owner

funfish commented Jul 25, 2019

Owner Author

funfish commented Jul 25, 2019 •

edited

Loading

本周的一次 OJT 分享关于图片部分，受到 https://images.guide 启发，但是里面介绍的内容稍微浅了点，所以特意对感兴趣部分深入学习，有此次分享

参考

谷歌-图像优化指南本文主要介绍顺序
上文的翻译
Finally understanding JPG 介绍得很清楚
图像压缩的奥秘中文介绍很详细
风云大神的 jpeg 简易文档 V2.15
jpeg-js js写的图像编码库
JPEG系列三 JPEG图像压缩
Why aren’t your Images using Chroma-Subsampling? 介绍采样概况
PNG格式分析与压缩原理
Reducing PNG file Size 介绍 png 的向量量化压缩
PNG图片压缩对比分析
用 Electron 撸了一个图片压缩工具
为什么要用自适应的图片
翻译：色彩：从十六进制编码到眼球
优化Web上的颜色 | WebKit
UNDERSTANDING GAMMA CORRECTION

懒加载后部分
17. 延迟加载图像和视频
18. Trust is Good, Observation is Better—Intersection Observer v2
19. How to use SVG as a Placeholder, and Other Image Loading Techniques
20. Progressive Image Loading using Intersection Observer and SQIP
21. How Medium does progressive image loading
22. 阮一峰-图像与滤波
23. 淘宝前端：活用 Shader，让你的页面更小，更炫，更快
24. 探索Web上图片使用方式
25. 使用CSS处理图像效果
26. 如何使用CSS实现黑暗模式和高亮模式的切换
27. 不可思议的混合模式

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment