Создание сайта от А до Я. Книга 3

Открываем панель ANALYZER, вводим адрес сайта без http:// и получаем результат

Формат и вес изображения

В качестве изображений с богатой палитрой лучше всего использовать популярный формат JPG. Для растровых картинок и для инфографики лучше всего использовать формат PNG. Для анимаций можно использовать формат GIF. Размер картинки не должен превышать ширину рабочего поля, а её «вес» должен быть адекватным и не превышать 100—250 кб. В противном случае картинка будет заметно замедлять загрузку сайта.

Настройка фонового изображения

Помимо картинки-заголовка через панель управления WordPress можно также заменить фоновое изображение, используемое в текущей теме.

Фоновое изображение – это картинка-подложка, фон дополнительной области, отображаемой за границами основного каркаса сайта. Для некоторых тем используется фон белого цвета, вы можете поменять его, выбрав пункт панели управления Внешний вид/Фон. Во-первых, вы можете изменить цвет фона, для этого используйте поле Цвет в блоке Настройки отображения.

Нажмите ссылку Выбрать цвет и в открывшейся палитре подберите подходящий оттенок. При этом в поле Просмотреть появится предварительный вид нового фонового изображения.

Полный перечень цветов, рекомендуемых к использованию в веб-графике, и кодов к ним можно посмотреть на сайте: http://www.artlebedev.ru/tools/colors (http://www.artlebedev.ru/tools/colors)

Второй способ замены фонового изображение – загрузка на сервер заранее подготовленного вами специального графического файла в виде градиентной заливки или статического, или анимированного изображения и использовать его в качестве фона.

Для этого используйте функцию Выберите изображение.

Приведём адреса сайтов с большой коллекцией качественных бесплатных фотоизображений, на которых можно совершенно свободно позаимствовать изображения для своего сайта:

http://www.flickr.com/creativecommons (http://www.flickr.com/creativecommons)

http://www.sxc.hu (http://www.sxc.hu/)

http://openphoto.net (http://openphoto.

net/)

http://www.freephotosbank.com (http://www.freephotosbank.com/)

http://www.imageafter.com (http://www.imageafter.com/)

http://www.unprofound.com (http://www.unprofound.com/)

http://morguefile.com (http://morguefile.com/)

http://freerangestock.com (http://freerangestock.com/)

https://www.dreamstime.com (https://www.dreamstime.com/)

https://pixabay.com (https://pixabay.com/)

https://ru.freeimages.com (https://ru.freeimages.