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

Факторы, влияющие на качество веб-графики

Оптимизация изображений – искусство делать визуальный ряд веб-проекта максимально подходящими для просмотра в интернете. Существует большая разница между тем, как готовят графику для печати, и тем, как оптимизировать изображения для показа в сети. В полиграфии, чтобы получить хорошую графику, нужно иметь как можно больше данных. Но для WWW основными факторами, влияющими на отображение графики, являются размер файла и качество воспроизведения изображения на экране .

Размер файла

Когда вы создаете веб-страницы, вам нужно обеспечить баланс между визуальной привлекательностью страницы и временем ее загрузки. Если на странице слишком много изображений, ее загрузка займет слишком много времени, и далеко не все посетители останутся ждать появления контента. Они просто уйдут на другой сайт.

Кадрирование

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

Битовая глубина и разрешение экрана

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

Читайте также:  Как удалить битые ссылки с сайта

Разрешающая способность

Традиционны мониторы обычно отображают данные с разрешением 72 dpi (точек на дюйм). Поэтому для веб-сайтов всегда сохраняйте файлы с разрешением 72 dpi. Прежде, чем опубликовать картинку на сайт, всегда изменяйте ее размер, используя любой графический редактор. Если вы сначала загрузите изображение на сервер хостинг-провайдера, и только потом начнете его редактировать, то на веб-странице картинка будет выглядеть искаженной.

Кеширование

«Кеш» – это временная область хранения вашего жесткого диска, место, где браузер хранит большие файлы, пока он их отображает на мониторе. Вы можете создать на своем веб-сайте единообразный для всех страниц внешний вид (оболочку), в оформлении которого используется один и тот же графический объект. При этом браузер не будет загружать одну и ту же картинку каждый раз, когда пользователь переходит с одной страницы на другую, он будет извлекать ее из кеша. Чем больше графических изображений используются повторно , тем быстрее загружаются страницы.

Тестирование

Чтобы проверить время загрузки страниц сайта, их сначала необходимо опубликовать — разместить на хостинге. Затем очистите кеш на своем компьютере. Перезагрузите браузер. Введите в адресную строку браузера url своего сайта. Временем загрузки будет промежуток с момента нажатия кнопки «Go» до полной загрузки страницы (строка состояния покажет «Done».)

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

Материалы по теме:
Как работать с реселлерами хостинга и не ошибиться
Как создать сайт, который реально продает
Что такое стандартный пакет облачного хостинга
Как время простоя хостинга сводит на нет все ваши усилия по продвижению сайта
Как правильно выбрать хостинг для подкастов
Идеальный хостинг для сайта стоматологии
Как выбрать облачный хостинг для вашего бизнеса
Что нужно знать про хостинг для интернет-радиостанции
Как выбрать хостинг для сайта нефтегазовой компании
Как выбирать хостинг для сайта о технологиях