利用 AI 將紙本菜單輕鬆轉換為自動計價網頁格式

您是否曾想過，如果能將餐廳的紙本菜單快速變成一個具備自動計價功能的網頁，那該有多好？現在，透過 Google AI Studio，這個想法將能輕鬆實現。本文將分享如何利用 AI 技術，將各式各樣的菜單照片，轉換成可自動計算金額的網頁程式碼。

先前已有教學文章分享如何免費製作一份可自動計算購買金額的網頁訂購單。今天，我們將更進一步，說明如何利用 AI Studio，快速將不同店家的菜單轉換成可計價的格式。

核心概念：以圖引導，AI 自動生成

整個操作的核心在於利用 Google AI Studio 的多模態功能，也就是能夠理解圖片內容並根據指示生成文字。[1] 簡單來說，我們只需要提供兩張圖片：

1. 來源菜單：您想要轉換的菜單照片。

2. 目標格式範例：一個您希望 AI 輸出格式的示意圖。

透過這樣的「以圖引導」，AI 就能理解您的需求，並將來源菜單的內容，按照您指定的格式進行轉換。

實際操作步驟

1. 開啟 Google AI Studio：首先，登入您的 Google 帳號並進入 Google AI Studio。[2]

2. 上傳圖片：將您的「來源菜單」和「目標格式範例」兩張圖片上傳至 AI Studio 的對話視窗中。

3. 下達指令：在文字輸入框中，輸入明確的指令，例如：「請將第一張菜單的內容，整理成第二張圖片的格式。」

4. AI 生成結果：AI 會開始分析圖片內容，並根據您的指令生成對應的文字格式。

範例一：義大利麵菜單轉換與細節調整

假設我們上傳了一張義大利麵店的菜單。初次生成的結果可能只包含了品項和基本價格。然而，菜單上常有一些加價選項，例如「加焗烤 +30元」。

此時，我們可以進一步與 AI 溝通， refining the prompt.[3] 比如，我們可以將首次生成的品項列表貼回對話框，並加上指令：「請在義大利麵品項中，增加一個『焗烤』選項，價格為原價加上30元。」

AI Studio 會很聰明地理解您的需求，並自動將原本的「白醬義大利麵 100元」，擴充成「白醬義大利麵 100元」和「焗烤白醬義大利麵 130元」兩種選項。

範例二：處理多規格與多口味選項

許多菜單會有更複雜的選項，例如：

• 大小碗之分：牛肉麵（大）120元、（小）100元。

• 多種口味：雞排便當可選「烤肉醬」、「椒鹽」或「黑胡椒」。

面對這種情況，AI Studio 同樣能處理。在初次生成後，您可以繼續下達指令，要求 AI 針對特定品項新增不同的規格或口味，並分別標示價格。

從文字格式到網頁應用

當您對 AI 生成的文字格式感到滿意後，便可以利用這些結構化的資料，將其套用至預先寫好的網頁訂購單範本中。透過簡單的程式碼修改，就能快速完成一個具備自動計價功能的線上菜單。

總結

透過 Google AI Studio 的強大功能，我們不再需要手動一個個輸入菜單品項與價格。[4] 只要拍下菜單照片，並給予 AI 清晰的指令，就能在短時間內獲得結構化的文字資料，大幅提升製作線上訂購單的效率。[5] 即使是面對有特殊加價、多種規格或客製化選項的複雜菜單，也能透過與 AI 的多輪對話，逐步完善，最終產出符合需求的結果。

Sourceshelp

1. zaiwork.com
2. google.dev
3. electrify.tw
4. csdn.net
5. musely.ai