表情符號預覽工具
上傳您的表情符號，看看它在現實的 Twitch 和 Discord 聊天中是什麼樣子。測試深色模式、淺色模式和多種顯示大小 — 全部在您的瀏覽器中免費使用。
將您的表情符號拖到這裡
或點擊以瀏覽
上傳一個表情符號圖像以查看它在上方的聊天預覽中
為什麼在上傳之前預覽表情符號
創造完美的表情符號只是戰鬥的一半 — 看到它在真實聊天環境中的實際效果同樣重要。許多表情符號藝術家在大型畫布尺寸（500px 或甚至 1000px）上設計，但 Twitch 在聊天窗口中僅以 28 像素寬顯示表情符號。在您的畫布上看起來很棒的細節在聊天比例下可能變得無法辨認。
表情符號預覽工具通過將您的設計放入模擬的聊天窗口中，配有真實的用戶名、時間戳和其他消息來解決這個問題。這讓您能立即發現問題，比如消失的細邊、與背景融合的顏色，或在小尺寸下變得難以辨認的文本 — 在您上傳之前，並在觀眾面前發現問題。
表情符號在 Twitch 聊天中的顯示
Twitch 根據上下文以三種不同的大小顯示表情符號。在聊天窗口中，表情符號以 28x28 像素顯示 — 這是最常見的視圖，也是可讀性最重要的視圖。當觀眾將鼠標懸停在表情符號上時，它會在工具提示中以 56x56 像素顯示。表情符號選擇器菜單以其完整的 112x112 分辨率顯示表情符號。
由於 28px 聊天大小如此之小，成功的表情符號使用粗體邊框、高對比度顏色和簡單形狀。我們的 Twitch 聊天模擬顯示您的表情符號在聊天中實際使用的 28px 大小，周圍環繞著真實的消息，讓您在上傳到您的頻道之前評估可讀性。
表情符號在 Discord 聊天中的顯示
Discord 與 Twitch 的表情符號處理方式不同。當表情符號與文本內聯顯示時，它約以 22 像素顯示。小反應以 32 像素顯示。但當消息僅包含表情符號（沒有文本）時，Discord 以 "特大" 模式以 48 像素顯示它們。這種大小變化意味著您的表情符號需要在更廣泛的範圍內看起來良好。
我們的 Discord 聊天模擬模擬了所有這些場景 — 表情符號與文本混合、獨立的特大表情符號，以及一排多個表情符號。這幫助您驗證您的設計在 Discord 用戶可能遇到的每個上下文中都能正常工作。
測試深色模式與淺色模式
大多數 Twitch 觀眾使用深色模式，但相當一部分人使用淺色模式。設計有深色邊框的透明背景的表情符號在深色背景上會非常突出，但在白色背景上可能看起來模糊或消失。相反，具有明亮顏色或白色邊框的表情符號在淺色主題背景上可能會變得不可見。
在上傳之前在兩種主題中進行測試至關重要。我們的預覽工具讓您只需點擊一下即可在深色和淺色模式之間切換，因此您可以驗證您的表情符號對於所有觀眾都是可讀的，無論他們的主題偏好如何。特別注意您的表情符號的邊緣 — 如果在任一模式下邊框或邊緣消失，考慮添加一個微妙的對比邊框。
為什麼大小和清晰度對表情符號很重要
好表情符號和偉大表情符號之間的區別往往取決於在小尺寸下的清晰度。在 28 像素時，您擁有非常有限的空間 — 大約 784 像素來傳達一種情感、角色或反應。每個像素都很重要。細線、微妙的漸變和在 112px 上看起來驚人的複雜細節在聊天比例下可能會變成視覺噪音。
最佳的表情符號設計使用強烈的輪廓、2-3 種高對比度的主要顏色和粗體邊框（在 112px 比例下至少 2px）。首先在最小尺寸下測試您的表情符號 — 如果您能立即辨認出它是什麼以及它傳達的情感是什麼，那您就成功了。
常見的表情符號設計錯誤
最常見的錯誤是設計過於詳細。細小的頭髮絲、小文本、微妙的表情和複雜的背景在聊天大小下都變得無法辨認。另一個常見問題是使用過於相似的顏色 — 在大型畫布上看起來不同的色調在 28px 下會融合在一起。
透明度問題也很普遍。忘記去除背景、擁有半透明邊緣造成醜陋的光暈，或使用在深色與淺色背景上看起來不同的透明效果都可能毀掉本來很好的表情符號。始終在深色和淺色背景上預覽您的表情符號，以便及早發現這些問題。
表情符號藝術家的專業提示
專業的表情符號藝術家總是以高分辨率（至少 512x512）工作，但不斷檢查他們的作品在目標顯示大小下的效果。許多藝術家在繪製時保持一個小的預覽窗口開啟，以便立即發現問題。使用粗體、乾淨的邊框（在 112px 比例下 2-3px）並將顏色調色板限制在最多 4-6 種顏色。
考慮一下瞬間的情感影響 — 觀眾在聊天滾動時只會看到您的表情符號一瞬間。表情或動作應該是瞬間可辨認的。在上線之前與朋友或小社區測試您的表情符號。如果您的表情符號將在兩個平台上使用，請始終在 Twitch 和 Discord 中預覽，因為顯示大小和渲染方式不同。
如何使用表情符號預覽工具
使用我們的表情符號預覽工具很簡單：上傳您的表情符號圖像（PNG、JPG、GIF 或 WebP），選擇 Twitch 和 Discord 聊天模擬，切換深色或淺色模式，並選擇顯示大小。您的表情符號立即出現在帶有多條消息的現實聊天模擬中。
為了獲得最準確的預覽，請以其最終預期的分辨率上傳您的表情符號（Twitch 為 112x112，Discord 為 128x128）。該工具將以正確的聊天大小顯示它。無需帳戶，無水印，您的圖像永遠不會離開您的瀏覽器 — 一切都在您的設備上本地處理。
需要調整您的表情符號大小嗎？ 試試我們的 Twitch 表情符號調整工具
常見問題
需要其他調整大小工具？
Twitch 表情符號調整器
將表情符號調整為 112x112、56x56、28x28 以供 Twitch 使用。
調整 Twitch 表情符號Twitch GIF 表情符號調整器
自動壓縮至 1MB 以下的動畫 GIF 表情符號調整器。
調整 GIF 表情符號Twitch 徽章調整器
將訂閱者和比特徽章調整為 72x72、36x36、18x18。
調整徽章Discord 表情符號調整器
將表情符號調整為 128x128，並保持在 256KB 以下以供 Discord 伺服器使用。
調整 Discord 表情符號Discord 橫幅調整器
將伺服器和個人資料橫幅調整為 Discord 的確切尺寸。
調整橫幅Discord 貼紙調整器
將圖像調整為 Discord 貼紙大小 (320×320)，並保持在 500KB 以下。免費且即時。
調整貼紙Slack 表情符號調整器
將自定義表情符號調整為 128x128，並保持在 128KB 以下以供 Slack 使用。
調整 Slack 表情符號Kick 表情符號調整器
將表情符號調整為 500x500，並保持在 1MB 以下以供 Kick 使用。預覽所有顯示大小。
調整 Kick 表情符號YouTube 表情符號調整器
將會員表情符號調整為 48x48，徽章調整為 32x32 以供 YouTube 使用。
調整 YouTube 表情符號7TV Wide Emote Resizer
Resize images to 7TV wide emote size (384×128, 3:1 ratio). Stretch or fit mode.
Make Wide EmoteTwitch 比特計算器
即時將 Twitch 比特轉換為美元。查看主播收益和購買價格。
計算比特Twitch 訂閱計算器
估算您從 Twitch 訂閱中獲得的收益。支持所有級別和收益分成。
計算訂閱Discord 視頻壓縮器
壓縮視頻以符合 Discord 的文件大小限制。基於瀏覽器，私密，免費。
壓縮視頻頻道點數調整器
將頻道點數獎勵圖標調整為 112x112、56x56、28x28 — 壓縮至 25KB 以下。
調整圖標