Есть изображение из страйта

[class^=p_],
[class*=p_] {
  .ie7-inline-block(); 
  display: inline-block;
  .ie7-restore-right-whitespace();
  vertical-align: text-top;
  background-image: url(/sprite.png);
  background-repeat: no-repeat;
}


.p_1 {
  background-position:-54px -159px ;
  width:177px;
  height:99px;
}

Теперь как сжать это изображение до нужных мне размеров??

Этот код обрезает изображение

<div width="50" class="p_1 "></div>

background-size

?

_____________
Mysql, Postgresql, Redis, Memcached, Unit Testing, CI, Kohana, Yii, Phalcon, Zend Framework, Joomla, Open Cart, Ymaps, VK Api

123456
Грамотно - это никогда не сжимать изображения. Сделай сразу нужный тебе спрайт.

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).

T1grOK

Пробовал так.

<div class="p_1" style="background-size: 100%"></div>

Вообще изображение вообще не отображается

inpost
Дело в том, что мне необходимо данное изображение в нескольких форматах.

В спрайте оно примерно 200x150
Но вот в некоторых блоках его надо сжать сжать до 75x50

и это изображение 200x150 используется на каждой странице.

123456
Берёшь спрайт в фотошопе, и делаешь одну картинку на 200, другую на 75px.

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).

inpost
А с моим вариантом никак?
т.к. если создавать спрайты в другом размере, то пол дня на это потрачу....
Изображение со спрайтами 2000x2000

background-size - изменишь размер с 100% до 50%. Тогда и отступы другие указывать надо. Но не везде работать будет, но чем тебе способ не подошел? Ты его тестировал? Пробовал сначала всю картинку уменьшить, посмотреть что из этого выйдет?

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).

спрайты?! Спрайт - это собрание ВСЕЙ Графики, а не определённой в определённом размере.

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).

123456 Используйте Gulp или Grunt там всяких модулей для создания спрайтов полно да и ресайз можно автоматом делать.

123456
Я оставлю это здесь:

https://www.codeandweb.com/blog/2011/07/28/...h-texturepacker
https://www.codeandweb.com/texturepacker/download

Еще по background-size: http://jsfiddle.net/volter9/8tvqaL7c/

_____________
Мой блог