Я новичок в спрайтах, я думаю, что понимаю концепцию изменения положения фона для замены изображения. Итак, у меня есть этот большой спрайт png, который я скачал, но как мне узнать положение значков?
У меня нет фотомагазина, есть ли другой рекомендуемый инструмент (бесплатный) для поиска позиции?
MSPaint отображает положение курсора относительно изображения в Windows 7. Если вы используете инструмент выбора, он покажет размер и положение.
GIMP или Paint.Net тоже подойдут.
Вы можете использовать Sprite Cow для поиска местоположения значков без использования внешней программы. Сайт предлагает сложные возможности выбора иконок.
Вы можете использовать подобный инструмент и получить фоновое положение значков в спрайте.
Вам нужно сначала загрузить свое изображение, а затем выбрать значок из спрайта. CSS будет сгенерирован, просто скопируйте сгенерированный CSS и используйте его в своем классе.
Другие варианты
Вам нужно открыть изображение в графическом редакторе, таком как Photoshop. Оттуда вы можете найти положение X и Y в любом месте изображения. Обратите внимание, что слева, сверху 0,0. Получите положение x и y и используйте так
фоновая позиция: -310px -123px;
Обратите внимание на знак - перед координатами X и Y.
Начните с
фоновая позиция: 1px 1px;
Используйте Firebug для изменения значений на лету. Методом проб и ошибок можно найти точную позицию.
Вы можете рассмотреть возможность использования генератора CSS-спрайтов. Это немного облегчит вам жизнь.
Подойдет GIMP или любой примитивный графический редактор.
