像素圖放大器 - 保持銳利邊緣嘅整數倍放大

用最近鄰方式將像素畫放大 1 到 20 倍,每一格複製成更大嘅方塊,唔插值、唔糊邊。

選擇圖片

拖放圖片到呢度 · 支援 1-20 倍放大

1–20
倍整數放大
0
次上傳(瀏覽器內處理)

像素圖放大器做緊咩

像素圖放大器(pixel art upscaler)將每個原有像素複製成 N×N 個同色方塊,輸出尺寸變成原本嘅 N 倍,畫面內容一個像素都唔改。呢種做法叫最近鄰插值(nearest neighbor):只複製,唔混合,所以方塊邊緣保持筆直。

普通圖片放大用嘅係雙線性或者雙三次插值,會按周圍像素算出中間色,邊緣因此變軟。像素畫一經呢類插值,原本乾淨嘅色塊會長出一圈過渡色,想返去像素風格就要重新量化。所以放大像素素材要用最近鄰,而唔係相片放大演算法。

規格與限制

放大行為由下面四項決定:

放大演算法最近鄰複製,整數倍,唔產生中間色。
放大倍數1 到 20 倍,整數。1 倍用嚟對照原圖,常用檔位係 2、4、8 倍。
單邊尺寸上限受瀏覽器畫布限制,單邊最大 32767 像素;超出時上限降到 16384 像素。
輸出PNG 圖片,保留透明通道,檔案名帶倍數(例如 upscaled-4x)。

上限按單邊計算,唔係總面積:一張 1000×1000 嘅圖放大 20 倍會得到 20000×20000,已經超過 16384 嘅回退上限,要先縮細原圖或者降低倍數。

倍數與輸出尺寸對照

輸出邊長等於原圖邊長乘以倍數。下表將常見倍數同三種輸入尺寸放埋一齊,方便先估算記憶體佔用:

倍數16×16 輸入32×32 輸入64×64 輸入
2×32×3264×64128×128
4×64×64128×128256×256
8×128×128256×256512×512
10×160×160320×320640×640
20×320×320640×6401280×1280

邊長翻倍代表像素總數變成四倍。20 倍時,邊長係原本嘅 20 倍,總像素係 400 倍,瀏覽器畫布同記憶體壓力都集中喺呢一步。

五步完成放大

  1. 1

    揀選或拖入圖片

    支援常見圖片格式,優先使用原始像素圖而唔係截圖:截圖往往已經被平台壓縮同重新取樣,放大之後會出現唔均勻嘅方塊。

  2. 2

    設定放大倍數

    由 1 倍開始確認基準,再按需要嘅展示尺寸往上調。整數倍先可以保證每個原始像素對應同樣大小嘅方塊,非整數倍會出現闊窄不一嘅格。

  3. 3

    對比原圖與結果

    並排睇原圖同放大結果,確認邊緣係乾淨嘅直角而唔係灰邊。如果出現模糊過渡,代表源圖本身已經被插值過,要換返原始素材。

  4. 4

    檢查尺寸有冇超限

    計吓原圖邊長乘以倍數,接近 16384 或 32767 時先降倍數。超限時工具會提示畫布尺寸超出瀏覽器限制,而唔係輸出一張空白圖。

  5. 5

    下載 PNG

    下載嘅 PNG 保留透明通道,可以直接放入設計稿、文件或遊戲工程。要繼續編輯像素內容,返去像素畫生成器或者編輯器處理。

適合與唔適合嘅素材

適合:圖標與像素角色

16×16 到 64×64 嘅圖標、精靈圖、像素角色放大之後依然係硬邊方塊,適合做展示圖、教學插圖同列印素材。

適合:拼豆圖紙截圖

編輯器匯出嘅圖片放大之後,格線同色塊一齊等比變大,方便投屏或者貼喺牆上面照住拼;要重新排版請由編輯器匯出,而唔係放大截圖。

唔適合:相片同漸變圖

相片冇真正嘅像素格,放大只會得到一堆大色塊,細節唔會返嚟。要轉成像素風,先用像素畫生成器降低解像度並量化顏色。

相關頁面

常見問題

放大之後點解仲係方塊,唔係應該變清晰咩?

像素畫嘅清晰度來自方塊邊界,唔係來自更多細節。最近鄰放大只係將每個方塊複製得更大,所以睇落依然銳利;佢唔會憑空補出原圖冇嘅像素。想要更多細節,必須喺更細嘅格上面重新繪製或者重新轉換。

最高放大到幾多倍?

1 到 20 倍,而且只支援整數倍。非整數倍會令唔同列嘅像素被複製成唔同闊度,出現格闊窄不一嘅問題,所以唔支援。展示用途通常 4 倍或 8 倍就夠。

點解會提示畫布尺寸超出限制?

瀏覽器嘅畫布單邊通常支援到 32767 像素,部分環境只有 16384 像素。輸出邊長等於原圖邊長乘以倍數,超過呢個值就分配唔到記憶體。處理方法係降低倍數,或者先將原圖裁細。

透明背景會保留嗎?

會。放大過程只複製像素顏色,包括透明度,輸出嘅 PNG 保留透明通道,可以直接疊喺其他背景上面。如果源圖嘅透明區域帶半透明邊緣,放大之後呢啲半透明像素同樣會變成正方形。

放大之後嘅圖片可以直接當拼豆圖紙用嗎?

唔可以。放大只改變尺寸,格入面冇色號,亦冇色表同豆數統計。要拼豆請用拼豆圖紙生成器將圖片量化到品牌調色板,或者將圖紙匯入編輯器睇色號。

圖片會唔會上載到伺服器?

唔會。讀取、放大同下載都喺瀏覽器入面用畫布完成,圖片唔會離開你部機,閂咗頁面之後亦唔會留低副本。處理大圖時佔用嘅係本機記憶體,所以倍數越高越容易出現記憶體不足提示。

下載嘅係咩格式?

PNG。檔案名會帶倍數,例如 upscaled-4x,方便分辨同一張圖嘅多個版本。需要 JPG 或 WebP 時,可以下載之後再用圖片工具轉換,但 JPG 唔支援透明通道。

放大之後邊緣出現鋸齒係咪錯誤?

唔係。鋸齒就係像素塊本身,係像素畫嘅正常外觀。真正要警惕嘅係邊緣出現灰邊或者漸變,嗰啲代表源圖之前被插值壓縮過,應該換返未壓縮嘅原始素材再放大。

揀圖片開始放大

喺瀏覽器入面用最近鄰方式將像素畫放大 1 到 20 倍,輸出保留透明通道嘅 PNG,唔會上載原圖。

先將相片轉成像素畫