網頁圖片素材選擇錯了?4個隱形代價正在扣你的信任分數

多數官網負責人挑首頁照片時,心裡只有一個標準:好看、免費、上稿快。很少人會停下來想一個問題,如果把這張照片丟進反搜圖工具,會查到幾個結果?答案可能比想像中誇張得多。

這正是網頁圖片素材選擇最容易被忽略的地方,照片在讀者還沒讀到任何一行文案之前,就已經在潛意識裡替網站做了一次信任評分。選對圖,讀者會覺得這是一家真實存在、有溫度的公司;選錯圖,讀者只會覺得畫面眼熟,卻說不出哪裡不對勁,轉身就走。差別往往不在美感,而在這張圖到底透露了什麼訊息。

先從那些一眼就能認出的罐頭畫面講起,再一路拆解素材照怎麼一步步侵蝕一個網站的信任感。

最常見的罐頭素材照,長什麼樣子?

打開任何一個免費圖庫,搜尋「商業」「團隊」或「客服」,前幾頁跳出來的畫面幾乎千篇一律:一群穿西裝的人擠在鏡頭前握手微笑、一雙手在筆電鍵盤上敲字卻只拍到手腕以下、五六個人圍著會議桌比讚或擊掌歡呼、戴著耳機麥克風對鏡頭燦笑的客服人員。這幾張畫面,你可能已經在自己都數不清的網站上看過。

這些畫面之所以會變成產業標配,說穿了是因為圖庫的搜尋排序機制,會把點閱率最高的圖片排在最前面;設計者為了趕上稿時間,經常直接點選第一頁跳出來的結果,同一批高排名照片就這樣一次次被重複選中,越用越多、越多越常被排到前面,形成一個自我強化的循環。

行銷專家 David Meerman Scott 曾在 MarketingExperiments 一篇文章裡,直接點名這種「B2B 歡樂多元會議室加電腦」的畫面,已經淪為視覺陳腔濫調(visual gobbledygook)——世界級、尖端、關鍵任務,聽起來很厲害,卻什麼具體訊息都沒傳達。轉換率優化機構 CXL 的分析也很直白,建議乾脆別再用那種穿西裝握手的閃亮素材照。

問題其實不在這些照片不好看,拍攝技術和構圖多半都在水準之上;問題出在它們太好認,好認到讀者的眼睛看過一遍,就知道這是「素材照」,而不是這家公司真正的樣子。

認出這些畫面只是第一步,它們對信任感造成的代價,要從一次真實的網站實驗裡才看得清楚。

罐頭素材照的四個隱形代價:撞圖重複曝光、被視線略過、情境對不上、AI 生成一眼就假,都在讀者讀到文案前替網站扣信任分數。
選錯素材照的代價不在美感,而是從撞圖、被略過、情境違和到 AI 假感這四個面向,悄悄替網站扣掉信任分數。

扣分點一:同一張照片,可能正掛在對手的網站上

美國一家名叫 160 Driving Academy 的卡車駕訓班,原本首頁放的是一張典型的素材照,一名男子站在卡車前面微笑。負責優化轉換率的團隊,在測試前做了一件多數網站都沒做過的事,把這張照片丟進反搜圖工具 TinEye,結果查到同一張圖在網路上還出現在 30 個不同頁面;換成 Google 圖片搜尋,結果數字直接跳到 175 筆。

換句話說,任何一個潛在學員只要順手把這張照片拖進搜尋引擎,就能發現自己看到的這家駕訓班招牌形象,其實跟其他幾十個網站共用同一張臉。這種眼熟卻認不出是誰的感覺,不會讓讀者覺得溫馨,反而會讓人懷疑,這是真的有這家公司,還是隨便找了個範本套上去而已。對強調安全信任的駕訓班來說,這種懷疑格外不利。

團隊後來把素材照換成真正在校學員站在卡車前的實拍照片,結果送出表單這個主要轉換目標成長了 161%,前往報名頁的次要轉換也成長 38.4%,兩項數據都達到 98% 的信心水準。同一個版位、同一段文案,只換了一張圖,轉換率就出現這麼大的落差,這正是重複曝光的素材照,在悄悄扣分的具體證據。

