Конвертировать SVG в JPG Scalable Vector Graphics ↔ Joint Photographic Experts Group Бесплатно Онлайн Безопасно
SVG — это не картинка, а указание, как её нарисовать. Здесь оно выполняется один раз, в выбранном вами размере, и результат сохраняется как JPG. Рисование идёт в песочнице, где ничто из файла не может выполниться, и никуда ничего не отправляется.
Преобразуйте свой файл
Перетащите SVG сюда или выберите файл.
Ваш файл не покидает это устройство. Всё работает в вашем браузере.
Ничего не загружается
Чем вектор отличается
SVG — не картинка; это набор указаний, как её нарисовать: круг такого-то радиуса здесь, линия отсюда досюда, эта фигура залита тем цветом. В 2001 году он стал стандартом веба, и, поскольку хранит рисунок, а не результат, из того же файла, что выводит значок в шестнадцать пикселей, можно отпечатать рекламный щит. PNG или JPEG хранит обратное: готовую сетку цветных точек без всякой памяти о том, что их нарисовало. Эта несимметричность решает всё на этой странице. Путь от вектора к растру — просто отрисовка указаний в выбранном размере; путь обратно — трассировка: программа смотрит на сетку точек и гадает, какие фигуры могли её породить.
Где они встречаются
Логотипы, значки, карты, схемы и графики живут как SVG, потому что должны читаться в любом размере и часто требуют перекраски. Из них же делают значки вкладок и приложений. Обратное направление — для того мига, когда вектор обязан стать плоской картинкой: почтовая программа, которая не показывает SVG, предпросмотр в социальной сети, документ, который напечатает кто-то с программами старше ваших, или форма загрузки, принимающая только фотографии.
Частые вопросы
Я трассировал фотографию, и вышло ужасно. Почему?
Потому что трассировка никогда не предназначалась для фотографий. Она ищет области схожего цвета и обводит каждую контуром, что подходит плоской графике — логотипу, трафарету, рисунку линиями — и проваливается на фотографии, где каждая область плавно переходит в следующую. Программе приходится выдумывать границу там, где её нет, и получается либо плакатная россыпь плоских пятен, либо файл с десятками тысяч крошечных фигур. Для фотографий оставайтесь с растром.
Почему мой SVG выглядит иначе в другой программе?
Чаще всего из-за шрифтов. SVG с текстом называет шрифт по имени и рассчитывает, что открывающая машина им располагает; если нет, подставляется другой, и вёрстка съезжает. Лекарство — перевести текст в контуры перед выгрузкой: каждая буква становится фигурой, и файл выглядит одинаково везде, ценой того, что текст уже не правится и не выделяется. Продвинутые эффекты — фильтры и режимы наложения — вторая обычная причина расхождений.
Теряет ли файл в качестве?
Смотря что способны вместить оба формата. Перевод между форматами, которые хранят одно и то же, — PNG в BMP, WAV в FLAC — не теряет ничего. Перевод в формат, который отбрасывает сведения ради экономии места, вроде JPEG или MP3, каждый раз теряет немного, и обратный перевод их не вернёт. Где есть выбор, эта страница склоняется к сохранению исходного качества, а не к самому маленькому файлу.
Мой файл куда-нибудь отправляется?
Нет. Преобразование происходит внутри вашего браузера, на вашей же машине; файл её не покидает, да и некуда — здесь нет сервера, который мог бы его принять. Потому большой файл ограничен вашей собственной памятью, а не отправкой; и потому ничто из преобразованного вами не может попасть в чьи-либо журналы, в том числе в наши. Средства для звука и видео всё же забирают свой преобразующий механизм с этого сайта при первом обращении — около тридцати мегабайт, один раз; дальше работа по-прежнему идёт целиком на вашей машине.
Зачем люди конвертируют SVG в JPG
SVG — это не картинка. Это набор инструкций для её рисования: нарисуй здесь круг, там кривую, залей эту фигуру тем цветом, напиши это слово тем шрифтом. Поскольку это инструкции, а не пиксели, SVG можно показывать в любом размере без размытия, что делает его любимым форматом логотипов, значков, диаграмм и иллюстраций. Но удивительное множество программ не умеет следовать этим инструкциям. Некоторым формам загрузки, старым почтовым программам, фотосервисам и киоскам печати нужен JPG и ничего другого. Вот почему люди конвертируют SVG в JPG: у них есть рисунок, а место, куда его нужно поместить, принимает только самый распространённый фотографический формат.
Полезно быть честным в выборе. Для рисунка PNG почти всегда лучший формат, потому что он сохраняет плоские цвета и резкие края чистыми и сохраняет прозрачность. JPG создан для фотографий. Это верный ответ только тогда, когда что-то не примет ничего, кроме JPG, а это случается, и часто. Если у вас такой случай, эта страница сделает работу.
Эта страница конвертирует SVG в JPG в вашем браузере. Инструкции в вашем файле выполняются один раз в выбранном вами размере, а результат сохраняется как JPG. Рисунок отображается в песочнице, где ничто в файле не может выполняться, и ничего не загружается. Ниже вы найдёте, как это работает, что сохраняется, чего стоит формат и как выбрать размер.
Как работает конвертация
Инструкции выполняются один раз
Ваш SVG открывается внутри вашего браузера, который делает с SVG то, что делает всегда: следует инструкциям рисования и закрашивает результат. Эта закраска затем захватывается как картинка в выбранном вами размере и сохраняется как JPG. Процесс происходит на вашем устройстве, поэтому нечего ждать и нечего потом удалять.
Песочница, где ничто не может выполняться
Файл SVG может в принципе содержать скрипты и ссылки на другие объекты. Чтобы это никогда не было риском, рисунок отображается в песочнице, где ничто в файле не может выполняться. Закрашиваются только фигуры. Это безопасно даже для файлов, скачанных оттуда, где вы не вполне доверяете источнику.
Размер выбираете вы
Поскольку у SVG нет собственных пикселей, вы решаете, сколько их будет у JPG. Выберите ширину, а высота следует из пропорций изображения. Больший размер даёт более чёткую картинку и более тяжёлый файл.
Что сохраняется
Каждая фигура как нарисована
Каждая фигура сохраняется как нарисована, в выбранном вами размере: кривые, заливки, штрихи и порядок слоёв. JPG — это картинка того, как SVG выглядит в браузере.
Собственные пропорции изображения
Пропорции рисунка сохраняются, поэтому он не растягивается и не сжимается. Если SVG вдвое шире, чем высок, то же будет у JPG.
Что следует знать, прежде чем конвертировать SVG в JPG
У JPG нет прозрачности
У JPG нет прозрачности, поэтому прозрачный фон возвращается белым. Если ваш логотип предназначался для цветной страницы, у JPG будет белая рамка вокруг него. Когда прозрачность важна, используйте вместо этого SVG в PNG.
Формат с потерями
JPG — формат с потерями, поэтому плоский цвет и резкие края, из которых в основном и состоит SVG, слегка смягчаются. При увеличении вы можете заметить лёгкую дымку вокруг букв и тонких линий. Для логотипа или значка PNG — лучший ответ; JPG нужен, когда что-то принимает только JPG.
Шрифты и картинки из других мест не загружаются
Шрифты и картинки, которые SVG подтягивает из других мест, не загружаются в песочнице. Текст, набранный веб-шрифтом, загружаемым с сервера, заменяется в JPG системным шрифтом, а картинка, подключённая снаружи файла, будет отсутствовать. Для лучшего результата используйте SVG, в которых текст преобразован в контуры, а картинки встроены.
Как конвертировать SVG в JPG здесь
Добавьте свой рисунок
Перетащите SVG на страницу или выберите его на своём устройстве. Он читается внутри вашего браузера и не загружается.
Выберите размер
Выберите ширину JPG. Подумайте о самом большом месте, где картинка будет использоваться, и выберите этот размер.
Конвертируйте и скачайте
Нажмите кнопку и скачайте JPG. Откройте его, посмотрите на края и текст и проверьте, подходит ли белый фон вашей цели.
Ближе к SVG и JPG
Вектор и фотография
SVG — векторный формат: он хранит фигуры и правила их рисования. JPG — формат для фотографий: он хранит сетку цветных точек, сжатую способом, подходящим для плавных изменений фотографии. Рисунок — противоположность фотографии, с большими плоскими областями и резкими границами, а JPG обращается с этими границами менее бережно. Конвертировать SVG в JPG — значит поместить рисунок в контейнер, предназначенный для другого, и иногда это необходимо.
Почему важен белый фон
JPG не может хранить прозрачность. Там, где у SVG нет заливки, конвертер должен выбрать какой-то цвет, и белый — нейтральный выбор. Если вы поместите картинку на белую страницу, ничто не будет выглядеть неуместно. На любом другом цвете белая рамка видна.
Качество и артефакты
Смягчение, которое вносит JPG, больше всего заметно вокруг текста и тонких линий на плоском фоне. Больший размер делает эффект пропорционально меньше. Если результат выглядит мутным, снова конвертируйте SVG в JPG в большей ширине, а затем уменьшите его в редакторе, если нужна картинка меньшего размера.
Типичные ситуации подробно
Формы загрузки, принимающие только JPG
Заявки на работу, регистрации и объявления на торговых площадках часто принимают только JPG. Конвертируйте SVG в JPG в размере, который они просят, и логотип или схема пройдёт.
Киоски печати и фотосервисы
Сервисы, печатающие картинки, обычно хотят JPG. Рисунок, подготовленный как SVG для плаката или открытки, можно превратить здесь в нужный файл достаточно большого для печати размера.
Старые почтовые программы и мессенджеры
Некоторые программы показывают SVG плохо или вовсе не показывают. JPG отображается везде, что делает его безопасным выбором, когда программа получателя неизвестна.
Диаграммы и схемы для отчётов
Инструменты, экспортирующие диаграммы как SVG, оставляют вам файл, который некоторые системы отвергают. JPG диаграммы можно поместить в отчёт или сообщение без хлопот, хотя PNG сохранил бы линии чётче.
Практические советы перед конвертацией SVG в JPG
Спросите, принимается ли PNG
Перед конвертацией проверьте, принимает ли место назначения PNG. Для рисунка это был бы лучший формат. Если нет, ответ — JPG.
Задайте фон сами, если нужен другой цвет
Белый фон может быть не тем, что вам нужно. Если у картинки должен быть определённый цвет позади, добавьте в программе рисования прямоугольник этого цвета в самый низ SVG, а затем конвертируйте SVG в JPG. Результат будет нести этот цвет.
Выбирайте щедрый размер
JPG — это один размер навсегда, а увеличение размывает его. Выберите самый большой размер, который понадобится.
Преобразуйте текст в контуры
Если важны точные буквы, преобразуйте текст в программе рисования в контуры, прежде чем сохранять SVG. Тогда буквы становятся фигурами, и для их рисования не нужен шрифт.
Вопросы, которые задают перед конвертацией
Почему фон белый?
Потому что у JPG нет прозрачности. Прозрачный фон возвращается белым.
Почему текст слегка размыт?
Потому что JPG — формат с потерями, и плоский цвет и резкие края слегка смягчаются. Больший размер уменьшает эффект, а PNG избегает его полностью.
Почему мой текст выглядит иначе?
Потому что шрифт загружался из другого места и не загрузился в песочнице. Его место занял системный шрифт. Чтобы избежать этого, преобразуйте текст в контуры в оригинале.
Какой размер выбрать?
Самый большой из нужных. JPG всегда можно уменьшить, но нельзя увеличить без размытия.
Загружается ли мой файл?
Нет. Конвертация выполняется в вашем браузере, и файл никогда не покидает ваше устройство.
Можно ли получить вместо этого PNG?
Да. SVG в PNG сохраняет прозрачность и чёткие края.
Мудрый выбор при конвертации SVG в JPG
Определитесь с местом назначения
Веб-странице нужен умеренный размер. Печати нужен большой. Форма загрузки называет собственные ограничения. Подберите JPG под место.
Сравните с другими вариантами
Для фавикона SVG в ICO делает файл с несколькими размерами в одном. Для документа, остающегося чётким при любом увеличении, SVG в PDF сохраняет рисунок как рисунок.
Сохраните SVG
SVG — это мастер. Из него можно получить любой размер и любой формат в любой момент. Сохраните его в надёжном месте.
Как извлечь максимум при конвертации SVG в JPG
Сначала подготовьте SVG
Убедитесь, что у рисунка есть правильный размер или область просмотра, преобразуйте текст в контуры, встройте любые картинки и удалите скрытые слои, которые не хотите показывать. Чистый SVG даёт чистый JPG, и вам не придётся выполнять конвертацию дважды.
Сделайте несколько размеров за один присест
Если вам нужна картинка в нескольких разных ширинах, конвертируйте SVG в JPG по одному разу для каждой и называйте файлы по ширине. Готовые файлы избавляют от возвращения по каждой просьбе.
Проверьте результат на настоящем фоне
Поместите JPG туда, где он будет использоваться. Белая рамка, выглядевшая безобидно сама по себе, может выделяться на цветной странице. Лучше обнаружить это сейчас.
Давайте осмысленные имена
Используйте имя, которое говорит, что это за картинка и насколько она велика, например logo-1600. Когда вы найдёте файл через год в папке, полной картинок, вы сразу будете знать, какой он.
Как получить более чистый JPG из рисунка
Используйте больший размер и уменьшайте позже
Дымка, которую JPG оставляет вокруг тонких линий, — фиксированный объём повреждения в масштабе каждого пикселя. Если вы делаете картинку большой, а затем уменьшаете в редакторе, повреждение уменьшается вместе с ней и в основном исчезает. Поэтому, когда важен чистый результат, конвертируйте SVG в JPG в щедрой ширине и затем уменьшайте картинку.
Избегайте очень тонких линий и крошечного текста
Волосяные линии и мелкие буквы первыми страдают в формате с потерями. Если вы управляете SVG, немного утолщите самые тонкие штрихи и увеличьте самый мелкий текст. Рисунок лучше переживёт конвертацию, и его будет легче читать и на маленьких экранах.
Плоские цвета ведут себя лучше градиентов
Градиенты и мягкие тени конвертируются хорошо, поскольку JPG создан для таких плавных изменений. Большие области одного яркого цвета рядом с резким краем — более трудный случай, и именно там может появиться слабый ореол. Если это вас беспокоит, спросите, не примет ли всё-таки место назначения PNG.
Сравните перед отправкой
Откройте JPG рядом с SVG в браузере и посмотрите на оба в одном размере. Если вы не можете их различить, конвертация сделала своё дело. Если можете, попробуйте больший размер, прежде чем сдаваться.
Конфиденциальность и обращение
Почему локальная конвертация важна для рисунков
Логотипы, планы и проекты могут быть конфиденциальными до публикации. Многие онлайн-конвертеры загружают ваш файл на сервер, обрабатывают и присылают результат, и какое-то время копия живёт на машине, которую вы не контролируете. Здесь работу делает ваш собственный браузер, поэтому рисунок остаётся на вашем устройстве.
Что происходит, когда вы уходите
Когда вы закрываете страницу, конвертированная картинка исчезает из браузера, поэтому сначала скачайте её. Ничего о вашем рисунке не сохраняется.
Если что-то пошло не так
Картинка получилась пустой
В SVG может отсутствовать размер или область просмотра. Откройте его в текстовом редакторе и проверьте, что у него есть ширина и высота или область просмотра, либо исправьте его в программе рисования.
Картинка обрезана
У некоторых SVG есть элементы, выходящие за заявленную область. Отрегулируйте область просмотра в оригинале так, чтобы всё вмещалось.
Страница зависает при очень большом размере
Всё работает на вашем устройстве, а огромной картинке нужна память. Выберите меньший размер или используйте компьютер.
Связанные инструменты
То же семейство инструментов охватывает соседние задачи. Для картинки с сохранением прозрачности используйте SVG в PNG. Для фавикона или значка приложения ответ — SVG в ICO, а для документа, остающегося чётким при любом увеличении, — SVG в PDF. Чтобы обвести картинку в фигуры, JPG в SVG идёт в другую сторону. Когда у вас есть JPG, сжать JPG делает его легче, а JPG в PDF помещает его в документ.
Разобранный пример
Допустим, у вас есть диаграмма в виде SVG, а форма конкурса принимает только JPG до 5 мегабайт. Вы перетаскиваете SVG сюда, выбираете ширину 2000 пикселей и нажимаете кнопку. Через мгновение вы скачиваете JPG с теми же пропорциями и белым фоном, заметно меньше предела. Вы загружаете его, и диаграмма отображается чётко. SVG остаётся в вашей папке как мастер.
Короткий контрольный список
Перед конвертацией
Проверьте, принимается ли PNG. Определите самый большой нужный размер. Убедитесь, что шрифты в контурах, а картинки встроены.
Во время конвертации
Оставайтесь на странице, пока файл не будет готов.
После конвертации
Откройте JPG, проверьте края и текст, проверьте его на настоящей странице и сохраните SVG.
Частые ошибки
Использование JPG, когда разрешён PNG
Для рисунка PNG чище и сохраняет прозрачность. Выбирайте JPG только когда должны.
Забытый белый фон
Логотип с прозрачным фоном вернётся с белой рамкой. Проверьте на настоящей странице.
Выбрасывание SVG
Сохраните его. Это единственная версия, которую можно масштабировать без ограничений.
Ваш рисунок остаётся на вашем устройстве
Конвертация происходит локально. Ваш рисунок читает ваш собственный браузер, закрашивает там же и отдаёт обратно как JPG. Ничего не загружается, поэтому копия не оказывается на сервере, и никто другой не может её увидеть. Для неопубликованных проектов это безопасный способ конвертировать SVG в JPG.
Итог
Чтобы конвертировать SVG в JPG здесь, перетащите рисунок, выберите размер и нажмите кнопку. SVG — это не картинка, а инструкции для её рисования, и здесь эти инструкции выполняются один раз в выбранном вами размере, а результат сохраняется как JPG. Рисунок отображается в песочнице, где ничто в файле не может выполняться, и ничего не загружается. Каждая фигура сохраняется как нарисована, с собственными пропорциями изображения. У JPG нет прозрачности, поэтому прозрачный фон возвращается белым, а формат с потерями, поэтому плоский цвет и резкие края слегка смягчаются. Для логотипа или значка PNG — лучший ответ; JPG нужен, когда что-то принимает только JPG. Шрифты и картинки, подтянутые из других мест, не загружаются.