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

Фон для сайта, 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

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