图片
3篇文章 · 0订阅
  • 手把手教你如何编写一个前端图片压缩、方向纠正、预览、上传插件
    今天我们要讲解下如何编写一个图片压缩、方向纠正插件，附带着会讲解下如何上传和预览。 相信大家在做项目过程中，经常会遇到上传图片到后端，但是由于图片过大，需要对图片压缩处理。特别在移动端，手机拍的照片普遍过于大了，我们有时候只是需要上传一张头像，很小就够用了。还有在部分手机上（已…
    JavaScript 前端 Canvas
    手把手教你如何编写一个前端图片压缩、方向纠正、预览、上传插件
  • 聊一聊几种常用web图片格式：gif、jpg、png、webp
    在大多数的web页面中，图片占到了页面大小的60%-70%。因此在web开发中，不同的场景使用合适的图片格式对web页面的性能和体验是很重要的。图片格式种类非常多，本文仅针对几种web应用中常用的图片格式：gif、png、jpg、webp进行一个基本的总结。 无压缩。无压缩的图…
    WebP 图片资源 前端
  • 为你重新系统梳理下， Web 体验优化中和图有关的那些事（万字长文）
    Web 页面性能优化，解决了图片相关，问题就解决了大半。本文从 Web 常见的图片格式入手，引出与图片优化相关的有效方案，期望对大家能有一点帮助。 有损压缩：借由将次要的信息数据舍弃，牺牲一些质量来减少数据量、提高压缩比。这个过程是不可逆的。图片常见的有损压缩手段是合并相近的像…
    前端 性能优化
    为你重新系统梳理下， Web 体验优化中和图有关的那些事（万字长文）