免費線上像素藝術工具

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 繪製;高解析度螢幕會使用較大的尺寸。