Преобразовать JPG в SVG Joint Photographic Experts Group ↔ Scalable Vector Graphics Бесплатно Онлайн Безопасно

Почему люди конвертируют JPG в SVG

JPG — это сетка цветных точек, сжатая способом, подходящим для фотографий. SVG — рисунок, описанный фигурами. Разница определяет, что с ними можно делать: у JPG фиксированный размер, и при увеличении он становится размытым, тогда как SVG можно масштабировать до стены здания, и он остаётся чётким. Логотипы, печати, подписи и линейные иллюстрации часто существуют только в виде JPG, потому что именно так их сканировали, фотографировали или присылали, а затем возникает необходимость использовать их в большем размере, перекрасить, вырезать на плоттере или поместить на сайт, который требует SVG. Поэтому люди и конвертируют JPG в SVG: у них есть картинка, а нужен рисунок.

Важно честно сказать, что такая конвертация может и чего не может. Превращение пикселей обратно в фигуры — не восстановление исходного рисунка, которого уже нет. Это догадка, сделанная по тому, где заканчиваются области однотонной заливки. Для логотипа, сохранённого как JPG, догадка часто хороша. Для отпускной фотографии она почти бесполезна. На этой странице два варианта, и она говорит, чего стоит каждый из них, прежде чем вы потратите время: можно позволить картинке стать фигурами путём трассировки, а можно сохранить картинку в точности такой, какой она пришла, обернув её в SVG.

Эта страница конвертирует JPG в SVG в вашем браузере. Ваша картинка не загружается на сервер, что важно для логотипов, сканов и дизайнов, которые ещё не обнародованы. Ниже вы найдёте, как работает трассировка, как выбрать число цветов, почему JPG требует особой осторожности и когда лучший ответ — вообще не трассировать.

Как работает конвертация

Два варианта того, что происходит с картинкой

Вы выбираете, что происходит с картинкой: она становится фигурами или остаётся в точности такой, какой пришла. Первый вариант — трассировка. Картинка анализируется, фигуры группируются так, как их группирует глаз, при выбранном вами числе цветов, а их границы записываются как фигуры, залитые этими цветами. Второй — обёртывание: картинка помещается в файл SVG без изменений, так что снаружи файл — SVG, а внутри — те же пиксели.

Фигуры так, как их группирует глаз

Трассировка сохраняет фигуры так, как их группирует глаз, при выбранном вами числе цветов. Двухцветный логотип даёт двухцветные фигуры; картинка, трассированная в восемь цветов, даёт восемь тонов плоской заливки, уложенных слоями. Пропорции рисунка и его исходный размер записываются в SVG, поэтому он ложится в макет в том размере, который имел.

Сохранение картинки

Сохранение картинки, напротив, даёт файл, который снаружи SVG, а внутри — те же пиксели. Это полезно, когда что-то принимает только .svg, и это не способ получить векторную графику. Картинка будет размываться при увеличении, точно так же, как JPG.

Что сохраняется

Фигуры при выбранном вами числе цветов

Фигуры сохраняются так, как их группирует глаз, при выбранном вами числе цветов. Чем меньше цветов, тем проще и чище результат; чем больше цветов, тем ближе он к оригиналу и тем тяжелее файл.

Пропорции и размер

Пропорции рисунка и его исходный размер записываются в SVG, поэтому форма картинки не изменяется, и файл можно масштабировать отсюда.

Нет прозрачности, которую можно сохранить

В JPEG нет прозрачности, поэтому в SVG её тоже нет. Если ваш рисунок предназначался для цветного фона, после конвертации вам нужно будет удалить фигуру фона в графической программе.

Что нужно знать, прежде чем конвертировать JPG в SVG

JPG оставляет пятна вокруг каждого края

JPEG сохраняет картинки, отбрасывая детали, и то, что он оставляет, — слабые пятна вокруг каждого края. Трассировка не может отличить эти пятна от рисунка, поэтому они становятся лишними фигурами. Меньше цветов и более гладкая настройка скрывают большую их часть. Если ваша трассировка полна крошечных крапинок у линий, уменьшите число цветов.

В фотографии нет рисунка

Более глубокий предел тот же, что подразумевает JPEG: в файле, который является фотографией, нет рисунка, который можно найти, и трассировка превращает её в плакат из плоских пятен, а не в картину. Для логотипа, сохранённого как JPG, это работает хорошо; для отпускной фотографии честный ответ — сохранить картинку такой, какой она пришла.

Большие картинки

Очень большие картинки считываются в уменьшенном размере, чтобы работа оставалась посильной, а SVG всё равно несёт исходные размеры. Будучи векторным, он масштабируется обратно. Мельчайшие детали могут потеряться при считывании.

Как конвертировать JPG в SVG здесь

Добавьте картинку

Перетащите JPG на страницу или выберите его на устройстве. Он считывается внутри вашего браузера и не загружается.

Выберите трассировку или сохранение и цвета

Решите, должна ли картинка стать фигурами или остаться такой, какой пришла. Если вы трассируете, задайте число цветов.

Конвертируйте и сравните

Нажмите кнопку и скачайте SVG. Откройте его в браузере и увеличьте масштаб. Хорошая трассировка остаётся гладкой. Сравните её с JPG рядом, а если результат не тот, измените цвета и попробуйте снова.

Подробнее о JPG и SVG

Фотографии и рисунки

JPG создан для фотографий, где цвета меняются постепенно и глаз прощает мелкие ошибки. SVG создан для рисунков, где у фигур есть края, а цвета плоские. Два формата выполняют противоположные задачи. Конвертировать JPG в SVG — значит просить рисунок из файла, созданного для хранения фотографии, и это работает, лишь когда содержимое фотографии на самом деле рисунок, например отсканированный логотип.

Почему трассировка не может восстановить оригинал

Когда логотип сохранили как JPG, его кривые превратились в точки, а сжатие ещё больше размыло края. Трассировка считывает точки и предлагает кривые, проходящие через них. Предложение часто очень хорошее, но это не исходная кривая. Если существует исходный SVG, используйте его.

Когда избегать трассировки

Не трассируйте фотографии и не ждите, что трассировка воссоздаст тонкие надписи небольшого логотипа. В таких случаях сохраните картинку такой, какой она пришла, или перерисуйте рисунок в графической программе, используя JPG как образец.

Типичные ситуации подробно

Логотипы, существующие только в виде JPG

Клиент присылает логотип как JPG, а вам нужно его побольше или в другом цвете. Конвертируйте JPG в SVG, проверьте результат и наведите порядок в графической программе. Для простого логотипа результат может быть превосходным.

Отсканированные рисунки, печати и подписи

Рисунок пером, резиновую печать или подпись, отсканированные на белой бумаге, можно трассировать в одноцветный SVG, чисто масштабируемый. Позаботьтесь о том, чтобы использовать только свои подписи и знаки.

Резка и гравировка

Плоттеры, виниловые резаки и лазерные граверы работают по векторным контурам. Трассированный SVG силуэта даёт им то, что нужно.

Сайты, которые требуют SVG

Некоторые платформы принимают для логотипов только SVG. Если платформе достаточно варианта сохранения, картинку можно обернуть. Если нужен настоящий вектор, трассируйте.

Практические советы перед тем, как конвертировать JPG в SVG

Начните с самого большого и чистого JPG, который у вас есть

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

Сначала повысьте контраст

Если рисунок выполнен на серой бумаге, повысьте контраст в редакторе, чтобы линии были тёмными, а бумага светлой. Чёткое разделение хорошо трассируется.

Используйте мало цветов

Для логотипа обычно подходит от двух до четырёх цветов. Больше цветов — больше крапинок от сжатия.

Сохраните JPG

JPG — это исходник. Если трассировка получилась неудачной, он понадобится, чтобы попробовать снова с другими настройками.

Как получить лучшую трассировку, когда вы конвертируете JPG в SVG

Посчитайте ожидаемые цвета

Прежде чем конвертировать JPG в SVG, посчитайте цвета рисунка. Логотип, использующий красный, белый и чёрный, просит три. Если запросить именно столько, получатся чистые фигуры, соответствующие дизайну.

