Форум Сайтостроение Веб-строительство

CSS спрайты

FA
На сайте с 17.07.2008
Offline
31
f-a-n-t-o-m
509

На сайте http://jimm.name я объединил картинки, которые выводятся через html в одну. В результате количество запросов картинок на сервер уменьшилось на 15.

Гугл говорит что можно объединить еще картинки https://developers.google.com/speed/pagespeed/insights#url=jimm.name&mobile=false&rule=SpriteImages

Как это сделать, если они выводятся на сайт через style.css?

Фотостатусы вконтакте (http://vkontakte.ru/app2381180)
FA
На сайте с 17.07.2008
Offline
31
f-a-n-t-o-m
#1

Нашел параметр:

background-position:-16px -32px;

Он позволяет выбрать начало отображаемой картинки из общего файла картинок.

Как выбрать конец отображаемой картинки?

vandamme
На сайте с 30.11.2008
Offline
675
vandamme
#2

width and height

FA
На сайте с 17.07.2008
Offline
31
f-a-n-t-o-m
#3

vandamme, у меня большинство картинок выводится фоном через CSS стиль:

.rek{background:url(img/rek.png) no-repeat bottom right;padding:2px 6px 6px}

и если ограничить эти контейнеры параметрами width and height, то размер всех блоков сайта изменится не в лучшую сторону

R
На сайте с 10.09.2012
Offline
0
Ridento
#4

От того что твой сайт потеряет вес на 2 байта - думаю никто ничего не заметит, не надо создавать проблемы себе, это уже не оптимизация, а задротство.

Сам гугл далеко не тот на кого нужно ровняться, у них в разработчиках тысячи людей, а элементарных ошибок в валидации тоже что-то около 1000.

5 глупых SEO-ошибок, которые Google начал создавать блоки Google: как решать проблему

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий