Генератор фона из точек

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

Предпросмотр

Как это работает

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

PNG или SVG: что выбрать для фона сайта?

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

Как использовать фон как повторяющуюся плитку на сайте?

Скачайте сгенерированный PNG или SVG, затем используйте его как CSS-свойство background-image вместе с background-repeat: repeat: поскольку сетка идеально регулярна и без дополнительных полей, узор стыкуется без видимых швов между плитками.

100% локальная генерация: фон из точек рассчитывается полностью в вашем браузере, никакие данные не отправляются на сервер.