免费在线像素画工具

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 像素显示,因此每一个像素都至关重要。在像素网格上手工绘制,可以获得清晰的边缘和完全的控制——这是自动缩小的 logo 很难做到的。

从 16×16 画布开始,保持设计简洁:一个醒目的字母、一个简单的符号,或 logo 中最具辨识度的部分。使用强对比色,确保图标在浅色和深色浏览器标签页上都清晰可辨,并在绘制时查看实时预览。

对结果满意后,点击“据此生成 favicon”。生成器会保持像素清晰,并根据你的绘图创建 favicon.ico、PNG 图标、Apple touch 图标和 Android 图标。

打造清晰像素风 favicon 的技巧

  • 使用两到四种颜色——色调过多在小尺寸下会变成杂点。
  • 留出 1 像素的边距,或填满整个方块;避免只接触部分边缘的形状。
  • 优先使用水平和垂直线条;斜线在 45 度时效果最佳。
  • 对称图标可使用镜像模式,透明区域可使用透明色。
  • 如果图标较为精细,请使用 32×32 或 48×48 绘制——高分辨率屏幕会使用更大的尺寸。