Вопросы с тегом 'css-sprites'

CSS Sprites - это метод CSS для объединения небольших изображений в одно большое изображение, а затем их доступ с использованием свойства background-position. Он используется для сохранения запросов HTTP.
11
ответов

Как масштабировать изображение в CSS-спрайте

В этой статье http://css-tricks.com/css-sprites/ говорится о том, как обрезать меньшее изображение с 1 большего изображения. Можете ли вы рассказать мне, возможно ли это/как я могу обрезать меньшее изображение, а затем масштабировать обрезанный участ...
задан 12 марта '10 в 5:50
21
ответ

Инструменты для создания спрайтов CSS?

Есть ли хорошие инструменты для создания спрайтов css? ИДЕАЛЬНО Я бы хотел дать ему каталог изображений и существующий .css файл, который ссылается на эти изображения, и создать им большое изображение, оптимизированное со всеми маленькими изображени...
задан 09 февр. '09 в 10:23
8
ответов

Наименьшее изображение URI данных для прозрачного изображения

Я использую прозрачное изображение 1x1 с фоновым изображением, чтобы иметь возможность использовать спрайты и по-прежнему предоставлять альтернативный текст для некоторых значков. Я хочу использовать URI данных для изображения, чтобы уменьшить колич...
задан 16 мая '11 в 17:05
3
ответов

Clip/Crop background-image с CSS

У меня есть этот HTML: <div id="graphic">lorem ipsum</div> с этим CSS: #graphic { background-image: url(image.jpg); width: 200px; height: 100px;} Фоновое изображение, которое я применяю, составляет 200x100 пикселей, но я хочу только...
задан 15 окт. '11 в 13:09
6
ответов

Использование спрайтов с тегом IMG?

Я понимаю, как использовать спрайты, однако, это не атрибут "src", необходимый для тегов IMG? Я всегда мог использовать SPAN или другой тег и устанавливать фон /width/etc, но он не будет семантически правильным. В принципе, я бы хотел опустить SRC д...
задан 02 дек. '10 в 17:20
5
ответов

Как объединить значки в одно изображение с помощью ImageMagick?

Я хочу использовать CSS спрайты на веб-сайте вместо отдельных файлов изображений, для большой коллекции маленьких значков, которые все одинаковы размер. Как я могу конкатенировать (разбивать) их на одно большое изображение, используя ImageMagick?
задан 18 сент. '08 в 2:35
7
ответов

использовать CSS спрайты для списка (<li>) background image

Можно ли использовать спрайты CSS для фонового изображения списка? Обычно, я делаю спрайты с CSS следующим образом: .sprite { background: url(sprite.png) no-repeat top left;} .sprite-checkmark { background-position: 0 -24px; width: 24px; height: 23p...
задан 04 марта '10 в 21:37
4
ответов

Ищете хороший инструмент для создания изображений Sprite

Я ищу приличный генератор спрайтов изображений. Я пробовал http://spritegen.website-performance.org/, но он недостаточно "умный", чтобы обрабатывать несколько измерений изображения и объединять их с несколькими пробелами между изображениями. Любые п...
задан 11 февр. '11 в 14:55
2
ответов

Компас: генерировать спрайты, а также ширину/высоту на каждом изображении в спрайте

Я использую Compass (CSS Framework) для создания спрайтов. Он работает, но компас генерирует только фоновое положение для каждого изображения. Можно ли также получить ширину и высоту для каждого изображения в спрайте? Это мой код: @import "ico/*.p...
задан 13 авг. '11 в 23:16
8
ответов

Зачем использовать лист спрайта, а не отдельные изображения?

Одна вещь, которую я заметил на некоторых сайтах, заключается в том, что они используют одно изображение BIIIIIIIG, содержащее множество маленьких изображений, затем используйте CSS background-position для определения координат каждого изображения, ...
задан 08 нояб. '11 в 15:11
14
ответов

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

При создании веб-страниц один из моих коллег отображает любой логотип с использованием свойства background-image CSS, а не встраивает изображение с помощью тега <img>. Коллега сообщил, что это сокращение количества HTTP-запросов. Он также пока...
задан 03 нояб. '11 в 16:15
4
ответов

Должен ли я по-прежнему загружать изображения в CSS Sprite?

В CSS Sprites вы часто найдете отступы между каждым изображением. Я считаю, что идея такова, что если страница будет изменена, то одно изображение не будет кровоточить в другое. Я думаю, что это зависит от различных типов масштабирования браузера (л...
задан 15 марта '09 в 2:06
2
ответов

Почему не анимированный GIF вместо анимированных CSS-спрайтов?

В недавних тенденциях я видел людей, которые анимируют CSS-спрайты с использованием JavaScript вместо использования анимированных GIF файлов? Пример: http://www.google.com/doodles/eadweard-j-muybridges-182nd-birthday (на самом деле, Google использ...
задан 17 апр. '12 в 9:32
4
ответов

IE6: Событие загрузки фонового изображения

Я показываю кучу уменьшенных изображений, и задержка может быть очень высокой (через VPN), поэтому я отправляю все миниатюры в один файл (например, спрайт) и устанавливаю свойства фонового изображения и фоновой позиции CSS div для отображения эскизов...
задан 08 июня '11 в 23:53
5
ответов

Использование Css-спрайтов и фонового положения

У меня есть элемент div, например ширина 200px и высота 200px. Мне нужно небольшое изображение, которое появится в верхнем правом углу div. Как обычно это делалось бы с помощью background: url(/images/imagepath.png) top right; Однако проблема в то...
задан 16 сент. '11 в 15:01