美感養成筆記資源

AI|解決 illustrator 輸出尺寸誤差

解決 illustrator 輸出圖片時,成品出現 1px 的誤差

非付費會員點我 👉 免費閱讀此文章

When the sun hits the ridge just right.

應該有不少人在 Illustrator 匯出圖片時,發現圖片尺寸出現正負 1px 的狀況,為何不同設計師的圖,有的精準,有的卻一直出現誤差呢?

是否在輸出圖片時,發現圖片尺寸與設定的工作區域尺寸不符合呢?

大綱
1. 情境還原
2. 這時候該怎麼做?
3. 解決方式
4. ㄧ些小撇步可幫助你減少出錯的機率
5. 好麻煩~差那一點點,有差嗎?

情境還原

在 Illustrator 先設定寬與高皆為 200 px 的工作區域(圖 A),接著手動複製新的工作區域(圖 B)

截圖

使用最上方導覽列,檔案→轉存,並勾選使用工作區域,輸出範圍為全部。

接著,發現不太對勁的地方:

圖B的尺寸出現誤差

圖片中可見 B.png 的尺寸出現 1px 誤差值:201 x 200,但是在 Illustrator 中,工作區域尺寸的確為 200 x 200!為何會出現誤差!!!

這時候該怎麼做?

  • 偷懶的方式、不知該怎麼辦時:直接使用 Photoshop 修正尺寸
  • 從根本解決:從檔案、工作區域設定著手

多數設計師會選擇前者,但事情並非如此完美Photoshop 雖然萬用,卻無法解決問題的根本

解決方式

確認工作區域的寬、高皆為對的數值之後…

檢查工作區域的 X、Y 位置

--

--

Jhane Chou (⁎⁍̴̛ᴗ⁍̴̛⁎)
Deerlight Design 曝鹿設計專欄

Freelancer.Design Tutor.LINE Theme Creator. 自由接案&設計家教,不定期分享設計領域及自由工作的相關經驗 ✹ https://deerlight.design/