如何无抗锯齿将SVG转换为仅含指定纯色的BMP文件？

需要把SVG文件转换为完全无抗锯齿的BMP，适配atlc程序要求——BMP只能包含指定的精确颜色（如红色必须是#ff0000，#ff0001视为错误）。

已制作仅含基础图形和指定颜色的SVG：

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

<svg
   width="100"
   height="40"
   shape-rendering="crispEdges"
   
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
   
   <style>
        rect { stroke: none; opacity: 1 }
        .background { fill: #ffffff }
        .wire { fill: #ff0000 }
        .pcb { fill: #dff788 }
        .gnd { fill: #00ff00 }
   </style>
   
  <defs id="defs2" />
  <g id="layer1">
    <rect class="background" width="100" height="40" x="0" y="0" />
    
    <rect class="wire" width="8" height="1.4"   x="46" y="20" />
    <rect class="pcb"  width="100" height="4.5" x="0"  y="21.4" />
    <rect class="gnd"  width="100" height="1.4" x="0"  y="25.9" />
  </g>
</svg>

使用以下ImageMagick命令转换：

convert +antialias -filter point -density 1000 \
  -background white -depth 8 -type truecolor   \
  microstrip_50r.svg bmp3:microstrip_50r.bmp

但转换后出现抗锯齿像素，atlc报错，Gimp确认红色矩形边缘存在非指定颜色的过渡像素。

解决方法 #

1. 修正SVG的非整数坐标/尺寸 #

SVG中元素的坐标、宽高如果是小数（如height="1.4"、y="21.4"），即便设置了shape-rendering="crispEdges"，渲染时仍会产生抗锯齿过渡像素。必须将所有数值改为整数，确保元素严格对齐到像素边界：
修改后的SVG关键部分示例：

<rect class="wire" width="8" height="1"   x="46" y="20" />
<rect class="pcb"  width="100" height="5" x="0"  y="21" />
<rect class="gnd"  width="100" height="1" x="0"  y="26" />

2. 优化ImageMagick转换参数 #

调整参数顺序并添加SVG渲染强制选项，确保完全禁用抗锯齿：

convert -density 1000 +antialias -filter point -dither none \
  -background white -depth 8 -type truecolor \
  -define svg:shape-rendering=crispEdges \
  microstrip_50r.svg bmp3:microstrip_50r.bmp

• -define svg:shape-rendering=crispEdges：直接强制SVG渲染器使用无抗锯齿的像素对齐模式
• -dither none：禁用颜色抖动，避免产生过渡色

3. 强制映射到指定颜色集合 #

如果仍存在偏差，可创建仅包含目标颜色的模板文件，将转换后的图像像素强制映射到该集合：

1. 生成颜色模板：

convert -size 4x1 xc:#ffffff xc:#ff0000 xc:#dff788 xc:#00ff00 +append colors.png

2. 转换时添加颜色映射：

convert -density 1000 +antialias -filter point -dither none \
  -background white -depth 8 -type truecolor \
  -define svg:shape-rendering=crispEdges \
  microstrip_50r.svg -remap colors.png bmp3:microstrip_50r.bmp

4. 验证结果 #

用ImageMagick检查颜色数量，确认仅包含指定的4种颜色：

identify -format "%k\n" microstrip_50r.bmp

输出应为4，也可通过Gimp的颜色拾取器或直方图验证无过渡色。

内容的提问来源于stack exchange，提问作者Rgaddi