很多小企业网站,往往先输在照片上,然后才输在别的地方。模糊的店面照、昏暗的产品图、一眼就看得出不是您团队的“团队”图库照片,或者直接从手机传上来、要加载十秒钟的 6MB 大图:访客很少会说是什么让他们离开,他们只是默默走掉。像样的网站照片并不需要很大的预算。一部手机、日光,再加上事先规划好的一个小时,就能满足小企业网站的大部分需求;而知道哪些环节值得请专业人士,则能避免把钱花在错的地方。本文属一般性指引,不保证任何结果。
企业网站真正需要哪些照片
您不需要几百张图,而是需要一套精简而真实的照片,回答第一次来访者最关心的几个问题:你们是谁、在哪里、做什么、我能得到什么。六类照片就能覆盖大多数企业网站。
| 照片 | 作用 | 放在哪里 | 手机还是请人? |
|---|---|---|---|
| 干净的首页主图 | 决定整个网站给人的第一印象 | 首页顶部 | 有条件就请摄影师;场景简单时,用心拍的手机照片也可以 |
| 老板或团队 | 让人看到企业背后是真实的人 | 关于我们、联系我们页面 | 轻松风格用手机;正式形象照请摄影师 |
| 门店或店面 | 帮助客人认出您的地点 | 联系页面、首页、Google 商家资料 | 手机 |
| 产品 | 让买家判断自己会收到什么 | 产品页和目录页 | 简单商品用手机;靠外观取胜的产品请摄影师 |
| 进行中或已完成的作品 | 证明您说到做到 | 服务页面、作品集 | 手机 |
| 前后对比或流程 | 让成果一目了然 | 服务页面和咨询页面 | 手机,每次从同一位置拍摄 |
再按行业补充专属照片,例如咖啡馆的菜品、房产的房间。同一次拍摄的照片也应该用于您的 Google 商家资料;我们的 Google 商家资料指南说明了为什么那里需要新鲜、真实的照片。
手机擅长什么,哪里会吃亏
现代手机相机擅长拍摄光线明亮均匀、近到中等距离的场景,比如白天的店面、桌面上的产品和轻松的团队人像。它在光线不足、场景极宽或极暗,以及使用数码变焦时就比较吃力。手机还容易过度处理:强烈的自动锐化、磨皮和色彩增强,会让人脸像蜡像,让产品看起来不像实物。所以目标不是模仿摄影棚,而是排除那些可以避免的问题:
- 利用靠窗的日光。来自侧面的窗边柔光,几乎总是胜过手机闪光灯。如果天花板灯的颜色与窗光不同,就把它关掉;混合光源会造成事后很难修正的偏色。
- 避开正午的强烈阳光。头顶的直射光会产生浓重阴影,也会让人眯眼。清晨、傍晚或阴凉处,对店面、人物和产品都更友好。
- 擦干净镜头。手指和口袋会在镜头上留下油膜,让照片发雾。
- 拿稳,或者用三脚架。手肘贴紧身体、靠着墙,或用小三脚架,室内照片才不会糊。
- 打开网格线。它能帮您保持地平线和门框的水平与垂直。
- 避免数码变焦。它通常只是放大像素,并不会增加细节。走近一点,用手机真正的长焦镜头(如果有),或者拍宽一些再裁剪。
- 少用滤镜。美颜模式和强烈特效会改变肤色、颜色和质感。对企业网站来说,“看起来像真的”胜过“看起来很戏剧化”。请检查人像模式,它可能把产品边缘拍糊。
- 背景简单且统一。每一类照片选一个素净的背景,并清理杂物。
- 多拍几张。从二十张里挑最好的一张,是成本最低的画质提升。拍摄前先点一下主体对焦。

