Перейти к содержимому
Toolars
Каталог
Сообщить об ошибке

Изображения · утилита · Локально

Генератор SVG-паттернов

SVG Pattern Generator

Собирайте бесшовные SVG-паттерны из точек, сеток, полос, волн или шахматных плиток с настройкой размера и прозрачности; экспорт в SVG или PNG.

Путь задачи / от ввода к результату

Задайте размер холста

Работает локально · Ничего не загружается на сервер

Как работает Генератор SVG-паттернов, конфиденциальность и похожие инструменты

Путь задачи / от ввода к результату

Как создать повторяющийся SVG-узор

  1. 01

    Задайте размер холста

    Задайте ширину и высоту по 64–4096 px, не более 16 миллионов пикселей всего. Эти размеры определяют весь SVG-холст и PNG. SVG повторяет элемент узора внутри холста, а не экспортирует одну отдельную плитку.

  2. 02

    Выберите семейство паттернов

    Выберите «Точки», «Сетка», «Диагональные полосы», «Волны» или «Шахматный узор» в поле «Семейство паттернов». Каждое семейство — ограниченная система на базе тайла, а не случайная текстура.

  3. 03

    Настройте повтор

    «Размер тайла» — 8–160 пикселей, «Толщина элементов» — 1–16, «Поворот» — от −180 до 180 градусов, «Непрозрачность переднего плана» — 0.05–1, а «Передний план» и «Фон» задаются шестизначными шестнадцатеричными значениями. Предпросмотр обновляется при каждом изменении.

  4. 04

    Экспортируйте паттерн

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

Факты об инструменте

Обработка
В вашем браузере
Ввод покидает устройство
Никогда
Хранение
Ничего не сохраняется
Цена
Бесплатно

Ваши данные остаются в браузере.

Генератор SVG-паттернов использует проверенный путь локального выполнения и не создаёт скрытую историю ввода и вывода.

Локальное выполнение

Работает внутри текущей вкладки браузера.

Никакой скрытой обработки

Активные данные инструмента никогда не становятся записями документов Toolars.

Аккаунт не требуется

Используйте основной сценарий без создания профиля. Избранное синхронизируется с аккаунтом после входа.

Мгновенный сброс

Закройте вкладку — и рабочие данные исчезнут.

Что на самом деле делает Генератор SVG-паттернов

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

Частые вопросы

Правда ли экспортированный паттерн бесшовный?
Внутри SVG единица узора повторяется по холсту. Весь SVG или PNG может закончиться посередине единицы, особенно после поворота или при произвольном размере холста. Поэтому внешние края при повторении всего файла не гарантированно стыкуются; проверьте шов в целевом макете.
Как сохранить паттерн ненавязчивым для фона?
Работают три настройки: опустите «Непрозрачность переднего плана» к минимуму 0.05, держите «Толщину элементов» умеренной и выбирайте близкие друг к другу цвета «Переднего плана» и «Фона». Небольшое увеличение «Размера тайла» также разреживает плотность, так что текстура поддерживает контент, а не соревнуется с ним.
Экспорт SVG или PNG — что выбрать?
SVG содержит определение узора и прямоугольник на весь выбранный холст, а не файл с одной плиткой. PNG растрирует этот холст в заданных размерах. Если хотите повторять всю экспортированную картинку, проверьте её края.
Каковы ограничения настроек?
Размер тайла 8–160 пикселей, толщина элементов 1–16, поворот от −180 до 180 градусов, непрозрачность переднего плана 0.05–1, шестизначные шестнадцатеричные цвета и холст 64–4 096 пикселей по стороне в пределах 16 000 000 пикселей суммарно. Недопустимые значения отклоняются с указанием диапазона.
Покидает ли что-нибудь браузер?
Нет. Генерация и экспорт паттернов выполняются локально в этой вкладке; никакая конфигурация не попадает в хранилище, журналы или сеть, и аккаунт не нужен.

Продолжить: Студия изображений

Связанные задачи, а не тупик.

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

Обрезка изображений

Image Cropper

Обрезайте PNG, JPEG или WebP по точным пиксельным координатам при свободном или фиксированном соотношении сторон; экспорт — PNG, JPEG или WebP.

Редактирование

Фильтры изображений

Image Filters

Регулируйте яркость, контраст, насыщенность, оттенки серого, сепию и размытие шестью ползунками и скачивайте отфильтрованный PNG в полном размере.

Редактирование

Изменение размера изображений

Image Resizer

Меняйте размер изображений в точных пикселях с фиксацией пропорций — по одному файлу или пакетом до 12 штук, скачиваемым одним zip-архивом.

Редактирование

Средний цвет изображения

Image Average Color Finder

Определяйте средний цвет изображения с учётом прозрачности и копируйте его как HEX, rgb() или rgba() — прозрачные пиксели игнорируются, а не усредняются.

Проверка