Любые рекомендации, как найти положение иконки на изображении спрайта

Question

Я новичок в спрайте, мне кажется, я понимаю концепцию изменения положения фона для замены изображения. так что у меня есть этот большой спрайт png, который я скачал, но как мне узнать положение значков?

У меня нет фотомагазина, есть ли другой рекомендуемый инструмент (бесплатный) для поиска позиции?

Answer 1

Вы можете использовать инструмент, подобный этому , и получить фоновые позиции значков в спрайте.

Вам необходимо сначала загрузить свое изображение, затем выбрать значок из спрайта. Будет сгенерирован CSS, просто скопируйте сгенерированный CSS и используйте его в своем классе.

Другие варианты

1. Вам необходимо открыть изображение в графическом редакторе, таком как Photoshop. Оттуда вы можете найти положение X и Y в любом месте изображения. Обратите внимание, что слева вверху 0,0. Получите координаты x и y и используйте вот так

   background-position: -310px -123px;

Обратите внимание на знак "-" перед координатами X и Y.

1. Начните с

   background-position: 1px 1px;

Используйте Firebug для изменения значений на лету. Методом проб и ошибок вы можете найти точное положение.

Answer 2

Вы можете использовать Sprite Cow для поиска местоположений значков без использования внешней программы. Сайт обслуживает сложные возможности выбора иконок.

Answer 3

MSPaint отображает положение курсора относительно изображения в Windows 7. Если вы используете инструмент выбора, он покажет размер и положение.

GIMP или Paint.Net тоже будут работать.

Answer 4

Возможно, вы захотите использовать генератор CSS Sprites .Это немного облегчит вам жизнь.

Answer 5

GIMP или любой простой редактор изображений подойдут.