要在 iPhone 上製作 GIF 貼圖,請在 Safari 中開啟一個免費的瀏覽器型 GIF 製作工具,例如 GIF Maker,從「照片」圖庫中放入兩張以上的圖片,選擇每秒幀數的速度,然後將產生的 .gif 檔案下載回裝置。GIF 貼圖技術上只是一個短小、可循環播放的動畫 GIF,大小足以放入聊天、限時動態、留言或任何其他可顯示圖片的介面,而且這個格式幾乎在 iPhone 上的每個應用程式中都能使用。因為每個步驟都在瀏覽器分頁內以 JavaScript 執行,所以不需要安裝第三方的貼圖製作應用程式、不需要授予照片庫權限,也不需要建立會把你的照片上傳到遠端伺服器的帳號。這使得這個方法成為一個快速的替代方案,當你想把一組連拍照片、一張實況照片、幾張反應截圖,或一排手繪氣泡轉換成可分享的貼圖時,完全不必離開 iOS。

什麼算是一個動畫 GIF 貼圖
動畫 GIF 貼圖技術上只是一個小型的動畫 GIF,但實際使用上已經歸納出一些非正式的標準,讓它的表現更像貼圖而不是影片剪輯:
- 它會無限循環播放,所以反應會持續在接收者的畫面上播放。
- 它很短,通常介於 1 到 4 秒之間,這樣在聊天中點一下就能播完整個動畫。
- 它具有透明或中性的背景,因此不會與深色或淺色的聊天主題產生衝突。
- 它的檔案很小,最好低於 1 MB,這樣通訊應用程式就不會對它進行大幅壓縮。
GIF 格式從未設計來支援透明背景,這就是為什麼大多數原生貼圖包都使用 WebP 或 APNG。GIF 仍然在相容性上佔優:iPhone 上的每個聊天客戶端都能讀取它,包括透過照片選擇器的 iMessage、WhatsApp、Telegram、Discord、Snapchat 反應,以及 Instagram 私訊回覆。正是這種無處不在的特性,讓下面描述的簡單瀏覽器工作流程成為在 iPhone 上快速取得可運作貼圖的最快途徑。
開始之前你需要準備什麼
在開啟工具之前,先在 iPhone 上把所需的素材準備好。一開始就挑選正確的來源圖片,可以省下很多重新編碼的功夫:
- 兩張以上的圖片,最好是在短時間內連續拍攝,讓它們讀起來像是一個連續動作。「相機」app 中的一次連拍、一個逐步任務的四或五張截圖,或是在「標示」中畫的一排文字氣泡都很適合。
- JPG、PNG、WebP、BMP 或靜態 GIF 格式的照片。「實況照片」無法直接使用,但點選「照片」中的「實況」指示符來關閉它,會儲存一張可用的靜態 JPG,或者你也可以先把實況照片分割成它的關鍵影格。
- 統一的長寬比——正方形或一致的全景或直立——效果最佳。GIF 製作工具會將畫布鎖定在第一張圖片最長的那一邊(上限 800 像素),並將每個後續的影格置中在白色背景上,所以混合使用寬螢幕截圖和高聳直立照片會留下大量黑邊。
- 幾秒鐘的耐心。編碼是在裝置上進行的,所以較舊的 iPhone 在編碼器處理影格時可能會短暫卡住。
如何在瀏覽器中建立 GIF
- 在 iPhone 上開啟 Safari 並前往 GIF Maker 頁面。
- 點選「瀏覽圖片」並從「照片」圖庫中挑選兩張以上的圖片。它們會以編號縮圖的形式依照播放順序顯示。
- 設定每秒幀數的滑桿。預設的 2 fps,也就是每張圖片約半秒,是反應貼圖一個舒適的起點。
- 開啟或關閉「循環播放」選項。如果希望貼圖永遠播放,請保持開啟;如果動畫應該在最後一個影格結束(例如笑點),則關閉它。
- 觀看預覽面板。每次變更都會立即重新編碼動畫,所以可以上下微調速度直到動作感覺自然。
- 點選「下載」。Safari 會將 .gif 檔案儲存到「下載」資料夾,而 iOS 會詢問是否要將它傳送到「照片」或複製到另一個應用程式。
- 開啟「照片」,點選新的 GIF,點選分享箭頭,然後選擇「加入貼圖」,就能將它放入支援此選項的 iOS 版本的 iMessage 貼圖抽屜中。
專門從 iPhone 的 Safari 執行同樣的流程
iOS 上的 Safari 在通用瀏覽器流程之上增加了一些小步驟,因為 Safari 的行為與桌面瀏覽器略有不同,所以值得了解一下:
- 在 iPhone 上開啟 Safari 並載入 GIF Maker 頁面。點選畫面底部的分享圖示,然後選擇「加入主畫面」,即可將這個工具釘選為全螢幕圖示,這樣畫布會比一般分頁有更多空間。
- 點選「瀏覽圖片」,然後在 iOS 檔案選擇器中選擇「照片圖庫」。依照你想要的播放順序選擇兩張以上的圖片。如果你的長寬比混用,工具會將較小的影格加上白色黑邊——你可以預先裁切它們以符合比例,貼圖會更整齊。
- 預覽渲染完成後,點選「下載」。Safari 頂端會出現一個檔案對話框,顯示檔案名稱;點選它,然後點選「儲存影像」。GIF 會出現在「照片」app 的「最近項目」中。
- 在「照片」中,點選 GIF,然後點選左下角的分享箭頭。選擇「加入貼圖」將檔案推送到 iMessage 貼圖托盤,或者選擇「訊息」、「郵件」、WhatsApp 或 Telegram 直接傳送 GIF。如果分享選單中沒有「加入貼圖」,表示你的 iOS 版本不原生支援動態貼圖;在這種情況下,可以透過任何聊天中的「照片」按鈕直接附加檔案——動畫 GIF 幾乎在所有現代通訊軟體中都能內嵌播放。
- 當貼圖以內嵌方式播放時,聊天應用程式會遵守在工具中設定的循環選項,所以以「循環播放」開啟匯出的貼圖,會在接收者每次重新開啟聊天時持續播放。
因為這個流程的每一步都在 Safari 中執行,所以影像位元組永遠不會離開手機。相比於在編碼過程中把你的照片上傳到遠端服務的社群媒體貼圖應用程式,這是一個小但真實的隱私提升。
為貼圖挑選合適的速度
每秒幀數的設定是影響貼圖感覺最重要的一個旋鈕。太慢動作會顯得卡頓,太快則每張圖片會模糊成一片。滑桿範圍從 1 fps 到 30 fps,工具會顯示對應的每幀延遲,讓背後的計算過程一目了然。
| 每秒幀數 | 每幀延遲 | 最適合的用途 |
|---|---|---|
| 1 fps | 1.0 秒 | 需要逐一閱讀每張圖片的逐步食譜或教學貼圖 |
| 2 fps | 0.50 秒 | 預設的反應貼圖,觀看節奏舒適 |
| 5 fps | 0.20 秒 | 說話時的嘴部動作、敲手指、小動作 |
| 10 fps | 0.10 秒 | 頭髮飄動或煙霧上升等平滑的動作 |
| 15 fps | 0.067 秒 | 具有真實連續動作的動作片段 |
| 30 fps | 0.033 秒 | 電影感;只有在來源影格銳利且大時才使用 |
一般原則是,對於貼圖用途,滑桿保持在 2 到 10 fps 的範圍內。低於 2 fps 會讓動畫變成幻燈片,而高於 15 fps 通常會浪費檔案大小,卻在貼圖尺寸下看不出明顯改善。
疑難排解:當貼圖結果不如預期時
少數幾個小問題幾乎佔據了 iPhone 使用者所有「為什麼我的 GIF 貼圖看起來怪怪的」的回報:
- 影格大小不一致。畫布會鎖定在第一張圖片較長的那一邊,上限 800 像素,所以如果先放入寬螢幕截圖,再放入直立照片,直立照片會出現明顯的黑邊。請重新排序,讓最大的圖片排在最前面,或預先將所有圖片裁切成相同的長寬比。
- 顏色看起來像海報化。編碼器會將每個影格對應到一個 256 色的調色盤,這在 GIF 中是正常的。如果你需要更平滑的色彩,而且不在乎檔案大小,可以使用 WebP 或 APNG 來源。
- 動畫感覺遲緩。小幅調高 fps 滑桿,並觀察每次重新編碼的預覽結果。大多數反應貼圖最終會落在 5 fps 左右。
- 檔案對聊天應用程式來說太大。WhatsApp、Telegram 和 iMessage 在傳送時都會壓縮大型圖片。請減少影格數、預先縮小來源圖片較長的那一邊,或匯出較少的影格。
- 工具無法載入。Safari 偶爾會在載入條後方隱藏完整的 JavaScript 輸出。請在網址列上下拉重新整理,或將工具釘選到主畫面作為私密的全螢幕圖示。
這些問題都不需要重新安裝任何東西、開啟另一個分頁,或登入任何服務。
除了貼圖之外:你還能做什麼
同一個 GIF 製作工具不需要任何額外設定,就能從 iPhone 處理幾項相關任務:
- 將一組相機連拍照片拼接成短小的循環影片,用於推文或 Reddit 回覆。
- 將從 Procreate、Paper 或 Sketchbook 匯出的一系列手繪影格,轉換成動畫素描。
- 從截圖快速建立一個產品示範,用於傳給同事的 Slack 訊息。
- 製作可反轉的動畫(例如前後對比),方法是依序將影格正向再反向排列。
對上述任何用途而言,格式與步驟都完全相同——重點在於挑選影格,其餘的都在 iPhone 上本機完成。
相關閱讀:在 iPhone 瀏覽器中製作照片拼貼。