如何导出像素画
像素画多死在导出——重采样糊掉、JPEG 抹脏、倍数奇怪。花五分钟保住几小时的手艺。
广告
按去向选格式
- PNG — 游戏、网页、分享、精灵活。无损、透明、通用。
- SVG — 必须无限缩放的标志图标。PixiMelon 写真正的矢量矩形,每像素 1 单位。
- PDF — 打印和作品集,按作品尺寸排的矢量矩形。
- GIF — 动画的循环预览和贴纸(见动态 GIF)。
像素画永远别用 JPEG:它的压缩为照片而生,会把硬边抹成糊。

按整数倍放大
PNG 按画布原始尺寸(1 倍)导出,每像素精确。要更大展示,就在任意查看器里关掉平滑按整数倍放大——小数倍数宽窄不一,动起来发闪。打印就按印刷 DPI 同理缩到目标物理尺寸。

保住质量:透明、命名、检查
- 透明有意处理——精灵贴纸保留透明,其余压到预定底色上。
- 先给项目起好名字:PixiMelon 文件名(含图集和 GIF)都从它来。
- 导出重开按百分之百看:边缘、孤像素、循环接缝,发出前检查。
- 超大 SVG 导出会请你确认——细节爆炸成矩形,多数时候 PNG 更合适。
从导出到引擎和网页
游戏要 PNG 静态加精灵图集,网页要显示倍数的 PNG 或图标用 SVG。源头是一份项目文件(.piximelon.json)加按去向的导出——先存项目,再按目标新鲜导出,别靠记忆反复导出。
广告
常见问题
网页像素画用什么格式?
正文用显示整数倍的 PNG,必须缩放的标志图标用 SVG。
为什么导出的像素画发虚?
开平滑的重采样、JPEG 压缩或小数倍数缩放。PNG 按整数倍导出,永远别用 JPEG。
怎么保留透明?
PNG、GIF 或 SVG 保留透明通道导出——每份资源先想清要不要透明。
像素画能打印吗?
能:矢量 PDF 和 SVG 可无损缩到任何物理尺寸。PNG 按画布整数倍缩到打印分辨率即可。
准备好开画了吗? 打开新建像素画