免費線上像素藝術工具
Favicon 像素編輯器
逐像素繪製清晰的 favicon(從 16×16 到 64×64),或微調匯入的圖片,再一鍵轉換成完整的 favicon 套件。
工具: 鉛筆
像素: –
尺寸: 16 × 16
鍵盤快速鍵與小技巧
- B鉛筆
- E橡皮擦
- G油漆桶
- I網管吸色管
- L直線
- R矩形
- O橢圓形
- M移動圖片(循環環繞)
- X交換主要色與次要色
- #/切換格線
- Ctrl+Z復原
- Ctrl+YCtrl+Shift+Z重做
- +-0放大、縮小、符合螢幕
- Shift直線、正方形與正圓形
- ←→移動圖片(移動工具)
- Esc取消目前的形狀
按右鍵會使用次要色繪製。在觸控螢幕上,用第二根手指可取消目前的筆畫。
如何繪製出色的 16×16 favicon
favicon 通常只會以 16 或 32 像素顯示,因此每一個像素都很重要。在像素格線上手工繪製,能讓邊緣銳利並完全掌控細節,這是自動縮小的標誌很難做到的。
先從 16×16 畫布開始,設計務求簡單:一個粗體字母、一個簡單的符號,或標誌中最具辨識度的部分。使用強烈的對比,讓圖示在淺色與深色瀏覽器分頁上都清晰可讀,並在繪製時隨時查看即時預覽。
對結果滿意後,請點擊「以此產生 favicon」。產生器會保持像素銳利,並根據您的繪圖建立 favicon.ico、PNG 圖示、Apple touch 圖示與 Android 圖示。
打造銳利像素風 favicon 的小技巧
- 使用兩到四種顏色;色階太多在小尺寸下會變成雜訊。
- 保留 1 像素邊距,或將整個方形填滿;避免只接觸部分邊緣的形狀。
- 建議使用水平與垂直線條;斜線以 45 度角效果最佳。
- 對稱圖示請使用鏡像模式,透明區域則使用透明色。
- 若圖示細節較多,請以 32×32 或 48×48 繪製;高解析度螢幕會使用較大的尺寸。