it-swarm.com.ru

Конвертировать SVG в прозрачный PNG с сглаживанием, используя ImageMagick

Я хочу конвертировать изображения SVG в файлы PNG с прозрачным фоном и сглаженными краями (используя полупрозрачные пиксели). К сожалению, я не могу заставить ImageMagick делать сглаживание, края всегда выглядят ужасно. Вот что я попробовал:

convert +antialias -background transparent  in.svg -resize 25x25 out.png

Любые идеи или другой инструмент командной строки, который я мог бы использовать?

55
Andreas Gohr

Inkscape сделает это:

inkscape \
    --export-png=out.png --export-dpi=200 \
    --export-background-opacity=0 --without-gui in.svg
51
halfer

Как примечание, я обнаружил, что получить прозрачность было немного сложно. Вместо использования transparent мне пришлось использовать none .

convert -background none in.svg out.png
78
Micah

Собственно, читая документацию imagemagick:

-antialias

Включить/отключить рендеринг пикселей сглаживания при рисовании шрифтов и линий . По умолчанию объекты (например, текст, линии, многоугольники и т.д.) Сглаживаются при рисовании. Используйте + сглаживание, чтобы отключить добавление сглаживания Edge пикселей. Это тогда уменьшит
количество цветов, добавленных к изображению, к цветам, которые были нарисованы напрямую. То есть нет .__ смешанные> цвета добавляются при рисовании таких объектов.

+ сглаживание действительно отключит сглаживание.

16
sleeper

Я узнал, как это сделать, используя методологию, приведенную здесь: Как преобразовать файл .eps в высококачественный файл 1024x1024 .jpg?

Это та же идея, что и у решения @ halfer с inkscape--, чтобы сначала поднять DPI - но вы можете сделать то же самое, просто imagemagick, используя опцию -density.

convert -density 200 in.svg -resize 25x25 -transparent white out.png
9
chiliNUT

Я добавляю прямоугольник в качестве фона. Встраиваемый CSS скрывает фон . Затем я ловлю его цвет для установки прозрачного атрибута ImageMagick. 


SVG-файл:

<?xml version="1.0" ?>
<!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
<svg 
    version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
    width="500px" height="500px"
    viewBox="0 0 500 500" 
    enable-background="new 0 0 500 500" 
    >
<defs>
    <style>
        #background { display: none; }
    </style>
</defs>
<rect id="background" x="0" y="0" width="500" height="500" fill="#e8e437"/>
<!-- beginning of the sketch -->
<g fill="#000" text-anchor="middle"font-size="112">
    <text y="350" x="192">OK</text>
</g>
<!-- end of the sketch -->
</svg>

скрипт bash

#!/bin/bash


BASE_DIR=$( cd "$( dirname "${BASH_SOURCE[0]}" )" >/dev/null && pwd )
SVG_DIR="$BASE_DIR/import"
PNG_DIR="$BASE_DIR/export"

for f in `ls $SVG_DIR/*.svg`
do
    g="$PNG_DIR/$(basename "$f" .svg).png"
    BGCOLOR=`grep 'id="background"' $f \
        | sed 's/.* fill="\([^"]*\)".*/\1/'`

    convert $f -transparent "$BGCOLOR" $g
done
0
C Würtz

Добавление параметра -transparent white особенно решает проблему в моем случае, потому что фон не удален полностью (к сожалению, присутствует легкая тень). Поэтому я использую ИМХО более четкое решение, которое полностью удаляет фон с помощью ImageMagic:

convert -channel rgba -background "rgba(0,0,0,0)" in.svg out.png

Он устанавливает полностью прозрачный черный цвет в качестве фона через канал RGBA.

0
Yurii Rabeshko