Статьи
Вес в дизайне...
Давно прошли те времена, когда
все страницы в сети были просто текстовыми с редкими картинками
и выглядели словно однояйцевые близнецы. Сейчас часто можно встретить
очень красивые сайты, созданные всего лишь с помощью CSS и графики.
Я не буду упоминать о Flash сайтах - это отдельная песнь...
Бродя по сети, вы наверно не раз замечали, что
одни страницы загружаются мгновенно, а загрузку других приходится
ждать "часами" (и чаще всего не дождавшись уходить на
другой сайт).
В Интернете время - это деньги. И мы не должны
забывать об этом, создавая свой сайт. Как же облегчить вес своих
страниц и при этом не сделать их скучными и безликими?
Я хотела бы дать ряд советов, используя которые
вы сможете добиться нужного эффекта:
Помните, что вес страницы вместе с графикой,
кнопками и баннерами не должен превышать 150 Кб. Вес вы считаете
так: страница на HTML + вся графика + кнопки/баннеры. Кнопки обычно
весят примерно по 2-3 Кб, баннеры 13-15 Кб. Если у вас в меню
используются roll-over'ы, то вы должны считать вес всей графики,
включая то, что загружается в Cash-память.
Тщательно подходите к выбору формата графики, не забывайте о том,
что в формате GIF простые (малоцветные) изображения весят меньше,
а фотографии лучше сохранять в формате JPG.
Никогда не забывайте оптимизировать графику перед отправкой в
сеть. Наилучшее соотношение качества и веса для JPG 60-70%. Даже
если на каждой картинке вы сократите 2-3 Кб, а картинок будет
10, то получите уменьшение веса на 20-30 Кб. А это не мало! Для
оптимизации графики вы можете использовать: Ulead PhotoImpact
6.0, Ulead Smart SaverPro 3.0 или Adobe ImageReady 3.0
Постарайтесь статичную графику нарезать на части (делать слайсы).
Ведь намного красивей и удобней, когда картинка появляется по
частям, чем ждать долгой загрузки всей картинки. Да и нарезанные
изображения загружаются намного быстрее, даже при аналогичном
суммарном весе. Для нарезки графики вы можете использовать: Ulead
Smart SaverPro 3.0 или Adobe ImageReady 3.0
Если вы используете визуальный редактор для создания своих страниц,
то не забывайте "подчищать мусор", т.е. лишние теги,
пробелы, комментарии в коде.
Старайтесь не перегружать свой сайт разными навороченными скриптами,
а особенно их большим количеством одновременно, так как это может
сильно замедлить работу приложения.
Не надо забывать, что работая над весом своих страниц, мы должны
думать не только о скорости загрузки, но и качестве и красоте
своей работы. Одна из наиболее трудных вещей в веб-дизайне - это
найти для себя оптимальное соотношения качества/красоты и скорости.
И каждый раз, помещая что-либо в сеть подумайте
насколько та или иная вещь нужна посетителю вашего сайта. Надеюсь,
что мои советы помогут вам в создании ваших страниц.
<< назад
Наша кнопка
Если вам понравился наш сайт, то
мы будем очень признательны вам, если вы разместите нашу кнопочку
размера 88х31 у себя на страничке (сайте).
Для этого достаточно прописать у себя на странице этот код:
<!-- leg-design-->
<a HREF="http://leg-design.narod.ru" target="_blank
">
<img SRC="http://leg-design.narod.ru/images/banner_80.gif"
BORDER="0"
alt="Все о web-дизайне" width="88" height="31"></a>
<!-- leg-design end -->
