咖啡廳網站照片怎麼準備？把拍攝清單對齊頁面與飲品內容

網站設計與經營

照片能否順利用在網站上，取決於檔案、頁面用途與說明能不能互相對應。先替每張照片建立編號，連同確認紀錄與缺件交付，網站製作者才知道哪些可以選用、哪些還需要店家補充。以下兩張空白表可自行複製填寫。

先決定每張照片要幫讀者辨認什麼

從已選定的頁面開始，替照片寫一句用途。例如來店資訊頁的入口照，要讓第一次到訪的人辨認店門；飲品介紹的照片，要讓讀者看見實際供應的外觀。先寫「放在哪一頁、幫誰辨認什麼」，再挑照片，能減少只有氣氛、卻無法回答問題的選圖。

同一張圖若有多種用途，分別記錄。照片數量多，不代表用途已齊；依照每個頁面真正需要的畫面找缺口，素材包才有清楚的交付範圍。

先收齊現有原始檔，替每張分配固定素材編號，記下來源、拍攝對象與可追溯的檔名。來源細節填進後面的使用範圍表，兩張表以編號相連，避免改檔名後找不到依據。

盤點時區分「可用」「需補拍」「需確認」。畫面模糊或主體缺失可列補拍；拍攝對象、文字或使用範圍不明，先列確認。缺件欄寫下一步及負責確認的人，不拿相似店家或相似飲品代填。

補拍需求要寫出主體、預定頁面、必須保留的資訊及確認者。先讓拍攝者理解畫面任務，尺寸與構圖再依實際版型討論，不替所有網站訂同一套規格。

假設情境：某店正在整理既有網站，以下三項只是示範需求，沒有對應真實店家或客戶案例。

逐張核對品名、冷熱、杯型、配料與供應狀態，再連到已確認的文字。相同品名可能有不同版本，照片與文字要使用同一個已確認版本；差異尚未釐清時，先保留選圖，不直接配上正式說明。

沿用上述假設，P02已有一張拿鐵照片，但冷熱、杯型及是否仍供應都未確認。「對應已確認文字」先留空，缺件記「由飲品負責人確認品名、版本及供應狀態，再選交稿圖」。未取得答覆，就不代填確認結果。

照片可協助辨認外觀，無法單獨證明風味、教學成效或品質穩定。風味說明要回到實際操作與已確認的描述，不從顏色或擺設猜測配方與味道。

畫面符合店內現況之後，另列素材來源、可追溯的使用依據紀錄、已確認使用範圍，以及確認者、日期與狀態。例如可記錄原始提供者及對應文件的位置，讓網站製作者能回到依據核對，不能只寫「網路找到」。

兩張表以相同素材編號連接。沒有使用依據或範圍仍不清楚，列為缺件並找負責人確認，先不列入可公開選用檔案。這是素材交接的整理方法，不是法律判定或商用授權保證；網路上可看見的照片，也不能直接當成自有素材。

保留原始檔，另列選定交稿檔與版本。例如假設P01原始檔為P01_entrance_original.jpg，交稿檔為P01_entrance_web_v01.jpg；若重新裁切，另記版本及變更原因。這些只是檔名示例，副檔名不代表已指定交付格式。

先記不能裁掉的資訊，例如入口招牌或完整杯身，再由實際版型與工程確認裁切、尺寸、格式及畫質。整理素材時留下這些需求，後續仍須放進版面檢查桌機與手機呈現。

交付包收齊四部分：選定檔案、照片用途表、來源與使用依據紀錄，以及缺件清單。原始檔與交稿檔的對應也要一併保留；需確認的檔案與已選定檔案清楚區分，方便接手者取用。

交付前依序走完八步，把結果記在自己的素材包；依實際核對填寫，不預填完成。缺一張照片時，可先整理其餘文字與表格，列明缺件及具名確認責任；該區塊是否先採無圖版面，再由網站製作者整合時決定。

整理飲品照片時，也可以把「能否實際做出這杯飲品、能否說明觀察到的風味」列入學習需求。逐一實作、課間持續練習，再帶著紀錄接受後續回饋與修正，才能讓外觀與說明建立在真實操作上。

艾若提供咖啡廳網站設計與架設、後續網站維護及內容行銷，實際功能、交付與合作範圍依需求確認。咖啡課程授課、安排與報名由桑卓咖啡研究學院承接；2–8人小班的具體練習與回饋安排，請向學院確認。