中华人民共和国行政区划（五级）：省级、地级、县级、乡级和村级。 来自中华人民共和国民政部，用于查询中国省，市和区数据的网站。

今天我们要讲解下如何编写一个图片压缩、方向纠正插件，附带着会讲解下如何上传和预览。 相信大家在做项目过程中，经常会遇到上传图片到后端，但是由于图片过大，需要对图片压缩处理。特别在移动端，手机拍的照片普遍过于大了，我们有时候只是需要上传一张头像，很小就够用了。还有在部分手机上（已…

很多时候我们都会有图片上传的功能需求，如果我们先将图片上传到服务器，然后在将返回结果显示在前端，这样的操作性能开销太大，如果图片一多，简直要哭，而且万一还碰到了上传错误要删除的，那简直无法想象了。所以我们需要先将图片在前端展示后，然后由用户确认没有问题了，再统一上传，这样才是比…

图片压缩的工具是在太多太多了，随便网上一搜都是一大堆。 但是不管别人怎么推荐，毋庸置疑，tinypng 一定是其中最好的，没有哪个能比它更好用，就算谷歌最新推出的 squoosh 也一样比不过它。 想压缩图片，用它准没错。 如果这样，好像没必要做这期视频，想用直接使用就是了，因…

图片压缩上传项目完成开开心心做测试，在手机上随手一拍，要上传自己美美哒的照片了~在满怀期待中，蹦出温馨的提示“上传失败”！才发现上传的图片忘记压缩，于是，开启了图片压缩上传之旅~HTML代码如下：将图

图片是前端开发重度依赖的资源，然而图片过多过大会导致页面加载很慢，出现等待白屏现象。本文内容针对如何做自动压缩图片方案展开讲解。

采用懒加载：只加载可视区域的图片，即滚动到可视区域时再加载图片。 1. 解决图片过大显示问题 图片读取的顺序与存储顺序一致，如果文件较大或者网络下载速度较慢，使用baseline-jpeg就会看到图片被一行行加载的效果，而使用preogressive-jpeg，会先显示整个图片…

作为一个前端抠图仔，我经常会进行一些图片压缩，常用的就是 tinyPng了。然而网页端的一次只支持上传压缩 20 张图片，操作起来比较繁琐，压缩完保存也

基于TinyPng，通过node实现一个批量压缩图片的cli工具。全局安装cli命令，即可在项目下压缩指定文件目录下的图片资源。