JPG
SVG
SVG
ЗАГРУЗИТЬ
ФАЙЛ
Ожидание файла...
Превью
Ожидание файла...
Коротко об инструменте
На вход идёт снимок JPG — из камеры, мессенджера или фотостока, — на выходе получается SVG с кривыми, и весь расчёт идёт в памяти вкладки. Учитывайте природу источника: JPEG сжимает с потерями, и вокруг контрастных краёв остаётся характерный шум, который трассировщик добросовестно обводит отдельными фигурами. Поэтому вывеска, снятая на телефон, требует заметно меньшего числа цветов, чем чистый экспорт из редактора. Смотрите также: векторизовать логотип из PNG, подготовить контрастное ч/б перед трассировкой, оставить растровый вариант в WebP, обратно: растеризовать SVG в JPG нужного размера.
Виноват сам формат. JPEG кодирует картинку блоками 8×8 пикселей, и рядом с резкой границей появляется звон: полупрозрачные ореолы и слабые пятна другого оттенка. Для алгоритма это полноценные цветовые области, он их обводит наравне с буквами логотипа. Лечится снижением числа цветов до 4–6: соседние оттенки схлопываются в один, и мусорные фигуры исчезают вместе с ними.
Он превратится в большой залитый прямоугольник под всей картинкой. Альфа-канала в JPEG нет в принципе, прозрачных пикселей там не бывает, поэтому фон — такой же цвет, как и остальные. В Illustrator или Inkscape этот нижний объект выделяется одним кликом и удаляется, после чего эмблема остаётся на прозрачном холсте.
Как черновик — да, как готовый макет — почти никогда. На снимке есть перспектива, неравномерный свет, блики и тень от рельефа, и всё это уедет в контуры вместе с формой знака. Разумный сценарий: прогнать кадр через трассировку, получить основу с примерными пропорциями и уже по ней перерисовать знак вручную ровными кривыми.
Цветов 2, детализация 4. У штрихового скана всего два осмысленных тона — линия и бумага, — и всё остальное это шум сканера и желтизна листа. Два цвета отсекают их сразу, а высокая детализация нужна, чтобы тонкие линии не округлились и не разорвались. Если линии всё же рвутся, увеличьте контраст в исходнике до загрузки.
Вес зависит не от мегапикселей, а от двух ползунков. Перед расчётом кадр уменьшается по длинной стороне, так что 12 мегапикселей и 2 мегапикселя дадут сопоставимый результат. При 6 цветах и детализации 2 обычно выходит несколько сотен килобайт, а при 24 цветах и детализации 5 файл легко перевалит за несколько мегабайт и станет тяжелее исходного JPG.
Он не рисует ни одной кривой: снимок целиком кладётся внутрь SVG-файла как есть, меняется только расширение. Пригодится, когда приёмная форма пропускает исключительно .svg, а картинка обязана остаться фотографией. Отличить результат легко по весу и по тому, что при увеличении он по-прежнему мылится, как обычный JPG.
До: shop-sign.jpg, 900×900, кадр вывески, снятый на телефон и пережатый мессенджером до 120 KB
После: Цветов 5, детализация 2 — четыре крупных контура на буквы и подложку, мелкая грязь по краям ушла вместе с лишними оттенками
До: sunset.jpg, 1920×1280, плавные градиенты в небе и мягкие тени на поле
После: Цветов 12, детализация 3 — небо распалось на полосы плоских тонов, получился плакат, а не точная копия кадра
Оценка и фидбек помогают понять, что улучшать дальше.