先说个真事：去年我帮朋友改一个宠物用品落地页，首屏用了一张免费图库下载的金毛图，原图 1920×1280、1.8MB，手机端 LCP 跑到 4.1 秒，跳出率 68%。我当时以为是服务器慢，换了 CDN 也没用，最后发现就是这张图。后来把它裁成 1600×900，Squoosh 转 WebP、质量 76，再配 srcset 和 sizes，文件 176KB，LCP 降到 2.3 秒。这件事让我改了一个习惯：找图之前先定这张图的角色。首屏大图、卡片图、背景图、详情页长图，对尺寸、体积、版权的要求完全不同。
很多人问“图片素材哪个网站好”，其实这个问题问错了。你应该先问：这张图要商用还是编辑用途？有没有可识别人物、商标、艺术品？要不要署名？我自己的判断顺序是版权 > 画质 > 速度。版权错了，画质再好也可能下架；速度慢了，版权再干净也留不住用户。下面这张表是我自己常用的对比，下载前会截许可证页面，存到 Notion 里，记录作者、链接、下载日期。
| 平台 | 许可证 | 商用 | 署名 | 主要限制 | 适合场景 |
|---|---|---|---|---|---|
| Unsplash | Unsplash License | 可 | 不要求 | 不能卖未修改副本，不能做竞争图库 | 首屏氛围图、背景图 |
| Pexels | Pexels License | 可 | 不要求 | 不能卖未修改，不能暗示模特代言 | 人物、办公、生活场景 |
| Pixabay | Pixabay Content License | 可 | 不要求 | 不能卖未修改，不能用于不良内容 | 插画、矢量、纹理 |
| Freepik | 免费需署名，付费免署名 | 看授权 | 免费要 | 不能转售、再分发 | 矢量、模板、插画 |
| 站酷海洛/摄图网 | 会员授权 | 看协议 | 看协议 | 超出授权范围就算侵权 | 国内商用、电商详情页 |
| Google Images | 版权归原站 | 不一定 | 不一定 | 只是搜索入口，不是图库 | 反向查来源 |
注意，CC0、CC BY、CC BY-NC 不是一回事。CC0 基本等于放弃版权，可商用、可不署名；CC BY 要署名；CC BY-NC 不能商用。2019 年黑洞照片版权争议之后，我更加不信“百度图片能搜到就能用”这句话。百度图片、Google Images 只是搜索引擎，图片授权还在原站。下载前至少做一次反向搜图：TinEye、Google Lens、百度识图都行，看它是不是来自 Getty、视觉中国、Shutterstock 这类付费库。如果图里有可识别人物，哪怕图库说可商用，也尽量别用在医疗、金融、减肥前后对比这种敏感场景，模特授权范围可能不覆盖。
搜索词也有讲究。别只搜“商务 办公”“咖啡 电脑”，出来全是同质化图。我的公式是：主体 + 动作 + 构图 + 光线 + 留白区。比如“咖啡杯 手冲 俯拍 侧光 右侧留白”“宠物狗 看镜头 低角度 暖光 上方留白”。这样搜出来的图，直接能排字，不用硬裁。我还会按 3:2、16:9、4:5、9:16 四个比例建文件夹，文件命名用“场景-比例-色调-日期”，比如“pet-dog-16x9-warm-20260509.webp”。一个小技巧：下载后先看 100% 放大，边缘有没有水印残留、logo、识字招牌。有次我用了一张 Pixabay 的咖啡馆图，桌面角落有个可识别品牌杯套，平台审核没通过，只能换图。
真正上线前，压缩和响应式比找图更影响体验。我的参数是：首屏图最大宽度 1920px，文件控制在 200KB 以内；卡片图 800×600，80KB 以内；缩略图 400×300，30KB 以内；详情页长图宽度 750px，切片高度 1000-1200px，每张 100-150KB。格式优先级 AVIF > WebP > JPEG。JPEG 质量 75-82，WebP 质量 75 左右，AVIF 质量 55-65，具体看图，人物皮肤可以高一点，纯色背景可以低一点。工具用 Squoosh、ImageOptim、TinyPNG，批量可以用 Sharp 或 ImageMagick。命令我不展开，但记得删 EXIF，尤其是 GPS 定位。
代码层至少做三件事：第一，首屏图不要 lazy load，加 fetchpriority=high；第二，其他图加 loading=lazy 和 decoding=async；第三，用 srcset 和 sizes 给浏览器选图。比如 srcset 写 480w、768w、1024w、1440w、1920w，sizes 写 100vw 或 (max-width: 768px) 100vw, 50vw。LCP 目标 2.5 秒内，CLS 控制在 0.1 以下。图片一定要写 width 和 height，或者用 aspect-ratio，不然加载时页面会跳。alt 别堆关键词，控制在 125 个字符内，描述画面就行。
最后说个可能挨骂的观点：免费图库不是素材库，是半成品库。你直接下载就用，十有八九会撞图，而且风格不统一。我的做法是建一个 30 张底图的“常备库”，按横竖比、留白区、色调分类，每张都记录授权来源。新项目先从这个库里选，不够再去找。这样比每次打开十个图库乱翻快得多，也更不容易踩版权坑。图片素材这件事，省的不是下载那几分钟，省的是后面被投诉、被下架、被老板问“为什么手机打开这么慢”的时间。