免费在线像素画工具
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 绘制——高分辨率屏幕会使用更大的尺寸。