Использование тега логотипа в спрайтах - это хорошо или плохо?

Question

При создании веб-страниц один из моих коллег отображает любой логотип с помощью свойства background-image CSS, а не встраивает изображение с помощью тега HTML <img>. Коллега сообщил, что это должно было уменьшить количество HTTP-запросов. Он также показал мне спрайт изображения и сказал, что Google отображает свой логотип со спрайт-изображениями.

Я не согласен с его подходом и показал ему, что главная страница Google.com загружает их логотип в тег <img>.

Какая практика лучше?

EDIT: Facebook также делает то же самое на своей домашней странице , загружая логотип в тег img, в то время как на страницах своего профиля они отображают свой логотип, используя CSS-спрайт .

Исходя из этого, я пришел к выводу, что, возможно, вам следует загрузить свой основной логотип в тег img, тогда как для других логотипов, таких как нижний колонтитул или подстраница, вы можете загрузить их в фоновом режиме, используя CSS-спрайты.

ОБНОВЛЕНО : Я регулярно загружаю логотипы с тегами img, а также знаю, почему мы можем использовать спрайты. Мой главный вопрос: если у вас есть три или более логотипов на странице, как лучше их загрузить?

Answer 1

вы можете использовать спрайт в элементе img через свойство css clip :.правильное использование спрайтов всегда полезно для оптимизации.иногда это не практично.это суждение, которое вы должны сделать для каждого конкретного обстоятельства (сайта), с которым вы сталкиваетесь.

Answer 2

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

Пример: первый тег, для которого требуется спрайт, вызывается как фоновое изображение, а затем вызывается снова в другом теге в той же таблице стилей. Если они находятся в отдельных таблицах стилей, они будут запрашиваться более одного раза.

Маленькая статья: http://webmasterformat.com/blog/css-sprites

Answer 3

Находясь в Риме, делайте то, что делают римляне.

О логотипе в теге IMG, официальные слова из Google .. http://www.youtube.com/watch?v=fBLvn_WkDJ4

Причина сохранения в теге: Чтобы иметь хорошую видимость поисковой системы, и когда кто-то ищет в Google название вашей компании, в результатах поиска должен появиться логотип.

Причина сохранения в css-спрайтах [фоновое изображение]: Более быстрое время загрузки

Большие бренды: У всех крупных брендов есть раздел для СМИ на своем веб-сайте, а также раздел для прессы, где они хранят все свои логотипы в загружаемом формате.

Answer 4

Ситуация: ваша компания решает обновить / изменить логотип, но дождаться вашего логотипа в спрайте.Таким образом, вы должны воссоздать спрайт снова.Мое предложение, сохранить логотип в теге img.