Skip to content
Public guide

RO Emblem Studio 使用教學與 Q&A

從第一個 24×24 公會圖到 GIF、影片轉檔與 AI 提示詞優化的完整說明。

目錄
  1. 01. 簡介
  2. 02. 快速開始:完成第一個公會圖
  3. 03. 圖片編輯器
  4. 04. 文字圖層
  5. 05. GIF 輸出
  6. 06. 影片轉 GIF
  7. 07. AI 提示詞優化與外部生成
  8. Q&A 常見問題

RO Emblem Studio

RO Emblem Studio 從第一個 24×24 公會圖到 GIF、影片轉檔與 AI 提示詞優化的完整說明。

完全本機處理原始圖片與影片
支援 BMP / GIF / 影片轉檔
AI 提示詞優化有 Turnstile 防濫用保護
01

簡介

RO Emblem Studio 是免費的瀏覽器工具,用來製作符合 Ragnarok Online 規格的 24×24 BMP 公會圖與動態 GIF。

公會圖編輯器

支援 24×24 裁切、逐格繪圖、文字圖層、透明背景處理與 BMP/GIF 匯出。

動態 GIF 輸出

提供 60 種 VFX 特效,分為位移、縮放、光影、特殊風格、衝擊彩蛋與外框六組。

影片轉 GIF

將 MP4、MOV、M4V 片段裁切為方形,並以 FFmpeg WASM 轉成 24×24、10 FPS GIF。

本機處理與隱私

圖片編輯、GIF 編碼與影片轉檔在瀏覽器中執行,原始圖片與影片不會上傳。

提示詞優化會將描述文字透過 HTTPS 傳送至 AI Horde;請勿輸入個人身分或敏感資訊。

02

快速開始:完成第一個公會圖

從選圖、裁切到下載 BMP 的基本流程。

五個步驟

開啟工具後,先載入圖片,再完成裁切、像素微調與格式驗證。

  • 載入 BMP、JPG/JPEG、PNG 或 WEBP 圖片(上限 8 MB)。
  • 調整 1:1 裁切框,預覽會同步縮放為 24×24。
  • 使用畫筆、橡皮擦、取色器與填滿工具修正像素。
  • 下載 BMP 前確認尺寸與洋紅透明色警告。
  • 將 BMP(或 GIF)放入 RO 客戶端的 Emblem 資料夾後,在遊戲內更新公會圖。預設路徑通常為 C:\Program Files (x86)\Gravity\RagnarokOnline\Emblem,實際路徑依各人安裝位置而異。

自動儲存

畫布、文字圖層與最近色彩會存於瀏覽器 localStorage。7 天內重新開啟頁面時,尚未過期的內容會自動還原。

03

圖片編輯器

在 24×24 像素畫布上完成裁切、繪圖、透明處理與文字疊加。

繪圖工具

畫筆可逐格繪製;橡皮擦與魔術棒會使用 #FF00FF 洋紅透明色;取色器可取得畫布色彩;填滿支援容差。

  • 最近使用的 5 種色彩可快速切換。
  • 復原/重做最多保留 24 步。
  • 容差範圍為 0–128。
  • 網格與全螢幕可協助逐格編輯。

透明色

#FF00FF 是 RO 公會圖的透明色。畫布以棋盤格顯示透明區,匯出時會提示可能形成透明破洞的洋紅像素。

04

文字圖層

最多建立三個文字圖層,並在輸出 BMP 或 GIF 時自動合成。

操作方式

輸入文字後,可調整字型、5–24px 字級、顏色、描邊、漸層與發光,並拖曳或使用水平對齊控制位置。

  • 每個圖層可單獨選取與調整。
  • 超出畫布範圍的文字會被裁切。
  • 清除畫布會一併移除文字圖層。
05

GIF 輸出

把目前畫布與文字圖層作為基底,套用特效後輸出動態 GIF。

60 種 VFX 特效

可調整影格間隔控制播放速度;輸出時會檢查 24×24 尺寸與透明像素,超過 256 色時會量化。

注意:特效預覽與實際輸出的 GIF 因編譯流程不同,畫面可能有些微差異,以下載後的檔案為準。

  • 位移與動態(11):左右滑動、跳彈、抖動、波浪、傳送門等。
  • 縮放與幾何(9):旋轉、呼吸縮放、螺旋、鏡像、磁性流體等。
  • 光影與色彩(10):亮度脈衝、掃光、彩虹、霓虹、冰封龜裂等。
  • 特殊與風格(10):故障、馬賽克、溶解、星光、VHS、打字機等。
  • 衝擊與彩蛋(10):重低音震爆、KONAMI、俄羅斯方塊、彩虹貓等。
  • 外框特效(10):跑馬燈、貪食小蛇、雷達、熔岩、賽博霓虹等。
06

影片轉 GIF

在瀏覽器內裁切影片的方形畫面與時間範圍,轉出 24×24 GIF。

限制與輸出

支援 MP4、MOV、M4V,檔案上限 50 MB;單一片段最長 10 秒、最多 100 幀,輸出固定為 24×24、10 FPS。

操作方式

上傳影片後調整 1:1 裁切框與時間軸,再確認 24×24 預覽並開始轉檔。第一次轉檔需要下載並驗證約 31 MB 的 FFmpeg WASM 核心。

