Что такое трюки Google на их логотипе?

Question

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

http://www.google.com/images/nav_logo91.png

Ну, это не только логотипу этого есть много символа также.Есть ли причина, по которой Google использует этот способ?какие-либо результаты или просто для демонстрации их техники мастерства?Кроме того, как показать только часть изображения?Благодарю.

Answer 1

Это спрайт. Это может уменьшить размер файла и время загрузки.

Вы можете склеить изображение, используя JavaScript или CSS (CSS является более популярным выбором). Вы можете создать элемент с тегом div, а затем установить для свойства background-image указанный вами URL-адрес. Затем используйте свойство background-position, чтобы выровнять его соответствующим образом. Наконец, установите ожидаемые width и height из div.

Answer 2

Это как animuson уже объяснил, они называются CSS-спрайтами, чтобы немного расширить их, они используются для предотвращения избыточных HTTP-запросов.

Имея только одно изображение для загрузки, оно кэшируется, а затемвеб-сайт может использовать это одно изображение для нескольких фонов, но только с помощью background-position можно просматривать только определенные области.

Хорошее объяснение здесь: http://css -tricks.com / 158-css-sprites /

Answer 3

Это называется CSS-спрайтами. Многие сайты используют эту технику, где все (декоративные) изображения на сайте содержатся в одном изображении.

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

Большое изображение затем помещается в качестве фона в div и обрабатывается с использованием background-position и других свойств CSS, чтобы обеспечить только часть показа спрайта, которая требуется.