Онлайн-сервис вычисления координат и размеров изображения в CSS спрайте

В теме Использование CSS спрайтов мы уже рассмотрели, что такое CSS спрайты, что они дают и как их сделать. Далее в теме Онлайн-сервис создания CSS спрайтов мы узнали, как в режиме онлайн создать CSS спрайт из нескольких изображений.

Теперь мы хотим Вам рассказать об отличном онлайн-сервисе Spritecow.com, который окажет Вам неоценимую помощь в создании CSS спрайтов.

Предположим, что у Вас есть следующий CSS спрайт, который содержит четыре изображения:

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

Данный онлайн-сервис хорош тем, что Вы загружаете туда уже созданный CSS спрайт, который собираетесь использовать у себя на сайте, и с помощью мышки в один клик можно выбрать любое изображение, содержащееся в указанном CSS спрайте. Spritecow.com в свою очередь высчитает размеры и положение выбранного изображения в спрайте и сгенерирует готовый CSS код для получения данного изображения на Вашем сайте.

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