Любимые места любимого города
Главная
Добавить в предпочтительные источники Google

SVG в PNG

Преобразуйте поддерживаемый статический SVG в PNG с заданными размерами в пикселях и прозрачным или однотонным фоном. Преобразование выполняется локально; проверьте результат и скачайте то же изображение.

Исходный SVG

Файл не выбран

Один SVG размером не более 4 МиБ. Результат ограничен 8192 пикселями по каждой стороне и 8 388 608 пикселями всего. Также действуют другие ограничения ресурсов и времени.

Результат PNG

Выберите файл или вставьте SVG, затем запустите преобразование, чтобы увидеть PNG.

Преобразование выполняется локально. Инструмент не загружает исходные данные и не запрашивает сетевые ресурсы, указанные в них.

Создание PNG из векторного изображения

  1. Выберите один файл SVG или вставьте его разметку в UTF-8. Исходные данные проверяются до передачи в модуль отрисовки.
  2. Используйте определённую область просмотра или задайте холст вручную, затем выберите исходный размер, ширину или высоту и фон результата.
  3. Нажмите «Преобразовать в PNG», проверьте результат и скачайте его. При изменении исходных данных или настроек прежнее изображение становится недействительным.

Холст и пиксели

Атрибут viewBox в SVG описывает прямоугольную область координат, а не универсальный размер в пикселях. Конвертер использует явно заданные размеры корневого элемента, а при их отсутствии — описанное правило для viewBox.

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

PNG поддерживает прозрачность. Шахматный фон предпросмотра не входит в файл. Однотонный фон заменяет прозрачные области выбранным непрозрачным цветом.

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

Примеры размеров

Для viewBox 10 20 400 200 без размеров корневого элемента используется исходный холст 400 на 200. При выборе ширины 1200 получится PNG 1200 на 600; ненулевое начало координат viewBox сохраняет значение.

Если viewBox равен 100 на 50 и задана только ширина 200, инструмент вычисляет высоту 100. Это принятое здесь правило расчёта, а не утверждение, что все автономные средства отрисовки одинаково определяют отсутствующий размер.

При масштабировании холста 3 на 2 до ширины 10 высота округляется до 7 пикселей. Дробная геометрия и сглаживание по-прежнему отрисовываются фиксированной версией движка, а не восстанавливаются формулой размера.

Поддерживается определённый статический профиль SVG

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

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

Размер исходных данных ограничен 4 МиБ, каждая сторона результата — 8192 пикселями, а весь растр — 8 388 608 пикселями. Также действуют ограничения структуры, встроенных изображений, раскрытия ссылок, промежуточных поверхностей и времени. Малый исходный файл не гарантирует малую нагрузку при отрисовке.

Инструмент не гарантирует идентичную браузеру отрисовку, исходные шрифты, цветовые профили ICC, метаданные DPI печати, поддержку любых символов Unicode или сохранение метаданных источника. Здесь DPI задаёт пересчёт физических единиц, а не метаданные печати PNG.

За раз преобразуется один документ. Исходный SVG не редактируется, не загружается на сервер, не показывается как исполняемая разметка и не заменяется скачиваемым переписанным SVG. Пакетного ZIP, редактора SVG и гарантированной степени сжатия нет.

Локальное преобразование и используемые ресурсы

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

Вопросы о преобразовании SVG в PNG

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

Сам по себе — не во всех средах SVG. Инструмент сохраняет определённые размеры корневого элемента, по возможности вычисляет отсутствующий размер из viewBox или предлагает задать область просмотра. Выбранный режим растрирования определяет целочисленные размеры результата в пикселях.

Нет. Он лишь обозначает прозрачные области в предпросмотре. Выберите однотонный цвет, чтобы эти области были помещены на непрозрачный фон.

Нет. Внешние и относительные ссылки на ресурсы отклоняются. Поддерживаемые изображения PNG и JPEG должны быть встроены с соблюдением указанных ограничений; шрифты берутся из фиксированного комплекта.

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

Нет. Движок создаёт закодированный PNG с выбранными размерами в пикселях. Большее число пикселей может увеличить размер файла; преобразование не гарантирует уменьшения файла или сохранения векторной детализации при любом масштабе.

Эта версия преобразует один локальный файл или вставленный документ за раз. Выберите другой источник для нового преобразования; прежний результат сразу станет недействительным.

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

Источники

Эти материалы описывают входные форматы и фиксированные версии пакетов для профиля преобразования; они не гарантируют корректность каждого SVG и его отображения.

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

Генератор CSS-фильтров

Настройте порядок эффектов, сравните образец и скопируйте объявление filter.

Открыть инструмент — Генератор CSS-фильтров

Калькулятор плавного размера шрифта

Задайте размеры шрифта для двух значений ширины окна. Скопируйте CSS с единицами rem и изучите модель, рассчитанную по тем же коэффициентам, что и в коде.

Открыть инструмент — Калькулятор плавного размера шрифта

Генератор CSS-кнопок

Настройте состояния кнопки, проверьте фокус клавиатуры и скопируйте HTML и CSS.

Открыть инструмент — Генератор CSS-кнопок

Генератор CSS border-radius

Настройте восемь радиусов, посмотрите результат и скопируйте CSS в пикселях или процентах.

Открыть инструмент — Генератор CSS border-radius

Генератор CSS Grid

Создайте пример CSS Grid с дорожками, размещением и именованными областями. Просматривайте, копируйте CSS и HTML или скачивайте полный пример.

Открыть инструмент — Генератор CSS Grid

Генератор CSS Flexbox

Создайте пример Flexbox с элементами управления контейнером и элементами, явными осями макета, соответствующими CSS и HTML, а также локальной загрузкой полного примера.

Открыть инструмент — Генератор CSS Flexbox

Генератор CSS-тени текста

Создавайте упорядоченные тени текста, просматривайте пример и копируйте точный CSS.

Открыть инструмент — Генератор CSS-тени текста

Генератор преобразований CSS

Создавайте повторяемые двумерные преобразования CSS, редактируйте px или процентный перевод и начало координат, проверяйте поле ссылки и копируйте точные текущие объявления.

Открыть инструмент — Генератор преобразований CSS

Генератор теней CSS

Создавайте упорядоченные слои box-shadow с предпросмотром и копируйте код.

Открыть инструмент — Генератор теней CSS

Водяной знак на изображениях

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

Открыть инструмент — Водяной знак на изображениях

Генератор CSS-градиентов

Создавайте линейные и радиальные градиенты с цветами, непрозрачностью и позициями.

Открыть инструмент — Генератор CSS-градиентов

Конвертер цветов

Преобразуйте поддерживаемые значения sRGB HEX, RGB и HSL с альфа-каналом и указанной точностью.

Открыть инструмент — Конвертер цветов

Изображение в текст (OCR)

Распознавайте печатный текст на локальных PNG и JPEG, выбирайте язык и проверяйте результат перед копированием или скачиванием.

Открыть инструмент — Изображение в текст (OCR)

Чтение QR-кода из изображения

Прочитайте один QR-код из локального PNG или JPEG и проверьте текст или байты, не открывая ссылки.

Открыть инструмент — Чтение QR-кода из изображения

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

Сравните цвета переднего плана и фона, настройте непрозрачность и проверьте числовые пороги контрастности WCAG для текста и важных деталей интерфейса.

Открыть инструмент — Проверка контрастности цветов

Калькулятор размера печати и разрешения

Рассчитайте размер отпечатка, нужное число пикселей и фактическое PPI с полями или обрезкой.

Открыть инструмент — Калькулятор размера печати и разрешения

Калькулятор соотношения сторон

Найдите соотношение ширины и высоты или рассчитайте новый размер в пикселях по одной заданной стороне.

Открыть инструмент — Калькулятор соотношения сторон

Сжатие изображений

Попробуйте уложить JPEG, PNG или WebP в заданный размер файла: проверьте результат и при желании уменьшите размеры изображения.

Открыть инструмент — Сжатие изображений

HEIC в JPG

Преобразуйте поддерживаемые HEIC-фото в полноразмерные JPG в браузере. Настройте качество и фон, скачайте проверенные файлы по отдельности или в ZIP.

Открыть инструмент — HEIC в JPG

Конвертер изображений

Конвертируйте поддерживаемые PNG, JPEG и WebP локально, настройте прозрачность, фон и качество и скачайте проверенные результаты.

Открыть инструмент — Конвертер изображений

Создать фотоколлаж

Расположите фотографии в сетке и скачайте PNG или JPEG.

Открыть инструмент — Создать фотоколлаж

Поворот и отражение изображений

Поверните или отразите набор локальных статичных PNG, JPEG и WebP, затем проверьте и скачайте обработанные изображения.

Открыть инструмент — Поворот и отражение изображений

Обрезать изображение

Обрежьте локальный JPEG, PNG или WebP с точностью до пикселя и скачайте результат в PNG или JPEG.

Открыть инструмент — Обрезать изображение

Изменить размер изображения

Измените размер JPG, PNG или WebP в пикселях или процентах, проверьте результат и скачайте его.

Открыть инструмент — Изменить размер изображения
Все инструменты этой категории