Иконки социальных сетей IMG или фоновые изображения CSS?

Я нахожусь на грани кодирования около 8 значков социальных сетей на сайте в качестве тегов img или якорей с фоновыми изображениями CSS, которые используют спрайты.

Я хотел бы провести здесь опрос, но мне интересно услышать от вас все, что вы считаете лучшим и почему?


person Cofey    schedule 12.02.2011    source источник


Ответы (2)


Вот ссылка, которая указывает, когда лучше всего использовать теги img по сравнению с фоновыми изображениями CSS, которые используют спрайты: Когда использовать IMG или CSS background-image?

Он специально указывает случаи, когда CSS со спрайтами лучше, потому что CSS со спрайтами

  1. быстрее загружаются и
  2. можно использовать, когда вы хотите только частично отобразить изображение.

Ссылка, которую я дал, дает гораздо более полный ответ (мои два пункта не пришли мне в голову, я добавил ссылку выше в закладки и часто использую ее для справки).

person Ellie Kesselman    schedule 12.02.2011
comment
Эта ссылка отличная, хорошая находка. - person Loktar; 12.02.2011
comment
Благодарю вас! Обычно я использую только IMG, поэтому подробности о CSS и спрайтах вылетают из моей головы, и я возвращаюсь к этой ссылке всякий раз, когда мне это нужно. Или еще один, но он не входит в семейство Stackexchange! - person Ellie Kesselman; 17.02.2011

Я думаю, с точки зрения моих предпочтений, мне нравится использовать спрайты. В первую очередь потому, что вы можете поместить все свои значки в один файл изображения, css-переместить фоновое изображение в нужное место (я), а затем пользователю нужно будет загрузить (кэшировать) только один файл. Это означает меньше запросов на ваш сервер, меньше файлов для ожидания И вы можете предварительно загрузить только один файл. И обновлять проще, имхо.

Надеюсь это поможет.

person TNC    schedule 12.02.2011