平时在网页上发图，总遇到“图片太大无法上传”的提示，挺烦的。其实不同网站对图片上传大小都有自己的规矩，常见的限制一般是 2MB、5MB 或 10MB。比如微信公众号图文上传图片不能超过 5MB，而一些论坛可能只允许 2MB 以内的图。
为什么会有上传限制？
这主要是为了减轻服务器压力，加快页面加载速度。大图不仅占用带宽，还可能让网页卡顿。浏览器本身不设统一限制，真正起作用的是目标网站的后台设置。
怎么知道自己传的图超没超限？
在电脑上可以右键点击图片，选择“属性”，查看文件大小。手机用户可以长按图片，点“详情”或使用文件管理器查看。如果发现原图动辄七八兆，直接上传基本过不了关。
压缩图片的小妙招
不想换图又怕超限，最简单的办法是压缩。用浏览器访问一些在线工具，比如“TinyPNG”这类服务，上传后自动压缩体积，画质损失也不明显。自己动手也行，Windows 自带的“画图”工具打开图片后另存为，就能小幅减小体积。
如果你经常需要处理这类问题，可以试试浏览器插件。比如 Chrome 上的 “Image Downloader” 或 “Picture Manager”，配合压缩工具一起用，效率高不少。
前端代码里的上传限制示例
有些网站通过 HTML 代码直接限制上传文件大小，比如下面这段：
<input type="file" accept="image/*" onchange="checkSize(this)">
<script>
function checkSize(input) {
const file = input.files[0];
if (file && file.size > 5 * 1024 * 1024) { // 限制5MB
alert('图片太大啦，不能超过5MB！');
input.value = '';
}
}
</script>这段代码会在用户选择图片时检查大小，超过 5MB 就弹出提醒并清空选择。这就是你在某些网页看到“文件过大”提示的技术原理。
换个思路：改分辨率
有时候图太长或太宽也会导致体积变大。用手机拍的照片动不动四五千像素宽，其实网页显示根本不需要这么高。用系统自带的照片编辑功能把宽度调到 1920 像素以内，文件立马小一半。
下次再遇到上传失败，先别急着重拍，看看是不是尺寸或体积的问题。掌握这几个小技巧，日常发帖、交材料都能省下不少时间。