Фон для сайта, css фоны для сайта, онлайн сервисы фонов для сайта

Здравствуйте, сегодня хочу поделиться с вами сайтами, где можно бесплатно скачать/создать фоновые изображения для сайта (паттерны), векторные изображения для фона сайта, CSS фоны для сайта, а также приведу пару онлайн-сервисов – генераторов фонов для сайта.

Скачать исходники для статьи можно ниже

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

1. “pattern8.com”

Все фоны для сайта бесплатны и бесшовные!

Ресурс ведется аж с 2008 года, правда в последнее время новых паттернов нет, но старых – достаточно много.

Процесс скачивания фоновых картинок достаточно прост – без сторонних сайтов – выбираете нужный паттерн и жмете кнопку Download:

2. “free-patterns.info”
Много бесплатных бесшовных фонов для сайтов.
Чтобы скачать паттерн – нужно поделиться сайтом в социальных сетях – нажать на кнопку социальных сетей – после чего появиться кнопочка Dounload!

3. “dinpattern.com”
Много бесплатных бесшовных фонов для сайтов.

4. “brusheezy.com/patterns”
Много бесплатных бесшовных фонов для сайтов.

5. “webdesignledger.com/freebies/200-beautiful-seamless-patterns-perfect-for-web-design/”

Много бесплатных бесшовных фонов для сайтов.

6. “all-free-download.com/free-vector/pattern.html”

Здесь есть как бесплатные фоновые изображения, так и платные.
Бесплатных фоновых изображений множество, однако, перед установкой фона на сайт придется его обрезать, так как есть “шов” – белая полоса по бокам картинки.
Для удаления шва – можно воспользоваться встроенной функцией wordpress, но об этом в самом низу статьи.

Как сохранить изображение – достаточно просто – открываем нужное, кликаем по нему правой клавишей мыши и сохраняем.

7. “cp.c-ij.com/en/contents/3125/list_45_1.html”
Множество бесплатных паттернов, единственный минус они представлены в формате А4 и в формате PDF.
Формат PDF – не проблема – есть бесплатные онлайн сервисы по преобразованию PDF в JPG – например: “smallpdf.com/ru/pdf-to-jpg”.

8. “pinterest.com”
Здесь можно скачать достаточно хорошие фоны для сайта бесплатно, например вот по такому запросу:
“pinterest.com/anniejovan/free-scrapbook-paper/”

Скачать паттерн можно правой клавишей мыши.

9. “layoutparablog.com/search/label/background”

Здесь можно найти интересные паттерны для сайта.

10. “subtlepatterns.com/thumbnail-view/”

Здесь можно найти черно-белые паттерны (фоны) для сайта.

11. “colourlovers.com/patterns”
Здесь вытаскивать паттерны придется через правую клавишу мыши – далее “Просмотр кода элемента” (в Яндекс браузере) – ищем ссылку на изображение и скачиваем на комп.

CSS фоны для сайта

1. “lea.verou.me/css3patterns/#”

2. “css3pie.com/demos/gradient-patterns/”

Онлайн-сервисы по созданию фона сайта.

– “patternizer.com/izfa”

– “repperpatterns.com/tool”
– “bgpatterns.com”
– “pixelknete.de/dotter/”
– “bgmaker.ventdaval.com”
– “tartanmaker.com”
– “stripegenerator.com”
– “stripemania.com”
– “colourlovers.com/seamless”
– “subblue.com/projects/guilloche”
– “stripedbgs.com”
– “patternify.com”
и др.

Встроенные инструменты wordpress для редактирования фона:

1. Масштабирование фона:
Если вы, наконец-то, нашли фоновую картинку для сайта, но вам кажется, что ее рисунок слишком большой/маленький – то это легко можно исправить.
Например мы загрузили фоновую картинку на сайт, установили её в качестве фона сайта (Внешний вид – фон) и у вас получилось что-то такое:

Но вам кажется, что листики слишком большие (
Чтобы это исправить переходим обратно в пункт “Медиафайлы” – в подпункт “Библиотека”, находим фоновую картинку – нажимаем на нее, а далее жмем кнопку “Редактировать”:

И справа у вас появиться пункт “Масштабировать”:

Изначально у меня стоит 166*166 пикс. – поменяем на 100*100 пикс.
Далее опять установим фон сайта (Внешний вид – Фон), выбрав наше измененное фоновое изображение (100*100 пикс.) и посмотрим как будет выглядеть сайт: