SVGView

Изменить размер SVG онлайн

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

SVG не загружен. Перетащите файл для начала.

Добро пожаловать в редактор SVG

Перетащите SVG-файл, нажмите «Загрузить»/«Иконки» или используйте Ctrl/Cmd+V для вставки кода SVG

Начните с образца иконки

Выберите образец ниже или загрузите и отредактируйте свой SVG.

Зачем использовать SVG Resize Online?

Точное изменение размеров SVG

Масштабируйте SVG онлайн, задавая точную ширину и высоту в пикселях или в процентах. Так проще попасть в спецификацию, дизайн-токены или размер экспортированного PNG.

Фиксация пропорций

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

Корректная работа с viewBox

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

Живой предпросмотр

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

Гибкий экспорт

Скачайте изменённый SVG или экспортируйте PNG одним шагом. Храните оба формата вместе, если нужна растровая версия для документов, слайдов или чатов.

Локальная и приватная обработка

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

Как изменить размер SVG онлайн

1

Добавьте SVG

Перетащите файл или вставьте разметку SVG. Инструмент читает источник локально и сохраняет исходный viewBox. Если viewBox отсутствует, добавьте его до масштабирования.

2

Задайте ширину и высоту

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

3

Экспортируйте результат

Скачайте изменённый SVG или сразу экспортируйте PNG. Придерживайтесь единого именования, например icon-name-24.svg, чтобы варианты было легко находить.

Частые вопросы об изменении размера SVG онлайн

Как изменить размер SVG онлайн?
Перетащите SVG в редактор выше, укажите нужную ширину и высоту или задайте масштаб в процентах и скачайте результат. Всё выполняется в браузере: без загрузки на сервер и без регистрации.
Теряется ли качество при изменении размера SVG?
Нет. SVG — векторная графика: при масштабировании меняются только координаты, а контуры остаются чёткими в любом размере. Файл не растрируется, поэтому размытия и потери качества нет.
Можно ли изменить размер SVG с сохранением пропорций?
Да. При включённой блокировке ширина и высота меняются пропорционально, поэтому иконки и логотипы не растягиваются и не получают пустых полей. Отключите её, когда важнее точный размер рамки.
Что происходит с viewBox при изменении размера?
viewBox сохраняется и при необходимости обновляется, чтобы изменённый SVG корректно отображался в CSS и HTML. Это предотвращает обрезку, лишние отступы и сдвиги вёрстки. Если у файла нет viewBox, сначала используйте «Исправить viewBox».
Можно ли задать точную ширину и высоту в пикселях?
Да. Введите точные значения в пикселях, чтобы попасть в спецификацию, дизайн-токен или размер компонента. Предпросмотр обновляется по мере ввода.
Можно ли масштабировать SVG в процентах?
Да. Процентное масштабирование сохраняет пропорции и быстрее всего даёт версии 2x и 3x набора иконок для Retina.
Можно ли экспортировать PNG после изменения размера?
Да. Скачайте изменённый SVG или экспортируйте PNG для слайдов, документов или платформ без поддержки SVG.
Этот инструмент изменения размера SVG бесплатный?
Да. SVG Resize Online полностью бесплатен: без регистрации, водяных знаков и ограничений на число файлов.
Загружает ли SVGView мои SVG-файлы на сервер?
Нет. Изменение размера выполняется локально в браузере, поэтому файлы не покидают устройство. Материалы заказчика остаются конфиденциальными, а работа офлайн доступна.
Есть ли ограничение по размеру файла?
Файлы до 10 МБ работают без проблем. Очень большие SVG или файлы с множеством фильтров могут отрисовываться с задержкой; оптимизация заранее обычно ускоряет предпросмотр.

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

Используйте инструмент изменения размера SVG с этими инструментами для поворота, оптимизации и экспорта согласованных активов.

Поворот и отражение SVG

Настройте ориентацию перед изменением размера SVG, чтобы окончательные размеры соответствовали вашему макету. Это сохраняет ширину и высоту предсказуемыми после поворота.

Открыть инструмент

Оптимизатор SVG

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

Открыть инструмент

Просмотрщик SVG

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

Открыть инструмент

SVG в PNG

Экспортируйте PNG вместе с результатами изменения размера SVG, когда вам нужны растровые fallbacks. Это удобно для презентаций и документов.

Открыть инструмент

Связанный SVG-блог

Продолжите чтение практических материалов о рабочих процессах SVG, устранении проблем и продакшене.