Почему экспорт в SVG снижает качество рендеринга?

я использую Adobe Illustrator CS6.

После того, как я экспортирую (повернутый) файл Area Type Textи SVGпросматриваю его в масштабе 100%, я вижу его с низким качеством рендеринга:

введите описание изображения здесь

Только когда я начинаю увеличивать зум, я получаю качество:

введите описание изображения здесь

Я на Windows, и я использую Impactкак шрифт. В чем проблема?

Вы пробовали преобразовать текст в контуры? Я не могу воспроизвести проблему, используя Chrome или Firefox для просмотра SVG, когда текст Impact преобразуется в контуры. Какой браузер вы используете для просмотра SVG?
См. пример SVG здесь
Я без проблем вижу ваш текст/пример. Не знаю, почему я не могу сделать это сам. Что вы имеете в виду под "преобразованием текста в контуры"? Я просто добавляю текст типа области с помощью иллюстратора.
Выберите текстовый объект и нажмите «Объект» > «Развернуть». Это преобразует текст в контуры, а затем экспортирует ваш SVG.
Я вижу, теперь это работает! Хороший. Итак, для каждого текста мне нужно каждый раз его конвертировать? (если вы разместите ответ, вы получили +1 и приняты)
Да. Я добавлю ответ.

Ответы (2)

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

Выберите текстовый объект и нажмите « Объект» > «Развернуть» . Затем экспортируйте SVG.

Это преобразует текст в контуры.

Если вы не конвертируете в контуры, то вы зависите от установленного шрифта в средстве просмотра (что может быть не всегда так), а также от браузера для его рендеринга. Я подозреваю, что это проблема, с которой вы столкнулись.

Вы все еще во власти рендеринга браузера.

Вам нужно кое-что понимать в рендеринге.

Это своего рода реинтерпретация. То же, что и музыкальное произведение, которое имело указание исполняться в партитуре, но переосмыслено художником.

В этом случае каждый браузер берет инструкции, данные в файле SVG, и интерпретирует их по-новому. Они передают это, они не просто представляют это.

Таким образом, разные браузеры имеют разные механизмы рендеринга и по-разному интерпретируют разные вещи.

Некоторые могут накладывать или сглаживать вещи, некоторые могут просто делать быстрый рендеринг, некоторые могут сглаживать вещи на уровне субпикселей.

Вы не можете контролировать это. Это задается движком рендеринга и настройками пользователя, если это так.

То, что происходит в маленькой версии, таково. Ваш движок рендеринга выполняет рендеринг с псевдонимом.

Вместо того, чтобы смотреть линию шириной 1,5 пикселя (которой у вас не может быть), вы видите, скажем, линию шириной 2 пикселя.

Какой-то другой движок или метод рендеринга может создать линию шириной 1 пиксель и еще одну линию другого тона серого для имитации 1/2 пикселя.


Что вы можете попробовать, так это оставить текст как текст или преобразовать его в кривые. Надеясь, что большинство движков рендеринга интерпретируют один метод лучше, чем другой.