Вопросы с тегом '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
9
ответов
Наименьшее изображение 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