Облегчаем вес странички CSS за место картинок

Ребят вот решил написать как облегчить вес ваших страничек, избавив их от загрузки графики и картинок в дивы.
Полезный ресурс для генерирования CSS градиентов подобных тем, какие используются в Photoshop
Создание градиентов на данном ресурсе не составит труда. Выберите понравившийся градиент, подвигайте ползунки, чтобы добиться нужного вам градиента, поменяйте цвета и просто скопируйте код, который расположен в правой части экрана, поместив его в созданный вами класс, для которого должен использоваться градиент в качестве фона.
Вот и всё, всё быстро качественно облегчили страничку, и уменьшили время её загрузки.

Я этот сайт давно использую))) Даж в панели быстрого доступа висит)
Только этот способ для новичков не пойдет, да и не факт, что другие знают особенности CSS)) Он хорошо подойдет тем, кто занимается дизайнами и знает в этом толк, а новички понапихают этих градиентов не известно куда...))
Вообще информация полезная для пользователей)

WELDER, Согласен для новичков будет очень сложно.
Новички привыкли использовать картинки с гадиком что бы не заморачиватся и не забивать голову, чем утежеляют страницы, время загрузки больше, трафик жрёт больше и подгонка занимает больше времени а оптимизация страниц падает.
Но ведь когдато пора выходить им из каменного века и начать делать свои проекты лучше и эффективнее.

Ну да) согласен)) Да ещо и если нет плохой и ждать когда страница загрузится полностью, не хочется)

WELDER, Я встечал в своей практике несколько сайтов где картинки градиков весили по 90Кбт, в общей сумме до 350Кбт только графика на страничке это полный ужас был :) плюс к этому огромная куча счётчиков разномастных и всес долетал до 550Кбт .ржу.

Вот вот))) Если интернет быстрый, то ещо более менее, а если медленный, то капец)))

WELDER, Вот маленький набросок на сорую руку :)
Несколько градиков с использованием CSS3 без использования графики

Ваще норм) От не графичного градиента н отлечить)) А плюсов больше))

Просветите меня, зачем это?

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

Сейчас объясню :)
Большинство мастеров используют в дивах своего сайта цветовые градиенты в картинках, что сильно сказывается на весе странички времени её загрузки и входящего трафика.
При использовании CSS градиентов мы исключаем все эти минуса переводя в плюсы.
Тоесть мы отказываемся от кртинок в дивах сайта.

о, теперь понял!
Дак ведь это выгоднее .1.

Следующий диз сделаю с минимумом графики) посмотрим )))

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

Ещё один плюс использования градиентов на CSS это уменьшается количество запросов на сервер, и само собой если говорить о wap шаблонах, то так же уменьшается расход трафика, что существенно увеличивает загрузку страницы.
Есть лишь один единственный минус для пользователей, которые заходят во всемирную паутину в поисках чего либо с (микроволновок) типа мотороллы С350 :), то их устройства уже не увидят всей красоты вашей странички.

Ну счас не думаю, что таких много))

Как показывает практика ещё есть, не так много но всё же есть.
Например жабовская опера 4.2-4.8 не понимают CSS3, все остальные версии с высше этого уже едят его нормально :)

у меня на теле такая opera .лол. не поймет тел)

WELDER, от оперы давно пора отказаться, сейчас идут браузеры с пониманием HTML5 и CSS3

В принципе думаю стоит немного дополнить список этой ссылкой