Как стать автором
Обновить

Комментарии 26

А не проще, тогда уж, закодировать изображения в base64 и вставить в сам CSS? Я почему-то уверен, что способ с картинками, а не градиентами, намного производительнее.
НЛО прилетело и опубликовало эту надпись здесь
Дело в том, что, опять же, для меня, намного интереснее и приятнее просматривать простой, но аккуратный сайт, чем сайт напичканный всем тем, что только возможно и при этом дико тормозит. И не особо важно то, что страница этих сайтов будет весить на десять килобайт больше.
НЛО прилетело и опубликовало эту надпись здесь
Согласен. На небольших участках, в принципе, и сейчас можно использовать достаточно спокойно — кнопочки, закорючки и т.п., но не на бэкграунде всей страницы.

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

в других случаях между png и base — всегда выбираю второе, но только если картинка относится к функционалу и не большая.
base64 сам по себе утяжеляет картинки, примерно на 20%.
По сравнению с чем?
с оригинальной png картинкой
НЛО прилетело и опубликовало эту надпись здесь
Это хороший способ создать сайт, который тормозит на обычной машине.
А обычный смартфон он будет завещивать, и за 10 минут сажать его батарею :)
Ага, а примеры используют старый синтаксис для градиентов?
а для поддержки IE младше 10-й версии вообще использовать DXImageTransform.Microsoft.gradient()

MS-фильтр поддерживает только самые простые градиенты: линейные, строго вертикальные или горизонтальные, с двумя колор-стопами «от и до».
Поэтому для цикады он, мягко говоря, малопригоден — даже если отбросить все прочие его недостатки. Так что закладывайтесь на то, что этот фон в старых IE будет априори «изящно деградирован». :) Ну разве что SVG привлечь для IE9…

Теперь по теме в целом.
Как эксперимент — безусловно интересно. На практике… решение нишевое и спорное.
Простые геометрические полосочки реализуются несложно — но они и в картинках мало весят! Которые можно засунуть в base64, как правильно замечают выше.
А что-то сложное — уже нет. Это отлично иллюстрирует пример с занавесом: изготовить/менять его очень муторно, а качество все равно оставляет желать лучшего. Он неживой, синтетический. А занавес из картинок намного вкуснее.
простите, конечно, но ваше «намного вкуснее» жутка артефачит на моём ноуте.
я все же за вектор, пусть даже пока синтетический, SVG и CSS (где попроще).
а если еще вспомнить про Retina…

при увеличении мощностей, вектор всё сильнее будет вытеснять растр. может даже когда-нибудь сплайновые 3d движки увидем. хотелось бы до этого дожить :)
Автор, желая оптимизировать объем, немного перегнул палку с постеризацией. Ценой десятка-другого килобайт от этого можно избавиться.
Но даже в нынешнем виде растровая картинка мне больше нравится. А шум отчасти даже в плюс — придает фактуру.
шум да, а вот квадратные артефакты — не очень :)
видимо, у нас разные мониторы.
Да не, я понимаю о чем речь. Это постеризация. Если целенаправленно обращать внимание — я её тоже вижу.
Автор немного переборщил с оптимизацией.
Как всегда не хватает на хабре отредактировать свой комментарий :(
НЛО прилетело и опубликовало эту надпись здесь
Она явно указывает на хабр, но не каждый же смотрит href. Обычно такие ссылки даются на Википедию, например. Я тоже первым делом полез топик ализара искать что бы убедиться что это не дежавю. И только потом прочитал эту ветку комментариев.
да согласен :) будет дикий тормоз, на компах с встроенной видео картой.

Но мне кажется человек выложил пост, как научно тематическую статью :) чем теоретически практическую :)))

или я не прав? :)
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
Красотища! С моей привычкой искать повторяющийся узор фона на сайта, стопорнуло меня минут на пять.
Зарегистрируйтесь на Хабре , чтобы оставить комментарий

Публикации

Истории