先说个我自己踩的坑
上个月帮朋友改一个民宿的详情页,需求是「中式庭院,有绿植,不要太冷」。我心想这还不简单,打开 Unsplash 搜 courtyard,翻了四十多分钟,出来的全是日式枯山水、地中海白墙蓝窗、还有一堆美式后院烧烤架。最后没办法,花了 68 块钱在付费站买了一张。
这件事让我意识到一个问题:大家讨论图片素材的时候,永远在聊「免费不免费」「会不会被告」,但真正卡住你脖子的是另一个东西——你能不能搜到你要的那张图。免费图库的问题从来不是质量差,是检索命中率低。你花了 40 分钟省下的 68 块钱,按时薪算其实是亏的。
所以我自己定了个很土的指标:随便挑 10 个中文业务场景关键词(比如「中式庭院」「社区团购」「老人用手机」),每个词看图库前 20 个结果,能直接拿来用的算一个,算出百分比。下面是去年底到今年陆续测下来的印象,误差肯定有,你当参考。
检索命中率这件事,差别比想象中大
Unsplash 命中率大概 20% 出头。它的排序逻辑偏「审美」,编辑推荐和收藏量权重很高,导致搜业务词出来一堆氛围图:模糊的人影、咖啡杯特写、逆光剪影。好看是真好看,做成 banner 也行,但你搜「团队开会」出来的是一只手在敲键盘,这就很难办。
Pexels 高一些,我估 35% 左右。它的图更偏「库存感」,就是那种假笑握手、白板前指指点点。丑是丑了点,但至少搜什么给什么。我做 B 端落地页的时候反而更爱用它。
Pixabay 量大,但这里有个细节很少有人提:它的默认排序里,2012 到 2016 年上传的图占了很大比重,因为那批图积累的下载量高。所以你搜「办公室」,第一页很可能看到穿西装打领带、桌面摆 CRT 显示器的老图。不是没有新图,是被埋了。
付费站(Shutterstock、Getty 这类)命中率能到 70% 以上,原因不是图更好,是关键词打得细。人家有人工审核 + AI 自动打标,一张图能挂 40 个标签,包括「亚洲面孔」「35-45岁」「拒绝」「半身」。免费站的标签往往是上传者随手写的三五个词。
还有个有意思的现象:Shutterstock 的排序吃商业权重,卖得好的排前面。所以你搜中式庭院,第一页全是挂红灯笼、摆石狮子的那种「老外想象中的中国」。真想做本土审美的项目,反而得绕开热门词,用「枯山水」「月洞门」这种更具体的词去搜。
授权协议里最容易被忽略的一条
大部分人看授权只看一句话:「可免费商用」。但真正出事的往往是另一条——模特授权(Model Release)。
Unsplash License 和 Pexels License 都允许免费商用,但都写明了:如果图片里有可识别的真人,你把它用在商业场景,尤其是暗示这个人认可你的产品(比如拿一张免费图库里的老人照片配文「王大爷用了我们的膏药」),你需要自己拿到肖像授权。
我见过一个真实案例(圈子里传的):某电商详情页用了一张免费图库里的外国人脸做「海外用户好评」,被图库方发函要求下架。不是版权问题,是肖像权问题。
另外 Pixabay 在 2023 年换过一次协议,从 CC0 改成了自己的 Pixabay Content License,核心变化是禁止把图片批量打包成竞品图库再分发。你做个人素材库没问题,但别搞成「XX图片合集下载」往外发。
保险的做法:图里有人脸,就默认它不能用在你自己的广告、代言、用户证言里。用在文章配图、PPT、内部材料一般没事。
尺寸和压缩参数,这才是拖慢页面的真凶
素材找回来只是第一步,压不好照样出事。Core Web Vitals 里 LCP 建议控制在 2.5 秒以内,首屏大图超过 500KB 基本就悬了。
我自己常用的一套参数,直接抄:
- 网页首屏大图:1920×1080,WebP,质量 80-85,目标 150-250KB
- 卡片缩略图:600×400,WebP,质量 75,目标 30-50KB
- 移动端 1x / 2x:750 宽和 1500 宽各出一套,用 srcset 交给浏览器选
- 公众号封面:2.35:1,900×383
- 小红书:3:4,1242×1660
- 视频封面 / B站:16:9,1280×720
WebP 相比 JPEG 通常能小 25% 到 35%,同样的视觉质量。批量转的话命令行最快:
for f in *.jpg; do cwebp -q 82 "$f" -o "${f%.jpg}.webp"; done
要裁尺寸用 ImageMagick 的 mogrify,一条命令跑完整个文件夹:mogrify -resize 1920x -quality 85 *.jpg。不想碰命令行的,Squoosh 是 Google 出的在线工具,拖进去就行,但一次只能处理一张,量大了还是得写脚本。
顺便说个 SEO 相关的小细节:图片文件名 Google 是会读的。别用 IMG_20240612.jpg,改成 minsu-tingyuan-warm-1920.webp 这种,中间用连字符不用下划线。alt 文本写清楚这张图是什么,别塞关键词。这两件事做对了,图片搜索的流量是白捡的。
最后说一个更隐蔽的问题:风格打架
你有没有过这种感觉:页面上的图单看都挺好,放一起就是不对劲,像打补丁。
我刚开始接活的时候老遇到,后来发现原因很简单——我从 5 个不同的图库下了图,每个站的色调、光影、后期风格都不一样。Unsplash 偏冷调高对比,Pexels 偏暖调低饱和,Pixabay 上的老图还带点过曝的胶片味。凑一块当然打架。
解决办法有两个。一是在一个站里挖到底,别东拼西凑,哪怕某些图不那么完美。二是下回来统一过一遍调色,Lightroom 建个预设,色温统一到 ±300K 以内,对比度和饱和度拉齐。我一般用第二种,因为有时候一个站真凑不齐,尤其做中文场景。
所以现在我自己的素材库是这样建的:文件夹按「场景-主体」分,比如 民宿/庭院、电商/物流;文件名格式 场景-主体-色调-尺寸.webp;每个文件夹里放一个 txt,记来源站和授权类型。看着啰嗦,但半年后你要复用的时候,能省下重新搜一遍的时间。
说到底,图片素材这件事的成本从来不是那几十块钱,是你找图、改图、担心被告、最后发现风格不搭要重来一遍的时间。想清楚这个,很多选择自然就有答案了。