Конвертер и просмотрщик SVG
FreeКонвертируйте SVG в PNG, JPEG, WEBP, BMP, ICO или AVIF, или оберните PNG/JPEG/WEBP/BMP/GIF/ICO в допустимый SVG с автоматическим определением направления прямо в браузере.
Работает полностью в вашем браузере. Ваш файл никогда никуда не загружается.
Нажмите, чтобы выбрать файл, или перетащите его сюда
SVG на входе, или PNG / JPEG / WEBP / BMP / GIF / ICO на входе - любое направление определяется автоматически
Недавняя активность
Видно всем. Последние 20 использований от всех посетителей, сначала новые.
Пока нет активности. Будьте первым.
Что делает этот инструмент
Конвертирует между SVG и растровыми изображениями прямо в вашем браузере, в любом направлении, автоматически определяя, что вы загрузили. Загрузите SVG, чтобы экспортировать его в PNG, JPEG, WEBP, BMP, ICO, или AVIF (где поддерживается) на любом уровне масштаба; загрузите PNG, JPEG, WEBP, BMP, GIF, или ICO, чтобы получить обратно действительный файл .svg с вашим исходным изображением, встроенным внутрь.
Как это работает
Для SVG в растр инструмент сначала определяет собственный пиксельный размер SVG (явные атрибуты ширины/высоты, затем viewBox, затем стандартное значение спецификации 300x150), умножает его на выбранный вами процент масштаба, и рисует файл именно в этом размере на HTML canvas. PNG, JPEG, WEBP, и AVIF затем экспортируются напрямую через API canvas. BMP создаётся небольшим специальным кодировщиком, который записывает необработанные пиксельные данные canvas в стандартный несжатый 24-битный файл BMP, снизу вверх, в порядке байтов синий-зелёный-красный, требуемом форматом. ICO создаётся путём взятия PNG-экспорта canvas и упаковки его в современный формат контейнера ICO (короткий заголовок, за которым следуют данные PNG), который принимает каждая текущая версия Windows и каждый основной браузер. Для растра в SVG инструмент считывает точные байты вашего загруженного файла как URI данных и помещает этот URI данных, полностью неизменённым, внутрь элемента <image> нового файла SVG, с шириной, высотой, и viewBox SVG, установленными так, чтобы точно соответствовать пиксельным размерам исходного изображения.
Какие проблемы решает
- Загрузка логотипа или значка, разработанного как SVG, на платформу, которая принимает только PNG или JPEG.
- Превращение SVG-логотипа в правильный файл .ico для favicon сайта или ярлыка рабочего стола.
- Обёртывание существующего PNG, JPEG, или GIF в действительный файл SVG для системы или рабочего процесса, который принимает только загрузки SVG.
- Экспорт векторной графики в определённом пиксельном размере для презентации, документа, или макета печати.
Часто задаваемые вопросы
›Зачем мне конвертировать SVG в PNG, JPEG, WEBP, BMP, ICO, или AVIF?
SVG - это векторный формат, который многие инструменты, платформы и старое программное обеспечение просто не принимают, например, большинство загрузчиков изображений в соцсетях, некоторые поля изображений CMS, или почтовые клиенты. Конвертация в растровый формат, такой как PNG, даёт вам обычный пиксельный файл изображения, который работает везде, в точно выбранном вами размере. ICO, в частности, - это формат, который Windows и браузеры ожидают для favicon и значков рабочего стола.
›Как настройка масштаба влияет на результат?
Поскольку SVG - векторный формат, у него нет собственного фиксированного размера в пикселях, только "собственный" размер, считываемый из файла (его атрибуты ширины/высоты, или его viewBox в качестве запасного варианта). Масштаб увеличивает или уменьшает этот собственный размер: 100% сохраняет исходный размер, 200% удваивает оба измерения, а 50% уменьшает их вдвое, всё это без потери чёткости перед финальным растровым экспортом.
›Какой выходной формат мне выбрать?
PNG - самый безопасный вариант по умолчанию: он поддерживает прозрачность, поэтому любые прозрачные области в вашем SVG остаются прозрачными, и он без потерь. JPEG не поддерживает прозрачность и заполняет прозрачные области белым цветом, но создаёт файлы меньшего размера для фотоподобного контента. WEBP и AVIF (там, где ваш браузер поддерживает его кодирование) оба поддерживают прозрачность с часто меньшими размерами файлов, чем PNG или JPEG. BMP - это несжатый, универсально читаемый устаревший формат с большими размерами файлов. ICO упаковывает изображение как файл значка Windows/браузера, чаще всего используемый для favicon.
›Что на самом деле делает конвертация изображения в SVG?
Это не трассирует и не векторизует ваше изображение в пути и фигуры - это гораздо более сложный процесс, выполняемый специальным инструментом векторной трассировки. Вместо этого он оборачивает ваш исходный файл PNG, JPEG, WEBP, BMP, GIF, или ICO, побайтово неизменённым, внутри небольшого SVG-контейнера с соответствующими шириной, высотой, и viewBox. Результатом является действительный файл .svg, который корректно отображается везде, где ожидается SVG, при этом всё ещё содержа внутри ваши точные исходные данные изображения.
›Что если у моего SVG вообще нет ширины, высоты, или viewBox?
Инструмент возвращается к размеру 300 на 150 пикселей, что является стандартным размером по умолчанию, определённым самой спецификацией SVG именно для этой ситуации, так что конвертация никогда не завершается неудачей, она просто использует это значение по умолчанию до применения вашего процента масштаба.
›Загружается ли мой файл куда-либо?
Нет. Каждое преобразование, в любом направлении, происходит полностью в вашем браузере с использованием HTML canvas API и File API. Ничего не отправляется на сервер.
Похожие инструменты
Изображение
Обрезка и изменение размера изображения
Обрезайте, изменяйте размер или скругляйте углы изображения прямо в браузере.
FreeИзображение
Отразить и повернуть изображение
Переворачивайте изображение по горизонтали или вертикали, или поворачивайте на 90°, 180° или любой пользовательский угол прямо в браузере.
FreeИзображение
Разделение и объединение изображений
Разделите изображение на сетку частей или объедините несколько изображений в одно прямо в браузере.
FreeИзображение
Стилизующие эффекты изображения
Применяйте эффекты тиснения, свечения, виньетирования, пикселизации или цензуры/затемнения к изображению прямо в браузере.
Комментарии (0)
Понравился инструмент? Оставьте комментарий, поделитесь советом или расскажите, как нам его улучшить.
Пока нет комментариев. Будьте первым, кто поделится мнением!