🎠 Instagram 輪播圖製作器

用一張寬圖做成單篇貼文輪播 — 大家左右滑過 2-20 張、接縫完美對齊的圖

✓ 永久免費 · ✓ 無需註冊 · ✓ 檔案不上傳 · ✓ 離線可用

🔒 你的影像永遠不會離開你的裝置。 所有處理都使用 Canvas 2D + JSZip(瀏覽器內,不上傳) 在你的瀏覽器中進行。不上傳、不經伺服器、不追蹤。

功能特色

  • 2-20 張 — Instagram 一則輪播貼文最多可以放 20 張照片或影片。選好張數,圖片就會被切成大小相同的幾張,有人滑動時剛好完美接上。清單裡會標出最貼合你圖片的張數。
  • 保留哪部分你來選 — 如果你的圖片和整條輪播的形狀不一樣,就得裁掉一部分 — 但絕不拉伸。圖片上有一個框,標出哪部分會變成輪播圖、每條接縫落在哪裡;拖曳它就行。頁面會告訴你保留了多少,以及輪播圖什麼時候會被放大(變糊)。
  • 滑動預覽 — 用大家實際看到的尺寸滑過每一張(也可以用箭頭、圓點或 ← → 鍵)— 發文前確認重要的東西沒有落在接縫上。
  • 4:5 或 1:1 — 1080×1350(4:5 直式)在手機螢幕上比正方形佔得更多;1080×1080(1:1)是經典格式。也有 1440 寬的版本 — 不過 Instagram 會把每次上傳都縮放成它自己的尺寸。
  • 零上傳 — 你的圖片一直留在瀏覽器裡。每一張都在你的裝置上用 Canvas 2D 畫出來,再用 JSZip 打包。打開 DevTools 就能驗證 — 沒有任何網路請求帶著你的檔案出去。

運作方式

  1. 拖入一張寬圖 — 什麼形狀都可以。全景照或寬幅設計能撐滿最多張;張數清單會標出最貼合你圖片的那個。
  2. 選張數和形狀 — 4:5 直式比正方形更佔螢幕。如果圖片一定要裁掉一部分,頁面會告訴你裁了多少,並提供保留最多的張數。
  3. 拖曳框、看預覽 — 移動框來選擇保留的部分,別讓人臉和文字壓在虛線接縫上,然後像你的粉絲那樣把預覽滑一遍。
  4. 下載 ZIP 並發文 — ZIP 裡是 slide-01.jpg、slide-02.jpg 依序往下。在 Instagram 的新貼文畫面按編號順序點選 — 輪播的順序就是你點選的順序。

使用情境

  • 把一張全景照做成一整張連續的畫面,讓大家一路滑過去。
  • 把故事或教學設計在一張寬畫布上,分成好幾張,元素可以跨過接縫連起來。
  • 新品發表:一條寬橫幅,一張一張揭曉產品、細節和價格。
  • 前後對比:把兩張照片並排拼成一張寬圖,再切成 2 張。
  • 活動回顧和時間軸:在一張長設計上由左到右排開。

常見問題

這和 Instagram 九宮格產生器有什麼不同?

輪播圖製作器把一張寬圖切成同一則貼文裡的多張輪播圖 — 大家左右滑著看。九宮格產生器則把一張圖切到多則獨立的貼文裡,讓它們在你個人檔案的格狀版面上拼成一整張。是兩種不同的東西,體驗也完全不同。

為什麼用 4:5 直式而不是正方形?

寬度相同時,4:5 的一張(1080×1350)比正方形(1080×1080)高 25%,所以在動態消息裡能佔手機螢幕更大的面積。正方形的好處是:同樣的張數,需要的圖片沒那麼寬。

最多能切幾張?

Instagram 一則輪播最多可以放 20 張照片或影片(2024 年之前是 10 張),所以工具提供 2 到 20 張。每張都是一整張 1080 px 寬的圖,20 張就需要一張非常寬的圖片 — 張數清單會標出最貼合你圖片的張數。

原圖是怎麼切分的?

所有輪播圖合起來是一整條:寬 = 張數 × 每張寬度,高 = 每張高度(5 張直式 = 5400 × 1350)。你的圖片會被縮放到剛好蓋滿這一條 — 絕不拉伸 — 形狀不一致時,你拖曳框來選擇保留哪部分。接著這一條被切成大小相同的幾張,所以有人滑動時剛好完美接上。

為什麼我的輪播圖看起來糊糊的?

如果你圖片裡保留下來的部分像素比輪播圖需要的少,就只能放大,頁面會告訴你放大了幾倍。5 張 4:5 的輪播需要一條 5400 × 1350 px 的圖;4000 px 寬的手機照片沒辦法清晰地撐滿。少切幾張、改用正方形,或換一張更大的原圖,都會有幫助。

發文時需要照特定順序嗎?

需要 — 在 Instagram 的新貼文畫面,先點 slide-01,再點 slide-02、slide-03,依序往下。輪播的順序就是你點選的順序;它不會依檔名排序。

透明區域會怎麼樣?

輪播圖存成 JPEG(95% 品質),JPEG 不支援透明,所以透明區域會變成白色。如果你的圖片有透明區域,頁面會提醒你。

圖片會被上傳嗎?

不會。所有切分都在你的瀏覽器裡用 Canvas 2D 完成,JSZip 也是在本機打包結果。打開 DevTools → Network 分頁就能驗證:沒有任何對外請求帶著你的圖片資料。

相關工具

💬 Bug、點子,或者就想打個招呼? 告訴 Milo 🐨 · [email protected]