07

AI 提示詞優化與外部生成

將簡短描述改寫成適合小型圖示的英文提示詞,再自行於外部工具生成圖片。

操作方式

輸入描述、選擇 28 種風格之一,點擊優化後複製英文提示詞,再前往 FLUX、Perchance、ChatGPT、Gemini 或其他平台生成圖片並載回本工具。

工具的提示詞預設以「主體描邊+白色背景」為基礎規範,有助於縮小至 24×24 後保留清晰輪廓。

工具內附有 FLUX.1-schnell、Perchance 圖片生成器、Perchance 角色生成器、ChatGPT 與 Gemini 的外部連結。FLUX 可能需要 Hugging Face 登入以避開額度限制;Perchance 可作為免登入備用工具。

範例

優化前(中文描述):Ragnarok Online 遊戲中的 Poring 拿著劍與頭盔,擺出戰鬥姿態

優化後(英文 Prompt):Ragnarok Online game a Poring holding a small sword and wearing a metal helmet in a combat pose, European storybook animation icon, simple bold shapes, high contrast, thick clean outline, flat color blocks, centered on a plain white background.

不同 AI 模型(FLUX、Perchance、Gemini、ChatGPT)理解相同提示詞的方式各有差異,生成結果會不同,可多試幾家平台比較。

資料與限制

描述文字會送往 AI Horde,成功與失敗後皆有 30 秒冷卻時間。第一次使用受保護的提示詞優化操作時,可能需要完成 Cloudflare Turnstile 驗證。

若短時間內多次使用提示詞優化,可能會被暫時封鎖或達到免費使用上限;此時可稍候片刻再試,或嘗試使用 VPN 重新連線。

  • 本工具不會直接生成或上傳圖片;內建入口會帶往 Hugging Face 等第三方服務。
  • 建議生成 768×768 的 1:1 圖片。
  • 第三方 AI 平台的條款、授權與內容責任由使用者自行確認。
FAQ

Q&A 常見問題

需要帳號或登入才能使用嗎?

完全不需要。打開網頁即可直接使用,不需要註冊或登入任何帳號。

上傳的圖片或影片會送到伺服器嗎?

不會。圖片編輯、BMP/GIF 匯出與影片轉檔都在瀏覽器內執行,原始素材會留在裝置上。

例外是提示詞優化:描述文字會透過 HTTPS 傳送至 AI Horde;請勿輸入敏感資訊。

支援哪些圖片格式?

可載入 BMP、JPG/JPEG、PNG、WEBP(上限 8 MB),並輸出 24-bit BMP 或最多 256 色 GIF。

為什麼使用 #FF00FF 作為透明色?

Ragnarok Online 會把 RGB(255, 0, 255) 視為公會圖透明色。若把它用於圖案本身,遊戲中會顯示為透明破洞。

如何處理半透明像素?

載入時會執行 Alpha 歸一化:低於 128 的 Alpha 轉為洋紅透明色,其他像素轉為完全不透明。

為什麼 GIF 這麼小或影片畫質下降?

輸出固定為 24×24、256 色。請使用高對比、輪廓清晰的素材,並先在 24×24 預覽確認效果。

AI 提示詞優化有什麼限制?

優化需要網路,會把描述文字送至 AI Horde。成功或失敗後都會冷卻 30 秒;可能要求 Turnstile 驗證。

匯出時顯示圖案包含洋紅是什麼意思?

圖中含有 #FF00FF 像素,在 RO 內會顯示為透明。若這不是預期效果,請用其他顏色覆蓋。

FFmpeg 載入失敗怎麼辦?

確認網路與防火牆、重新整理後再試;首次影片轉檔需下載並驗證 WASM 核心。

需要哪些瀏覽器權限?

不需要特殊權限。本工具支援 PC 及手機瀏覽器,手機也可操作畫布編輯與 GIF 輸出。

影片轉檔功能在行動裝置或 Safari 上可能受 WASM 支援度與記憶體限制,建議以桌面版 Chrome 或 Firefox 為主。

自動儲存如何運作?

編輯內容以約 400 毫秒防抖寫入 localStorage,保存 7 天,重新開啟時會自動還原。重置會清除保存內容。

圖片裁切與縮放如何運作?

先調整 1:1 裁切範圍,再以面積平均縮放至 24×24。建議 AI 圖片使用 768×768;輸入上限為 8 MB、8192px 單邊與 32MP。

可以商用嗎?

工具目前免費提供,但公開說明未另外定義產出內容的商業授權。請自行確認遊戲規定、第三方 AI 平台條款與圖片內容的合法性。

遇到錯誤或想建議功能,如何回報?

透過作者的社群聯絡管道回報,並附上瀏覽器、作業系統、重現步驟、預期行為與錯誤訊息。

什麼是 Cloudflare Turnstile 驗證?

Turnstile 僅保護提示詞優化等外部 API 操作;圖片編輯、匯出與影片轉檔不需要驗證。成功後的 HttpOnly session cookie 有效 12 小時。

支援哪些語言?

支援繁體中文與英文。可用頁面語言切換器前往對應路徑;舊版 ?lng=en 或 ?lng=zh-TW 連結會 301 轉址並保留其他參數。

📖

目錄