Следите за краями

Граница между двумя цветами в JPG — мягкая линия промежуточных оттенков. Трассировке приходится решать, где внутри этой мягкой линии проходит край. Она выбирает середину, и это почти всегда верно, но очень тонкая линия может распасться на куски. Если линии шириной всего в пиксель-два, начните с увеличенной версии.

Подумайте о белом фоне

У JPG нет прозрачности, поэтому белый фон попадает как белая фигура позади рисунка. Удалите её в графической программе, чтобы логотип чисто лежал на других цветах.

Вопросы, которые задают перед конвертацией

Получу ли я обратно свой исходный вектор?

Нет. Трассировка — это догадка, а не восстановление. Она предлагает фигуры, которые следуют границам цветов на картинке.

Почему моя трассировка полна крапинок?

Потому что сжатие JPG оставляет слабые пятна вокруг краёв, а трассировка читает их как фигуры. Используйте меньше цветов или более чистый источник.

Почему моя фотография выглядит как плакат?

Потому что в фотографии нет рисунка. Трассировка превращает её в пятна цвета. Сохраняйте фотографии такими, какими они пришли.

Есть ли прозрачность?

Нет. В JPEG нет прозрачности, поэтому в SVG её тоже нет.

Загружается ли моя картинка?

Нет. Конвертация выполняется в вашем браузере, и картинка никогда не покидает ваше устройство.

Можно ли вернуться к JPG?

Да. SVG в JPG рисует фигуры в выбранном вами размере.

Разумный выбор при конвертации JPG в SVG

Трассировать или сохранить?

Трассируйте плоские рисунки. Сохраняйте фотографии и всё детальное. Если сомневаетесь, попробуйте трассировку и посмотрите на результат рядом с оригиналом.

Другие отправные точки

Если ваша картинка — PNG, PNG в SVG работает так же и сохраняет прозрачность. Для файла значка ICO в SVG считывает самый большой размер внутри него.

Сохраните то, с чего начали

Храните JPG рядом с SVG. Это разные вещи, и у каждой своё применение.

Как добиться хорошего результата после конвертации

Откройте в графической программе

Посмотрите на фигуры и цвета. Удалите случайные крапинки, объедините фигуры, которые должны быть одной, и сгладьте кривые, получившиеся комковатыми.

Проверьте в нескольких размерах

Увеличивайте и уменьшайте масштаб. Хорошая трассировка сохраняет форму в любом размере.

Упростите для сети

Трассированный SVG может содержать много точек. Инструменты, упрощающие контуры, могут значительно уменьшить файл без видимых изменений.

Как извлечь максимум из трассированного SVG

Используйте там, где важно масштабирование

Главное преимущество результата — он масштабируется. Используйте его для плаката, вывески, вышитой нашивки или наклейки и радуйтесь, что не нужно просить файл побольше. Когда снова понадобится пиксельная картинка, SVG в PNG отрисует фигуры в любом выбранном вами размере.

Сравните с перерисовкой

Для важного логотипа трассировка может быть отправной точкой, а не концом. Дизайнер может поместить трассированные фигуры на слой, перерисовать кривые с чистыми точками и получить файл, с которым приятно работать. Если логотип — лицо компании, этот час потрачен не зря. Для повседневных нужд хорошей трассировки достаточно.

Легко перекрашивайте

Поскольку каждая область — фигура с заливкой, смена цвета сводится к тому, чтобы выбрать фигуру и указать другой. Часто именно поэтому люди и конвертируют JPG в SVG: логотип не того цвета или версия, которая должна работать на тёмном фоне.

Будьте осторожны с товарными знаками и чужими работами

Трассировка логотипа или рисунка не даёт вам прав на него. Используйте конвертацию для рисунков, которыми вы владеете или которые вам разрешено использовать. Для ваших собственных знаков это удобный способ обновить старые картинки.

Сохраните понравившиеся настройки

