Загрузите изображение плитки и создайте предварительный просмотр бесшовной мозаики на настраиваемом холсте. Настройте масштаб, поворот, интервал и выберите из нескольких режимов мозаики. Экспорт в PNG или копирование CSS-фрагмента фона. 100% обработка на стороне клиента.
Перетащите или нажмите для загрузки изображения, которое вы хотите использовать в качестве повторяющегося тайла. Поддерживаемые форматы: PNG, JPG, SVG и WebP.
Выберите обычную сетку, смещение в полкирпича (как кладка), диагональное смещение или зеркальное мощение для изменения расположения тайлов.
Отрегулируйте масштаб тайла, угол поворота, отступы, размеры холста и цвет фона с помощью элементов управления.
Холст обновляется в реальном времени по мере изменения настроек, показывая точно, как будет выглядеть мозаичный узор.
Скачайте узор в виде изображения PNG или скопируйте фрагмент CSS для фона для использования в ваших веб-проектах.
Инструмент использует Canvas API HTML5 для многократного рисования вашего тайла на настраиваемом холсте. Каждый тайл позиционируется и трансформируется индивидуально для максимального контроля над компоновкой узора.
Элемент управления масштабом изменяет размер каждого тайла от 25% до 400% от исходного размера. Поворот применяет трансформацию вокруг центра каждого тайла, допуская любой угол от 0 до 360 градусов. Обе трансформации используют операции трансформации холста для чёткой отрисовки.
Экспорт CSS создаёт холст с одним тайлом, отрисовывает тайл с текущими настройками масштаба и поворота, преобразует его в URI данных и генерирует свойство CSS background-image с соответствующими значениями background-repeat и background-size.
Вся обработка изображений происходит исключительно в вашем браузере с использованием Canvas API. Ваши изображения никогда не загружаются ни на какой сервер, обеспечивая полную конфиденциальность. Инструмент работает офлайн после загрузки.
Вы можете загружать любой поддерживаемый браузером формат изображения, включая PNG, JPG, JPEG, SVG, WebP, GIF и BMP. PNG рекомендуется для тайлов с прозрачностью.
Загрузите изображение плитки или выберите встроенную фигуру для предпросмотра узора
Рандомизация узора — функция для спонсоров.
Сохранённые настройки — функция для спонсоров.
История инструментов — функция для спонсоров.
Заметки к инструментам — функция для спонсоров.