把首頁素材照換成真實實拍照片後,送出表單的轉換成長 161%、前往報名頁成長 38.4%,兩項皆達 98% 信心水準。
同一版位、同一段文案,只換掉一張圖,送出表單就成長 161%、前往報名頁成長 38.4%(資料來源:VWO/160 Driving Academy)。

重複曝光只是問題的一半,另一種更隱形的狀況是,照片壓根沒有被看見。

扣分點二:讀者的眼睛,會自動跳過「純裝飾」的照片

網頁易用性研究機構 Nielsen Norman Group 的眼動追蹤研究發現,使用者的視線會完全略過純粹用來妝點版面的大圖,只有真人照片、產品照片這類帶著具體資訊的畫面,才會被仔細端詳。研究團隊分析耶魯大學管理學院的入學申請頁面時,就抓到一個典型例子,頁面上放了一張學生擺姿勢的照片,原意是想讓頁面看起來更有溫度,但眼動熱區圖顯示,使用者的目光幾乎全部落在文字說明上,那張照片被完全忽略。原因很直接,讀者這時候在乎的是申請流程怎麼跑,不是判斷這個學生擺的姿勢好不好看。

這也呼應 Nielsen 對這個現象的結論,網頁設計如果只顧著要好看,很容易就等於讓使用者視而不見。換句話說,罐頭素材照不只沒能替信任感加分,還白白佔掉版位、拖慢載入速度,等於是花了版位卻換不到任何說服力。

看得見,不代表會被信任。有時候照片明明吸引了目光,卻讓讀者心裡冒出一個疑問。

扣分點三:情境跟你賣的東西對不上,違和感比空白更傷信任

行銷研究機構 MarketingExperiments 做過一組對照實驗,把一頁服務介紹頁上的素材模特兒照片,換成公司創辦人本人的照片,結果單單這個改動,就讓訪客願意留下聯絡資訊、預約諮詢的比例提高了 35%。

研究團隊後來歸納出一套判斷邏輯,主張一張圖片的價值,取決於它究竟傳達了什麼具體訊息,不是取決於構圖漂不漂亮。這句話拆開來看很好懂,當素材照裡的情境,跟網站實際在賣的服務對不上,例如陌生模特兒的燦笑、跟業務內容毫無關聯的辦公室畫面,讀者的潛意識就會冒出一個問題,這個人是誰?跟我要買的東西有什麼關係?這個疑問句一冒出來,說服力就先打了折扣。

這種情境對不上的違和感,造成的傷害往往比乾脆不放圖更大。空白至少不會製造錯誤的訊息,但一張情境對不上的照片,等於主動告訴讀者這裡有些地方怪怪的,卻不解釋是什麼。

情境對不上這件事,換成 AI 生成圖之後,還有一個新的版本。

扣分點四:AI 生成圖若沒篩選,換來的是另一種「一眼就假」

不少網站已經開始用 AI 生成圖片取代傳統素材圖庫,理由也很實際,成本更低,還能客製化情境,不必再遷就圖庫裡現成的畫面。不過這裡藏著一個容易被忽略的新陷阱,AI 生成圖如果沒有經過篩選,一樣會踩進所謂的「恐怖谷」(uncanny valley),只是把原本的罐頭感,換成了 AI 感而已。

麻省理工學院(MIT)一篇 2025 年的學位論文,作者 Deepali Kishnani 在研究中用 Stable Diffusion XL 生成一系列寫實程度不同的人像,再讓受試者評估每張圖帶來的怪異感。結果發現,高度寫實、幾乎跟真人照片沒兩樣的圖片,以及明顯走插畫風、一看就知道不是真人的圖片,都比較不會引發不適;真正讓人渾身不自在的,反而是卡在中間的那個寫實程度,皮膚光滑得不自然、表情對稱得像是複製貼上、光影邏輯有點說不通,卻又擺明想讓人以為是真人拍的。

這給了一個很具體的判斷方向:要用 AI 生成圖,要嘛做得夠風格化,讓插畫感一眼就能辨認;要嘛細節做到經得起放大檢視,禁得起讀者盯著看。最該避免的,是那種看起來像人、卻哪裡怪怪的中間地帶,這才是 AI 時代版本的罐頭素材照。

把這四個扣分點放在一起看,你大概會想知道,自己網站上的圖該怎麼檢查。

換照片前,先問自己這四個問題

下面四個檢查點可以任意順序核對,不必照著寫的順序做,哪一項先想到就先確認。

