SVG
JPG
JPG
ЗАГРУЗИТЬ
ФАЙЛ
Ожидание файла...
Превью
Ожидание файла...
Коротко об инструменте
JPG берут там, где SVG отказываются принимать: формы госуслуг, карточки маркетплейсов, вложение в письмо, типография. Платить приходится двумя вещами. Прозрачности у JPG нет вовсе, поэтому пустой фон заливается белым — всегда, отключить это нечем. И сжатие здесь с потерями, а хуже всего оно ведёт себя как раз на векторной графике: вдоль резких контуров появляется ореол. Поэтому ползунок качества решает тут больше, чем на фотографии. Смотрите также: тот же вектор в PNG, если нужна прозрачность, обратный путь: векторизовать JPG, ужать готовый JPG под лимит формы.
Потому что альфа-канала в JPG нет как явления: каждый пиксель непрозрачен по определению формата. Пустоту нужно чем-то заполнить, и страница заливает её белым до отрисовки вектора. Переключателя для этого не предусмотрено — он есть только у конвертера в PNG, где прозрачность формат хранить умеет. Если логотип ляжет на цветную подложку сайта, белый прямоугольник вокруг него будет виден, и правильный выход тут именно PNG.
Начните с 92, которые стоят по умолчанию. Векторная графика — худший случай для JPEG: алгоритм рассчитан на плавные переходы, а получает резкую границу между заливками и отвечает на неё ореолом из светлых и тёмных точек. На плашке, логотипе или схеме это видно уже около 80. Если же в SVG градиенты и мягкие тени, картинка ближе к фотографии, и 70–75 пройдут незаметно.
До 8000 пикселей по стороне — дальше холст выходит за пределы, которые держит браузер, и страница подставит предел, сообщив об этом. Важно, что это не апскейл: вектор рисуется заново под выбранный размер, поэтому контуры на 8000 px такие же чёткие, как на 200. Ограничение чисто техническое, а не про качество исходника.
Ваш SVG подтягивает что-то извне — картинку по ссылке или шрифт с чужого домена. Браузер считает такой холст загрязнённым и запрещает выгружать из него изображение; это его правило безопасности, а не ошибка инструмента. Откройте SVG текстовым редактором, найдите ссылки на внешние ресурсы и встройте их в файл: растр перевести в data:URI, шрифт заменить кривыми.
Шрифта, которым подписан вектор, нет в системе, и браузер подставил свой. Ширина букв изменилась, надпись расползлась или наехала на соседний элемент. Лечится на стороне исходника: в редакторе переведите текст в кривые перед экспортом в SVG. Тогда буквы станут обычными контурами и отрисуются одинаково везде.
Нет. SVG читается через FileReader, рисуется на холст и выгружается в JPG силами самой вкладки — сетевых запросов с вашим файлом не происходит. Поэтому через страницу спокойно проходят непубличные макеты и схемы под NDA. После закрытия вкладки не остаётся ничего: истории файлов здесь тоже нет.
До: logo.svg, в атрибутах 200×100, фон прозрачный
После: 4x и качество 92 — logo.jpg 800×400 с белой подложкой, контуры без ореола
До: scheme.svg, размеры в файле не указаны
После: страница подставила 512 px, вписал 1600 — scheme.jpg встаёт в документ и уходит в типографию
Оценка и фидбек помогают понять, что улучшать дальше.