Создание сайта от А до Я. Книга 3. Владимир Вдовиченко

Чтение книги онлайн.

Читать онлайн книгу Создание сайта от А до Я. Книга 3 - Владимир Вдовиченко страница 6

Создание сайта от А до Я. Книга 3 - Владимир Вдовиченко

Скачать книгу

ведь от этого зависит продвижение Вашего сайта в поисковых системах, количество посетителей и соответственно доход от сайта.

      Сжатие картинки

      Заходим на сайт https://tinyjpg.com/ вставляем нашу картинку и получаем сжатый примерно в два раза вариант.

      Здесь же можно провести анализ сайта на возможность его оптимизации путём сжатия картинок. Открываем панель ANALYZER, вводим адрес сайта без http:// и получаем результат

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

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

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

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

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

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

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

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

      http://www.flickr.com/creativecommons

      http://www.sxc.hu

      http://openphoto.net

      http://www.freephotosbank.com

      http://www.imageafter.com

      http://www.unprofound.com

      http://morguefile.com

      http://freerangestock.com

      https://www.dreamstime.com

      https://pixabay.com

      https://ru.freeimages.com

      https://freerangestock.com/

      https://www.freepik.com

      Сайдбары

      Сайдбар –

Скачать книгу