обрезка картинки

есть вырезка части картинки

.image {
    background-image: url(images/aaa.png);
    background-repeat: no-repeat;
    display: inline-block;
}

.img1 {
    width: 20px;
    height: 20px;
    background-position: -1px -1px;
}

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

Crack, есть колода карт,надо карты резать и уменьшить

dilp, сделай картинку такого размера что бы не нужно было каждый раз ее уменьшать при помощи css

# dilp (09.05.2017 / 00:56)
как её затем уменьшить?

.image {
    zoom: 0.3;
}

Шрифтовые возьми лучше