Могу ли я предложить использовать спрайты CSS вместо картирования изображений?Если нет, то сообщите мне, чтобы мы заставили его работать вместе?
Карта изображений имеет много применений, и одним из наиболее важных применений является маркировка некоторых горячих точек на карте (изображении), чтобы пользовательможете нажать на эту часть и перейти на другую страницу.Но разработчики и дизайнеры использовали его некоторое время назад для создания навигационных меню, и почему?Посмотрим.Когда вы используете в своем документе 10 изображений, браузеры отправляют на сервер 10 запросов на получение этих 10 изображений.Это похоже на то, как твоя мама посылает тебя на кухню 10 раз, чтобы принести 10 ложек одну за другой (представь себе!).Многие дизайнеры используют фоновые изображения для пунктов меню.Поэтому, если в меню 5 пунктов, они обычно используют 5 * 3 = 15 фоновых изображений (1 для нормального состояния, 1 для наведения и 1 для выбранного на элемент меню).Это означает нагрузку на веб-сайт, меньшее время загрузки, больший трафик сервера и много других проблем.Поэтому они использовали карты изображений для однократной загрузки изображения и делят его на клиентской стороне на кликабельные части для навигации пользователя к нужным страницам.Но тот же эффект можно использовать с техникой, известной как CSS Sprites
.В этом методе эти 15 изображений объединяются в одно изображение, и на стороне клиента, используя CSS для каждого элемента, отображается только часть этого изображения.Это как твоя мама просит тебя пойти на кухню принести 15 ложек в пачке.