При серфинге в Интернете мы часто видим сайты, на которых изображения загружаются очень медленно, на других картинки вообще не соответствуют тематике страницы, выглядят странно — искореженными или размытыми. Но сайт — это имидж бизнеса, и значит, должен быть профессиональным.
Факторы, влияющие на качество веб-графики
Оптимизация изображений — искусство делать визуальный ряд веб-проекта максимально подходящими для просмотра в интернете. Существует большая разница между тем, как готовят графику для печати, и тем, как оптимизировать изображения для показа в сети. В полиграфии, чтобы получить хорошую графику, нужно иметь как можно больше данных. Но для WWW основными факторами, влияющими на отображение графики, являются размер файла и качество воспроизведения изображения на экране .
Размер файла
Когда вы создаете веб-страницы, вам нужно обеспечить баланс между визуальной привлекательностью страницы и временем ее загрузки. Если на странице слишком много изображений, ее загрузка займет слишком много времени, и далеко не все посетители останутся ждать появления контента. Они просто уйдут на другой сайт.
Кадрирование
Этот профессиональный термин в применении к веб-сайтам означает отсечение нежелательных областей изображения. Это действие, во-первых, уменьшает размер файла, а, во-вторых, помогает посетителям сайта сфокусировать внимание на важной информации, которую несет изображение.
Битовая глубина и разрешение экрана
Битовая глубина определит количество цветов в изображении или количеству цветов, которое может отображать компьютерная система. Для вычисления битовой глубины помните, что один бит равен двум цветам, затем 2 раза умножьте количество цветов картинки на 2, чтобы обеспечить для каждого цвета более высокую цветовую гамму. Помните что с уменьшением глубины качество и размер файла также уменьшаются.
Разрешающая способность
Традиционны мониторы обычно отображают данные с разрешением 72 dpi (точек на дюйм). Поэтому для веб-сайтов всегда сохраняйте файлы с разрешением 72 dpi. Прежде, чем опубликовать картинку на сайт, всегда изменяйте ее размер, используя любой графический редактор. Если вы сначала загрузите изображение на сервер хостинг-провайдера, и только потом начнете его редактировать, то на веб-странице картинка будет выглядеть искаженной.
Кеширование
«Кеш» — это временная область хранения вашего жесткого диска, место, где браузер хранит большие файлы, пока он их отображает на мониторе. Вы можете создать на своем веб-сайте единообразный для всех страниц внешний вид (оболочку), в оформлении которого используется один и тот же графический объект. При этом браузер не будет загружать одну и ту же картинку каждый раз, когда пользователь переходит с одной страницы на другую, он будет извлекать ее из кеша. Чем больше графических изображений используются повторно , тем быстрее загружаются страницы.
Тестирование
Чтобы проверить время загрузки страниц сайта, их сначала необходимо опубликовать — разместить на хостинге. Затем очистите кеш на своем компьютере. Перезагрузите браузер. Введите в адресную строку браузера url своего сайта. Временем загрузки будет промежуток с момента нажатия кнопки «Go» до полной загрузки страницы (строка состояния покажет «Done».)
Изображения — основной фактор, который является причиной медленной загрузки веб-страниц. Используйте описанные выше методы оптимизации картинок, и посетителям будет у вас на сайте намного комфортнее.