換照片前先問四個問題:照片在告訴讀者什麼、反搜圖出現過幾次、情境對不對得上、AI 圖經不經得起放大,任一不過關就換圖。
換照片前用這四個問題任意順序自我檢查,只要有一項不過關,就換圖或乾脆拿掉。

這張照片在告訴讀者什麼?

先問這張照片有沒有具體傳達一件事,是不是能讓讀者知道這家公司在做什麼、服務長什麼樣子、由誰來服務。如果答案只是看起來很舒服、很有質感,卻講不出它想告訴讀者什麼,這張圖多半就是可以拿掉或換掉的裝飾用圖,留著只是佔版位。

反搜圖,它在別處出現過幾次?

把準備要用的候選照片,直接拖進 Google 圖片搜尋,或丟進專門的反搜圖工具查一次,看看它在網路上出現過幾次。次數越多,代表這張圖已經被越多網站重複使用,越該優先避開;如果手上的候選圖都沒有零重複的選項,退而求其次,也要挑出現次數相對少、排名比較後面的那幾張,至少讀者恰好認出這張圖的機率會低一些。

畫面情境,跟你真正在做的事對得上嗎?

檢查照片裡的人物、場景、氛圍,是不是貼近你實際在做的事。賣的是在地小吃卻放歐美西裝握手的畫面,做的是居家清潔卻選了科技感十足的辦公室場景,這種情境跟業務內容脫鉤的組合,畫面越精緻,違和感反而越明顯。

如果是 AI 生成,經得起放大細看嗎?

如果打算用 AI 生成圖,先把圖放大,盯著手指、光影方向、背景裡的細節看一遍,確認有沒有破綻。同時問自己這張圖的風格化程度夠不夠明確,如果卡在看起來很像真人、但哪裡怪怪的這個中間地帶,不管是重新生成,還是乾脆換掉,都比硬用來得保險。

把這四個檢查點都過一輪之後,你手上留下來的候選圖可能沒剩幾張,這時候該想的,是罐頭素材照之外還有哪些路可以走。

罐頭素材照之外,還有哪些選擇?

網頁圖片素材選擇從來不是「以後不准用免費圖庫」這種一刀切的規定,而是先搞清楚每一種選項各自的取捨,再挑最適合自己網站現況的做法。

第一個選項最直接,就是真實照片。員工工作的畫面、辦公室或店面的實拍、產品實際使用的樣子,都算數。CXL 部落格上就有一篇分析指出,這幾代手機鏡頭的畫質已經大幅進步,隨手拍、稍微留意一下角度跟光線,拍出來的效果就足以比美圖庫素材,換句話說,真實照片的門檻,遠比想像中低。

第二個選項,是客製化或去識別化的插畫。插畫可以統一畫風、統一色調,完全依品牌調性繪製,也不會有「這張圖是不是也在別家網站上出現過」的疑慮,對建立品牌識別反而更有幫助。

第三個選項,是不放棄付費圖庫,但挑選時刻意避開最容易撞圖的那幾張。不選排序最前面、下載次數最高的熱門單品,寧可多花一點時間往後翻,找構圖相近但比較少人選用的畫面,被大量網站選用的機率自然低很多。

第四個選項,是透過前面第四個檢查點篩選過的 AI 生成圖,風格要嘛夠清楚地走插畫路線,要嘛細節夠禁得起放大檢視,兩者擇一,就能拿來當真實照片之外的補充選項。

網頁圖片素材選擇,從頭到尾都不是一道免費或付費的選擇題。罐頭素材照真正的問題,不是它免費或不夠精緻,而是它在讀者還沒讀到一個字文案之前,就先幫網站做了一次「沒有個性」的自我介紹。

當人人都能靠 AI 在幾秒內產出一張漂亮的圖,稀缺的東西反而會反過來,變成那張「一眼就看得出是你」的照片。選圖這件事,門檻只會愈來愈高,不會愈來愈低。

資料來源
  1. How Images Can Boost Your Conversion Rate — CXL
  2. 160 Driving Academy Got 161% More Conversions — VWO
  3. Photos as Web Content — Nielsen Norman Group
  4. This Just Tested: Stock images or real people? — MarketingExperiments
  5. The Uncanny Valley: An Empirical Study on Human Perceptions of AI-Generated Text and Images(2025) — 麻省理工學院(Deepali Kishnani)