При создание веб сайтов мы все хотим иметь самые привлекательные веб-сайты, которые заставляют посетителей широко раскрывать глаза и восхищаться Вашим творчеством. Обычно привлекательный дизайн включает множество графических элементов, увеличивая общий размер страницы, которая приводит к медленной загрузки страниц в браузере. Эта статья даст несколько полезных советов о том, как сохранить дизайн вашего сайта, но все еще быстро загружаемого.
С каждым днем все больше и больше становиться пользователей с высокоскоростным интернетом и поэтому все больше и больше вебмастеров позволяют себе разрабатывать сложные сайты с тяжелыми графическими элементами. В крайнем случае вы можете найти сайты, на загрузку которых уходить несколько минут. Разумеется, пользователь никогда не будет ждать так долго и перейдет к следующему веб-сайту в результатах поиска.
Так почему же веб-мастера все еще разрабатывают медленно загружающиеся сайты? В первую очередь из-за отсутствия знаний о простых графических методах оптимизации,что также называеться поисковая оптимизация сайта которая позволит им сохранить привлекательный сайт, сохраняя размер страницы меньше.Кроме графических методов оптимизации, следует также применять и поисковую оптимизацю, например при раскрутке интернет магазина, внутренняя оптимизаци и перелинковка играте ключевую роль.
Многие из Вас знают о том, что рамка с закругленными углами может быть достигнута с помощью CSS кода, без необходимости каких-либо графических изображений. Ну это возможно! До того как те кто знакомы с CSS скажут, что это не может быть сделано для каждого типа браузера и для этого требуется относительно высокий уровень программирования. Но выход всегда есть.
Никогда не ограничивайте веб-дизайнера, ставля какие-либо ограничения, которые влияют на окончательный результат. Вы можете предъявить претензии, что все что веб-дизайнер может сделать графически - невозможно реализовать с помощью кода. Я не согласен. Когда дизайн закончен и Вы готовы нарезать его на маленькие изображения, которые будут использоваться в HTML-коде – здесь и начинается проверка вашего творчества. Все, что вы сделаете на этом этапе будет влиять на общий размер страницы. Если ваш дизайн содержит округлые формы, которые совпадают друг с другом или применяются градиенты, то Вы должны «нарезать» эти фрагменты предельно осторожно, чтобы в результате иметь файлы небольших размеров.
Эффективная нарезка:
Не делайте больших фрагментов, которые содержат много различных цветов. Используйте небольшое количество «кусочков», где каждый фрагмент содержит ограниченное количество цветов.
Не делайте больших фрагмент, содержащий те же графические структуры. Нарезайте его маленькими кусочками и копируйте (размножайте) его в коде. Это очень распространенная ошибка, которую Веб-мастера (программисты) делают при работе с градиентным фоном.
Не используйте формат JPEG файла все время. В некоторых случаях формат GIF будет гораздо меньшим по размеру. Золотое правило - ломтик с высоким числом цветов будет меньше по размеру, с помощью формата JPEG, а не формат GIF, и обратное тоже верно. Проверить каждый вариант отдельно. Каждая 1KB что вы уменьшите от размера файла изображения в конечном итоге складываются в значительное сокращение размера страницы.Немалую роль играют подписи изображений в параметре alt и title тэга img,к примеру тэг alt может равняться "продвижение сайтов киев".
Если у вас есть текст на цветном(монотонном)фоне, не используйте в качестве фона картинку. Используйте код для создания фона. Помните, что можно определить как стиль шрифта и цвет фона области с помощью CSS.