若要保持像素藝術清晰銳利,請以原始像素尺寸匯出 PNG,或使用最近鄰重採樣,以整數倍放大。儲存前請檢查匯出預覽;縮放無法修復作品中已經變模糊的邊緣。
本工作流程適用於目前 Mac 版 Affinity 桌面應用程式中的單張靜態像素藝術圖片。選單路徑依據目前的 Affinity 說明中心。此處的目標是在建立獨立影像檔時,保留刻意設計的方形像素。
使用目前的桌面控制項匯出清晰銳利的 PNG
請從已完成且各個像素看起來正確的圖片開始。匯出前先儲存可編輯的 Affinity 文件,以便保留來源檔供日後修改。
- 選擇 File > Export > Export。
- 在左側選取 PNG 預設集。
- 將 Area 設為所需內容。若是簡單的單頁圖片,請選擇 Whole document;若要匯出單一畫板,請選擇其名稱。
- 將 Size 設為原始像素尺寸或計算好的放大尺寸,並保持 Lock aspect ratio 啟用。
- 將 Resample 設為 Nearest Neighbor。
- 檢查預覽,然後選擇 Ask for Location,按一下 Export,為檔案命名,再按一下 Save。你可以啟用 Show in Finder,立即找到匯出的檔案。Affinity 的匯出對話框和匯出設定說明了這些控制項與儲存步驟。
Affinity 建議硬邊緣圖片使用最近鄰重採樣。匯出時若增加或減少圖片尺寸,重採樣選項便會生效。維持原始尺寸可避免匯出尺寸變更;若要放大,則需要選擇如何產生新的像素。Affinity 匯出設定
請先選擇匯出範圍,再判斷尺寸。Selection Area 會包含與所選內容重疊但未選取的圖層;Selection Only 則不會包含。即使重採樣選項正確,選錯範圍仍可能改變作品周圍顯示的內容。Affinity 匯出對話框
選擇能保留等大像素區塊的放大倍率
若要讓方形區塊大小一致,寬度和高度都應使用相同的正整數倍率。這項建議源自放大像素網格的幾何原理:放大 4 倍時,每個來源像素都能對應到 4×4 的輸出像素區塊。使用小數倍率時,無法為每個來源像素分配寬度一致的整數像素區塊。
以一個 32×24 像素的圖塊為例,依照下列方式計算輸出尺寸:寬度 × 倍率及高度 × 倍率:
| 預期結果 | 匯出尺寸 | 計算方式說明 |
|---|---|---|
| 原始尺寸 | 32 × 24 px | 不放大 |
| 放大 2 倍 | 64 × 48 px | 每個來源像素變成 2 × 2 區塊 |
| 放大 3 倍 | 96 × 72 px | 每個來源像素變成 3 × 3 區塊 |
| 放大 4 倍 | 128 × 96 px | 每個來源像素變成 4 × 4 區塊 |
| 放大 2.5 倍 | 80 × 60 px | 無法形成大小相等的整數像素區塊 |
這些是尺寸計算範例,並非實際測得的匯出結果。在此範例中,若要取得區塊規則的較大版本,請使用最近鄰重採樣並選擇 128×96 像素。匯出為 80×60 時,邊界可能仍然清晰銳利,但部分來源欄或列必須佔用不同數量的輸出像素。
縮小尺寸會帶來不同限制:輸出像素較少,無法保留來源中每個顏色各異的像素。若縮小版本遺失了一個單像素細節,請回到原始檔,針對較小的網格簡化該細節。反覆調整縮小後的副本,無法還原已經遺失的資訊。
單獨變更 DPI 不會放大螢幕上的圖片
Affinity 將列印縮放與重採樣視為不同處理。關閉 Resample 後變更 DPI,只會修改列印解析度中繼資料,不會影響像素尺寸。因此,這不會把 32×24 像素的圖片變成較大的螢幕用素材。Affinity:變更圖片尺寸
若確實需要在繼續繪製前放大工作文件,請使用 Document > Setup > Resize > Document。啟用 Resample,選擇像素單位,保持比例連結並輸入新尺寸,選取 Nearest Neighbor,然後按一下 Resize。Affinity 明確指出,此方法適用於硬邊緣圖片和像素作品。若只是需要較大的交付檔,變更匯出尺寸即可。Affinity:變更圖片尺寸
選擇不會改變預期色彩的格式
PNG 是此任務的實用預設格式,因為它支援無損點陣圖儲存,也可選擇是否使用透明背景。無損壓縮會保留編碼中的影像資料,但無法逆轉編碼前已進行的重採樣或色彩變更。W3C PNG 規格第三版
切換格式或縮小檔案前,請確認以下已說明的限制:
| 格式或選項 | 相關限制 |
|---|---|
| PNG | 色盤映射為選用功能。若不打算限制圖片的色盤,請停用 Palettized。 |
| GIF | 無法關閉色盤映射。 |
| PDF、SVG、EPS | Rasterize: Nothing 會省略不支援的元素,不會自動保留這些元素。 |
| 含有已儲存 Affinity 圖層的 TIFF | 這些圖層只能在 Affinity 中讀取。 |
這些限制列於 Affinity 匯出設定。若是單張完成的像素圖片,請先使用 PNG,並在首次匯出時不進行色盤縮減。
向量格式適用於其他交付需求,但選擇 SVG 本身不會為完成的圖片建立固定像素網格。此任務使用明確指定尺寸的 PNG,便能清楚定義預期的輸出網格。請另外保留可編輯的 Affinity 文件,不要把匯出的圖片當作工作母檔。
也請留意任何匯出尺寸警告。Affinity 說明,若圖片超過所選格式的最大尺寸,便會縮放至符合上限。這種自動變更可能會破壞你精心計算的倍率;請先自行調整目標尺寸,再繼續匯出。Affinity 匯出設定
了解「Pixel Art Document」調整尺寸的實際效果
Affinity 也提供名為 Pixel Art Document 的指令,但其說明用途與單純的區塊放大不同。選擇 Document > Setup > Resize > Pixel Art Document,即可使用 HQX 或 XBR,倍率為 2×、3× 或 4×。Affinity:調整像素藝術尺寸
Affinity 說明,XBR 會產生較平滑的結果,而 HQX 較銳利,但細小邊緣會更鋸齒。其範例顯示,XBR 會修飾放大後的邊緣。若你想重新詮釋輪廓,這些濾鏡便適合使用。若要保留原始階梯狀圖案的方形區塊,請使用上文所述的最近鄰匯出流程。這項選擇是根據這些濾鏡說明的用途而定。Affinity:調整像素藝術尺寸
調整更多匯出設定前,先找出模糊從何而來
依照以下順序找出不想要的變化是在何處進入圖片。每次只比較一個設定,才能從結果中取得有用資訊。
在已知倍率下檢查匯出結果
在 Mac 的匯出預覽中,按 Command–1 以 100% 檢視,按 Command–2 以 200% 檢視,按 Command–3 以 400% 檢視,或按 Command–4 以 800% 檢視。使用較大的檢視倍率檢查個別邊緣像素,再返回 100% 評估原尺寸的匯出圖片。Affinity 專門為匯出預覽說明了這些快速鍵。Affinity 匯出對話框
作為診斷測試,請比較原尺寸 PNG 與整數倍率放大的 PNG。若原尺寸版本已包含你不預期的中間色邊緣,請檢查作品本身。若不想要的變化只在放大版出現,請重新確認尺寸和重採樣方法。
檢查含有向量形狀的作品是否對齊
若像素圖形以向量建立,Affinity 的 Force Pixel Alignment 會在建立、移動或修改物件、節點、控制柄和像素選取範圍時,將它們吸附至整數像素。專屬說明頁給出的桌面版路徑為 View > Snapping,然後選擇 Force Pixel Alignment。頁面也提醒,吸附至位於像素外的物件或輔助線,可能會產生偏離像素網格的結果。Affinity:強制像素對齊
不要假設 Move By Whole Pixels 能修正既有的小數位置。Affinity 說明,此功能會保留物件佔據的部分像素,同時將移動距離限制為整數像素。例如,從 X = 5.5 開始移動 10 像素,最後會停在 X = 15.5。修正對齊時,請停用此選項,並保持 Force Pixel Alignment 啟用,同時檢查其他可能的吸附目標。Affinity:強制像素對齊
對齊有助於建立預期網格,但無法移除點陣圖層中已繪製的柔和色彩。請在來源檔中修正,再進行最終匯出。
儲存已驗證的設定,供下次匯出使用
確認匯出成功後,將設定儲存為預設集。在匯出對話框中調整起始預設集,按一下 Preferences,選擇 Create Preset,輸入描述性名稱,再按一下 OK。Affinity 會讓你在匯出對話框、快速匯出和切片工作室中使用此預設集。Affinity 匯出對話框
之後匯出時,按一下右上角的向下箭頭開啟快速匯出,選擇所需選項,再按一下 Export。其預設集可以包含格式、尺寸和重採樣方法,因此請依每張圖片所需的尺寸檢查選取的預設集。Affinity:快速匯出
最後儲存 PNG,確認尺寸符合計算結果,且預覽保留預期的像素圖案。將原始 Affinity 文件一併保留,讓下次調整尺寸時仍從相同且經過規劃的來源網格開始。