横拍还是竖拍:兼顾首页主图和手机端
网站大多以横向方式展示照片,尤其是横跨页面顶部的横幅。竖拍的照片放进这个位置会被大幅裁剪,您想要的部分往往被切掉。拍首页主图时请横握手机,并在主体周围多留一些空间,因为版面可能会裁掉一部分。不过很多访客用手机浏览,竖图和方图更适合相册和产品卡片。重要场景可以各拍两次,一次横拍并留足空间,一次竖拍,并把主体放在画面中间的三分之一,这样不同裁剪都不会丢失主体。我们的移动优先网站指南解释了为什么应该先检查手机上的显示效果。
拍摄清单与一小时拍摄计划
拿起手机之前,先想清楚需要什么。前一天晚上列好清单,并按地点分组:
- 店面与室内:在晴朗的白天从正面和侧面各拍一张,再拍两三张整洁空间的广角照片。
- 人物:老板的轻松肖像、一张工作中的照片,以及员工同意的前提下的团队合影。
- 产品、作品与流程:每个主要产品拍正面和一个角度,三到五件完成的作品,以及从同一位置拍摄的前后对比。
- 首页主图候选:三到五张宽阔、不杂乱的横向照片,选最能代表您业务的场景。
| 分钟 | 要做什么 |
|---|---|
| 0 至 10 | 擦镜头、腾出存储空间、打开网格线、关闭滤镜。整理第一个拍摄地点并拉开窗帘。 |
| 10 至 25 | 趁光线好拍场所和店面:先拍广角,再拍细节,每个都横拍和竖拍。 |
| 25 至 40 | 在窗边拍产品或作品,每件物品的距离、角度和背景都保持一致。 |
| 40 至 50 | 拍人物,事先已取得同意。多拍几张。 |
| 50 至 60 | 拍首页主图候选和前后对比系列。删掉失败的照片并备份原图。 |
请选在比较清闲的时段,而不是午餐高峰;节庆横幅图也应在节庆季开始前拍好。我们的节庆季网站检查清单显示了准备时间有多短。
简单修图:帮上忙,而不是帮倒忙
手机自带的编辑器或任何免费应用就够用了。修图要克制:
- 先裁剪,去掉分散注意力的边缘并确定形状(首页主图用横幅,卡片用方图)。
- 校正水平,让地平线、货架和门框保持端正。
- 只微调亮度和对比度,不要让白色部分过曝。
- 对照实物检查颜色。如果产品是奶油色而照片偏黄,就要修正。
- 让整套照片风格一致。对相关照片使用相同的调整,页面才不会像从十个来源拼凑而成。
- 不要过度修饰。在副本上修改,保留原图,不要掩盖买家收货时会看到的瑕疵。
准备文件:尺寸、格式、文件名、替代文字与原图
我们的 WordPress 网站速度指南解释了为什么过大的图片是页面变慢的常见原因;本节讲的是您自己如何处理文件。
- 上传前先缩小尺寸。手机照片的宽度可能达到 4,000 像素甚至更多。粗略来说,大多数内容照片宽度约 1,600 像素就足够,全宽横幅则最多约 2,000 像素。请向您的网页设计师确认网站实际使用的尺寸。
- 适度压缩。以中高画质导出。每张照片几百 KB 是合理的目标。
- 选择合适的格式。JPEG 适合照片;PNG 适合标志和透明背景,但会让照片变得很大;WebP 通常文件更小,并且大多数主流浏览器都支持,很多网站会自动转换,所以动手之前先问清楚。
- 留意 HEIC。有些手机默认保存一种节省空间的 HEIC 格式,很多网站上传工具不接受。请在相机设置里找“最兼容”选项,或导出为 JPEG。
- 用平实的文字命名文件。把 IMG_4021.jpg 改成类似 kota-damansara-shopfront-morning.jpg 的名字:小写、用连字符、描述照片内容。
- 写替代文字(alt 文字)。这是给看不到图片的人(例如使用屏幕阅读器的用户)以及图片加载失败时看的简短描述。用一句平常的话说明画面内容,例如“面包师把糕点放进柜台的展示盘里”。不要堆砌关键词,也不要直接用文件名。我们的网站无障碍指南有更多说明。
- 检查隐藏的位置信息。照片可能记录拍摄地点;在家里拍的照片,发布前请先去掉位置信息。
- 保留原图。把未经编辑的全尺寸文件存放在云端硬盘或外置硬盘里,而不是只留在手机或网站媒体库中。您以后可能需要它们来印刷或做更大的横幅;小企业网站存储空间指南解释了为什么媒体库应该只放网页尺寸的副本。
如果您的网站有马来文或中文版本,替代文字和图片说明也需要用各自的语言撰写;多语言网站指南说明了如何让各语言版本保持同步。
什么时候该请摄影师
上面清单里的大部分内容,手机就够了。当照片本身就是在促成销售、很多人会看到它,或者主体很难拍好时,请专业摄影师才值得。请逐张图片来判断,而不是“全请”或“全不请”。
| 情况 | 手机拍摄 | 请摄影师 |
|---|---|---|
| 首页主图 | 场景简单、光线好时可行 | 推荐:每位访客都会先看到它 |
| 餐饮 | 适合日常随手更新 | 菜单和主页面推荐请人拍;参见餐厅与咖啡馆网站指南 |
| 室内空间、展厅、住宅 | 简单的房间可以 | 当空间和光线本身就是商品时推荐;参见房产经纪网站指南 |
| 靠外观取胜的产品(珠宝、时装、化妆品) | 很难保持一致 | 反光、小件或有质感的物品推荐请人拍 |
| 团队页面形象照 | 轻松风格的小团队可以接受 | 想要正式形象时推荐 |
| 诊所和专业服务 | 场所与设备 | 员工肖像和诊疗室推荐请人拍;参见诊所与牙科网站指南 |
| 日常目录产品 | 统一布置的话足够好 | 可选;畅销品值得请人拍;参见产品目录与网店的比较 |
一个实用的折中办法是:最重要的六张左右图片请专业人士拍,其余的自己拍。摄影预算要和网站建设费用分开考虑;我们的网站费用指南讲解了建站本身的费用,而本文不提供摄影师价格,因为差别很大。
该怎么交代需求,该要求哪些交付内容
跟摄影师合作出现的失望,大多源于需求不清,而不是作品不好。预订前请用书面方式确认以下事项:
- 用途与拍摄清单:每张图片会用在哪里,包括首页主图的横版以及竖版或方版。
- 使用权或授权:图片可以用于什么(网站、社交媒体、印刷、广告)、用多久,以及有哪些限制。通常摄影师保留版权,仅授予使用许可,除非协议另有约定,所以请确认您实际得到什么。这是一般性信息,不构成法律意见。
- 交付内容:修好的图片数量、网页尺寸和全尺寸文件、交付时间,以及包含几轮小修改。
- 原图:谁拥有并保存未编辑的文件,您能否取得。
- 作品集使用、人物与细节安排:对方可否在自己的宣传中展示您的图片、谁负责取得被拍摄者的同意,以及日期、进场安排、改期方案和付款条款。
请对方提供与您行业相近的作品,并用示例图片确认风格。
图库照片还是自己拍
图库照片快捷,有时也合适,例如用作通用背景或说明某个概念。但假的“团队”照片一眼就能看穿,会损害信任。图库照片只用于辅助性图片,不要用来代替您的人员、场所或产品。
- 检查授权。免费不一定代表可免费商用,有些图片只限编辑性用途。请阅读授权是否允许用于企业网站,以及是否需要署名。
- 留存记录。把授权或收据与文件放在一起,并确认授权涵盖画面中可辨认的人物。
拍摄人物:先征得同意
人物是小企业网站最出彩的部分,也最需要谨慎。以下是良好做法,并非法律清单;如果不确定自己的义务,请咨询合资格的专业人士。
- 先问员工。告诉他们照片会出现在哪里,发布前让他们先看,并尊重对方说不。被要求时要立即撤下照片,员工离职时也要检查页面。
- 先问顾客,再把他们拍进画面。如果顾客能被认出来,要取得对方同意,或者趁店里没人时拍。
- 儿童需要监护人同意。先询问家长或监护人,并说明图片将如何使用。
- 留一份简单记录,写明谁同意了什么,并让屏幕、文件和车牌不要入镜。
常见错误
- 直接从手机上传,没有缩小尺寸,导致页面变慢。
- 只拍竖图,结果首页主图的裁剪把主体切掉了。
- 背景、光线和颜色混杂,让产品页看起来像拼贴画。
- 觉得“只是网站”而省略征得同意。
- 没有书面范围就聘请摄影师,之后才发现不能印刷图片或拿不到原图。
Gotka Technologies 的定位
本文不声称 Gotka 提供拍摄、修图或图片供应服务,也不声称设有图库或提供图片优化服务;您的照片来自您自己或您的摄影师。每个 网站设计套餐都包含基础 SEO,其中涵盖图片替代文字,以及元标题和描述、提交给 Google 的 XML 站点地图,此外还有移动端响应式设计和页面速度优化。您可以在套餐构建器里组合套餐,并在书面报价中确认涵盖的内容。如果您在 Gotka 的云主机方案上自己管理照片,按上面的步骤处理文件,可以让媒体库保持精简。
照片上线前的检查清单
- 镜头干净、网格线已开、滤镜已关,并且在白天用拿稳的手机拍摄。
- 每个关键场景都有留足裁剪空间的横版,以及竖版或方版。
- 文件已缩小并压缩,使用网站接受的格式,并以平实的文字命名。
- 网站每种语言版本的替代文字都已写好。
- 每位可辨认的人物都已同意,儿童须经监护人同意。
- 原图已在第二个地方备份。
- 请人拍摄时,需求说明、使用权、交付尺寸和原图都已书面确认。
- 页面已在手机上检查过;接下来请看我们的网站上线前检查清单。
本文用到的关键术语
- 首页主图:页面顶部的大图,决定第一印象。
- 替代文字(alt 文字):对图片的简短文字描述,由屏幕阅读器朗读,图片无法加载时也会显示。
- 使用权(授权):说明图片可以如何、在哪里、使用多久的书面许可。
- HEIC:部分手机使用的紧凑照片格式,很多网站需要先转换成 JPEG 才能接受。
小企业网站可以直接用手机拍的照片吗?
可以,小企业网站的大部分需求手机都能满足。只要在靠窗的日光下拍摄、擦干净镜头、拿稳手机、避免数码变焦并多拍几张,店面、场所、产品、进行中的作品和轻松风格的团队照片都可以用手机完成。首页主图、餐饮、室内空间以及任何靠外观取胜的内容,则建议请摄影师。
小企业网站需要哪些照片?
需要干净的首页主图、老板或团队、门店或店面、产品或完成的作品,以及前后对比或流程照片。这套精简而真实的照片回答了您是谁、在哪里,以及客户会得到什么。可以再加上行业专属照片,例如咖啡馆的菜品或诊所的诊疗室,但不要用泛泛的图库照片去凑数。
上传网站前,照片应该多大?
常见的粗略做法是:大多数内容照片宽度约 1,600 像素,全宽横幅最多约 2,000 像素,以中高画质保存为 JPEG,让每个文件只有几百 KB。手机原图通常大得多。请向网页设计师确认网站实际使用的尺寸,并把全尺寸原图另外保存。
什么时候该请摄影师,而不是用手机拍?
首页主图、餐饮、室内空间、靠外观取胜的产品(如珠宝或化妆品)、正式的团队形象照,以及任何需要人物形象到位的拍摄,都建议请摄影师。实用的折中办法是:最重要的六张左右图片请专业人士拍,其余的用相近风格自己拍。不要用图库里的假“团队”照片。
预订摄影师之前该问清楚哪些事?
用书面方式确认:图片可用于什么(网站、社交媒体、印刷、广告)以及用多久、修好的图片数量、文件尺寸与格式、交付时间与修改轮数、谁拥有并保存原图、对方可否把您的图片放进作品集,以及谁负责取得被拍摄者的同意。这是一般性指引,不构成法律意见。
为网站拍摄员工和顾客,需要征得同意吗?
作为良好做法,需要。告诉员工照片会出现在哪里,发布前让他们先看,并尊重对方说不。把可辨认的顾客拍进画面之前要先问,拍摄或发布儿童照片前要取得家长或监护人同意。留一份简单记录,写明谁同意了什么。这不构成法律意见,如有疑问请咨询合资格的专业人士。
Gotka 会帮我的网站拍照或修图吗?
本文不声称 Gotka 提供拍摄、修图或图片供应,也不声称提供图片优化服务;照片来自您自己或您的摄影师。每个 Gotka 网站设计套餐都包含基础 SEO(其中涵盖图片替代文字)、移动端响应式设计和页面速度优化。具体涵盖哪些内容,请以书面报价为准。


