бесплатные фоновые изображения для сайта

Фон для сайта, 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/#”
css паттерны для сайта

2. “css3pie.com/demos/gradient-patterns/”
css3 фоны для сайта
 

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

 

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

фон для сайта где бесплатно скачать

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

patternforsite10

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

patternforsite11

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

patternforsite12

2. Удаление шва (поле по бокам) фонового изображения:
При редактировании медиафайлов в wordpress можно воспользоваться инструментом – “Обрезать”.

Для того, чтобы обрезать изображение, нажмите на него и выделите нужную часть, удерживая левую кнопку мыши, а затем нажмите на кнопку “Обрезать”:

как удалить шов фона в wordpress

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

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

Добавить комментарий