用你現在這支手機就夠
怎麼用手機幫店裡拍網站要用的照片
一個網站最容易被看穿的不是文案,是照片。訪客只要認出那是一張別人店裡的圖庫照,就已經替你下了結論:這間店還沒真的開起來。好消息是,你口袋裡這支手機,在光線對的時候拍出來的東西,撐一個第一版的網站綽綽有餘。這一頁把整件事拆成六步:要拍哪幾張、什麼時候拍、手機怎麼設定、怎麼構圖才不會被壓上去的文字毀掉、怎麼從一堆裡挑,以及檔案在上傳之前還要做什麼。
大概半天:拍攝兩到三個小時,上午在室內、傍晚留一個接近日落的時段在室外,當天晚上再花一到兩個小時挑片、縮尺寸和改檔名,一週後通常還要補拍一次,因為缺哪幾張要等照片真的放上頁面才看得出來。
開始之前先準備好這些。
- 手機本身要先弄好。用眼鏡布把鏡頭擦乾淨——指紋會讓每一張照片都蒙上一層霧,這是整件事裡回報最高的三十秒。電量充到七成以上,並清出至少五 GB 的儲存空間;用最高畫質連拍二十分鐘,一 GB 很輕鬆就沒了。
- 一張寫下來的拍攝清單,每一行後面標數量。清單不要憑空想:打開你要用的那個版型,數一數裡面有幾個照片位——最上面那張大圖、每一項服務或每一道菜各一張、相簿區要幾張。照著這個數字去拍,才不會回到家發現拍了四十張,卻沒有一張是門口。
- 現場和人,事前就要處理好。鏡頭掃得到的地方全部清乾淨:垃圾桶、紙箱、延長線、櫃檯上的私人物品、貼歪的公告。有員工或客人會被認得出來的話,先問過,並且留下書面同意。要入鏡的商品或餐點,就照客人實際拿到手的樣子準備。
先列出你到底需要哪幾張
不要拿著手機邊走邊拍,看拍到什麼算什麼。先把清單寫出來。第一版網站通常需要這幾類:門口一張,招牌和門要看得清楚,讓第一次來的人找得到;室內全景一到兩張;每一項服務或每一道主打各一張;至少一張有人的,你自己或員工,看著鏡頭;再加一到兩張近距離的細節,拍出質感或手路。每一行後面寫上要幾張,成品總數抓十到十五張。實際拍的時候,同一個位置、同一個項目連拍三到五張——多按四次快門不用錢,但那是「有得挑」和「只好將就」的差別。清單開在手機備忘錄裡,拍完一項就打勾,這是唯一能避免回家才發現沒人拍門口的做法。
挑時間和光,這一步就決定七成
多雲的白天是最好拍的光:柔、沒有硬陰影、也不會有人瞇眼。大晴天的正午反而最難拍,太陽在正上方直射下來,招牌底下整片是黑的。外景排在日出後一小時或日落前一小時,那時候光是斜的。室內趁白天拍,讓主體靠近窗戶、而且臉朝著窗戶;背對窗戶的人會變成一個黑影。最快毀掉一整批照片的是混光——窗外的白光和天花板的黃燈同時進到同一個畫面,自動白平衡沒辦法同時顧兩邊,你怎麼調都會有一半偏黃。二選一:白天就把黃燈關掉、只用窗光,或是等天黑之後只用室內燈。拍門口之前,先看一眼店前面停了什麼、堆了什麼,該搬的搬走。
把手機設定調對,兩分鐘的事
進相機設定,把格線打開;從現在開始,每一條水平線和每一個門框都靠它對齊。畫質選最高的那一檔。用 iPhone 的話,「設定 → 相機 → 格式 → 最相容」拍出來就是 JPG 而不是 HEIC,後面省掉一次轉檔。關掉閃光燈,也關掉即時照片,這樣按一次就是一個檔案。絕對不要用數位變焦,想拍近一點就自己走過去。有人入鏡就用 1x 主鏡頭;0.5x 超廣角會把臉拉開、把房間的邊緣拗彎,只有在退無可退的室內才值得用。每張按下去之前,先點一下螢幕上的主體對焦,再把旁邊的曝光滑桿往下拉一點點,免得亮亮的窗戶整塊白掉。兩手握住手機、手肘夾住身體,或是把它靠在櫃檯上,用三秒定時或音量鍵拍。人像模式少用:那個背景虛化是算出來的,常常把頭髮的邊緣削掉,拍桌上一件商品還行,但不要拿來拍首頁最上面那張。
構圖時刻意留一塊白,文字要壓上去
頁面最上面那張大圖,上面通常會壓標題和按鈕,所以要先留位子給它們:主體放一邊,另一邊留單純的牆面、桌面或天空。那塊空的地方必須真的乾淨、明暗均勻,因為文字壓在花紋或雜物上,設計再怎麼處理都讀不清楚。同一個主體拍兩張,一張主體偏左、一張偏右,因為你還不知道版型會把文字放在哪一側。接著是留邊:同一張圖在行動裝置上會被裁成直的、在桌機上會被裁成很寬的一條,所以主體四周各留大約 15% 不要放重要的東西,不然手機版就會把人的頭切掉。寧可拍得比你以為需要的更寬——事後裁得掉,裁不出來。水平線要平、門框要正,畫面歪掉是最明顯的業餘特徵;手機舉在胸口高度、正對著主體,不要站著低頭往下拍。最後,一張照片只講一件事:一道菜就是一道菜,不要整桌一起入鏡。
挑片要狠,而且一次挑完
當天就挑,拖過三天你會記不得哪張是哪張。挑片要在大螢幕上做,手機螢幕會讓所有照片看起來都很銳利。第一輪只刪不留:放大到 100%,去看那個一定要清楚的地方——眼睛,或是盤子的邊緣;糊的刪、閉眼的刪,同一個位置連拍的四張,只留一張。第二輪把留下來的排在一起看,問自己它們看起來像不像同一間店;一批照片的一致性,比其中任何一張好不好看重要得多,有一張明顯比別張黃或暗,就修掉,不然就捨棄。第三輪對回第一步那份清單:每個位子都有照片,而且沒有哪個位子有兩張在打架。修圖要輕:轉正、裁切、曝光和白平衡小幅調整,手機內建的編輯或電腦上的照片 app 都做得到。不要套重口味的濾鏡,它過時得很快,也會讓食物看起來像假的。最重要的是,不要修成客人拿不到的樣子;照片上的份量和實物差太多,換來的是客訴,不是生意。
上傳前先縮尺寸、清定位、改檔名
手機原檔通常 4,000 畫素寬、3 到 6 MB,原封不動丟上去,等於讓每一個客人用行動網路把這些全部載一遍,而且完全沒必要。每個檔案要做六件事,順序如下。1. 縮尺寸:最上面那張大圖,寬 2,000 畫素就很夠;頁面內文裡的照片 1,200 到 1,600 畫素;縮圖 600 到 800 畫素。2. 縮完看檔案大小:大圖壓到 300 KB 以內、其他張 150 KB 以內,是合理的目標。3. 選格式:JPEG、品質 80 是最安全的預設;WebP 在看起來一樣的畫質下更小,現在的瀏覽器全都讀得懂;PNG 是給 logo 和純色圖形用的,不是給照片用的。4. iPhone 的 HEIC 檔先轉成 JPG。5. 清定位:手機拍照會把 GPS 座標寫進檔案裡,在家接單的人等於連住家位置一起公開——iPhone 在分享時點「選項」,把「位置」關掉;Android 上多數相簿 app 的分享設定裡也有同一個開關;很多縮圖工具會順手清掉,但要自己驗一次,不要假設。6. 改檔名:全部小寫、用連字號、不要空格、不要中文字,並且寫清楚裡面是什麼。storefront-evening.jpg 比 IMG_4821.jpg 有用得多,因為檔名會出現在網址裡,也因為兩年後你還會想找到這個檔。原始檔另外放一個資料夾,用拍攝日期命名,並且不要去動它。架站工具可能還會自己再壓一次,但把 4,000 畫素的原檔直接交出去,等於把這個決定也交出去了。
照片上線之後要做的四件事。
- 白天到戶外,用手機打開線上的頁面,看每一張照片實際被裁成什麼樣子。同一張大圖在手機上和在桌機上裁法不同,原本好端端站在正中間的人、招牌或盤子,可能在其中一邊被切掉一半。被切掉東西的那幾張重新裁、重新上傳——不重新發佈,線上那一版不會自己變。
- 把辦公室的 wifi 關掉,改用行動網路開同一頁,並且算一下時間。照片如果是一張一張慢慢浮出來,或是三四秒後畫面還是灰的,就是還太大:回到第六步,把目標值再壓小一點,重新發佈。第一版網站會慢,原因遠比其他任何一項都常見的就是照片。
- 把同一批照片放到客人真的會用的地方:Google 商家檔案、你這一帶的人會開的其他地圖服務、社群帳號、你有上架的外送平台,讓每一個地方看起來都是同一間店。那些平台要傳比較大的那一版,不要傳壓過的網站版——它們自己會再壓一次,壓過兩輪是看得出來的。
- 原始檔留在手機以外的地方:外接硬碟、雲端資料夾,兩個都放最好,資料夾名稱寫上拍攝日期。然後設一個提醒:重新裝潢、換菜單、換制服,或是季節換了讓窗外看起來不對,就補拍一次。照片老化的速度比句子快。
常會遇到的問題
一定要找攝影師嗎?
第一版不用。一張光線像樣的手機照片,拍的是你真正的店,對一個正在判斷你是不是真的存在的陌生人來說,比一張別人店的專業照片有用。攝影師值得付錢的地方很具體:需要造型才拍得出實際口味的餐點、要拍在白底上的商品目錄、要所有人同時好看的團體照,以及任何會印成大圖的東西。合理的順序是先自己全部拍一輪,用一季,再花錢請人補那三四張最吃重的。
可以用網路上找到的圖庫照片嗎?
自己的店面、自己的手藝、自己的員工和商品,都不行。訪客正在確認你是不是真的存在,一張不是你家的店內圖庫照,等於給了相反的答案,而且這類照片被認出來的機率比你以為的高。另外還有授權問題:在圖片搜尋裡找得到,不等於可以拿來用;用了沒有授權的照片,收到的可能不是提醒,而是一張帳單。圖庫照可以用在明顯只是裝飾的地方,例如一段區塊後面的質感底圖、或是文章配的插畫,而且要有一份被問起時你拿得出來的授權。
拍出來偏黃、或是太暗,要怎麼救?
偏黃幾乎都是混光:同一個畫面裡同時有窗外的白光和天花板的黃燈,自動白平衡沒辦法同時處理。挑一種、把另一種關掉——白天關掉黃燈、靠窗拍,或是等天黑只用室內燈。太暗通常是主體背後有一扇亮窗,手機照著窗戶決定曝光;點一下螢幕上主體的臉或盤子,再把曝光滑桿往上拉,拉到主體看起來對為止,讓窗戶白掉沒有關係。如果一整批黃成同一個色調,就在編輯器裡把其中一張的白平衡調對,再把同樣的修正套到其餘幾張,整批看起來才會像同一個地方。
店還沒開,有什麼好拍的?
拍事情,不要拍空間。你在做的那雙手、攤開的工具、進的材料、一件完成品放在窗邊乾淨的檯面上、一張你自己看著鏡頭的照片。還在裝潢的話那也可以拍——招牌吊上去、第一批貨進門、架子一層層擺滿——而且標上日期,一間看得出正在長出來的店,是有人會追著看的。真正不該做的是整頁只寫「即將開幕」:把真正的開幕日期、地址和一個聯絡得到的方式放上去,等開幕那一週再把裝潢照換掉。
拍之前,先打開你這一行的起始版型,數清楚它要什麼:有幾個照片位、哪幾格是寬的、哪幾格是直的。照著那份清單拍,你拍的每一張都有地方放,也不會回到家才發現最上面那張需要橫的。Naratake 有 40 種行業起始模板,在瀏覽器裡打開就看得到,可以先看過再決定任何事。各方案包含什麼在定價頁。
看看你這一行的版型