Когда вы найдёте число цветов, подходящее для определённого вида рисунков, запишите его. В следующий раз, когда вы будете конвертировать JPG в SVG для похожего логотипа или печати, вы начнёте с настройки, которая, как вы знаете, даёт чистые фигуры.

Конфиденциальность и обработка

Почему локальная конвертация важна для графики

Логотипы, сканы и дизайны могут быть конфиденциальными до публикации. Многие онлайн-конвертеры загружают ваш файл на сервер, обрабатывают его и присылают результат, и некоторое время копия живёт на машине, которую вы не контролируете. Здесь работу выполняет ваш собственный браузер, поэтому картинка остаётся на вашем устройстве.

Что происходит, когда вы уходите

Когда вы закрываете страницу, конвертированный файл исчезает из браузера, поэтому сначала скачайте его. Ничего о вашей картинке не сохраняется.

Если что-то пошло не так

Трассировка полна крапинок

В картинке был шум сжатия. Уменьшите число цветов или сначала очистите картинку в редакторе.

Фигуры слишком грубые

Увеличьте число цветов или начните с большего JPG.

Страница зависает с большой картинкой

Всё выполняется на вашем устройстве, а большой картинке нужна память. Попробуйте снова на компьютере или сначала уменьшите картинку.

Связанные инструменты

То же семейство инструментов охватывает соседние задачи. Для PNG используйте PNG в SVG, а для файла значка — ICO в SVG. Чтобы вернуться к пикселям, SVG в JPG, SVG в PNG и SVG в ICO отрисуют фигуры в выбранном вами размере. Векторная страница для печати получается с помощью SVG в PDF, а более лёгкий JPG — с помощью сжатия JPG.

Пример на практике

Допустим, клуб присылает вам свою эмблему как JPG размером 600 на 600 пикселей: красный герб на белом фоне. Она нужна вам на баннере шириной два метра. Вы перетаскиваете JPG сюда, выбираете трассировку с тремя цветами и нажимаете кнопку. Через мгновение вы скачиваете SVG с теми же пропорциями, в котором герб — набор чистых фигур. Вы открываете его в графической программе, удаляете белый квадрат позади и несколько крапинок и масштабируете до размера баннера. Края остаются чёткими. JPG остаётся в вашей папке.

Краткий чек-лист

Перед конвертацией

Проверьте, что картинка — плоский рисунок, а не фотография. При необходимости повысьте контраст. Сохраните JPG.

Во время конвертации

Выберите трассировку или сохранение и задайте цвета. Оставайтесь на странице, пока файл не будет готов.

После конвертации

Откройте SVG, увеличьте масштаб, сравните его с JPG и приведите в порядок в графической программе.

Типичные ошибки

Трассировка фотографий

Фотография превращается в плакат из пятен. Сохраните её такой, какой она пришла.

Ожидание исходных кривых

Трассировка — это догадка. Если существует исходный SVG, используйте его.

Слишком много цветов

Больше цветов дают шумные фигуры и подхватывают пятна JPG. Используйте столько, сколько нужно рисунку.

Ваша картинка остаётся на вашем устройстве

Конвертация происходит локально. Ваша картинка считывается вашим браузером, там же трассируется и возвращается как SVG. Ничего не загружается, поэтому копия не оказывается на сервере, и никто другой не может её увидеть. Для необнародованных рисунков это безопасный способ конвертировать JPG в SVG.

Итог

Чтобы конвертировать JPG в SVG здесь, перетащите картинку, выберите, что с ней происходит, и нажмите кнопку. Выбираете вы: картинка становится фигурами или остаётся в точности такой, какой пришла, а чего стоит каждый вариант, написано на этой странице, прежде чем вы потратите время. Трассировка сохраняет фигуры так, как их группирует глаз, при выбранном вами числе цветов, а пропорции рисунка и его исходный размер записываются в SVG. JPEG сохраняет картинки, отбрасывая детали, и то, что он оставляет, — слабые пятна вокруг каждого края, которые трассировка не может отличить от рисунка. В файле, который является фотографией, нет рисунка, который можно найти. В JPEG нет прозрачности, поэтому в SVG её тоже нет.