Каков наилучший способ обрезать изображение в HTML?

Question

Как лучше всего обрезать изображение в HTML?

Это было бы что-то вроде следующего:

<img src="something.gif" x1="10" y1="10" x2="20" y2="20">

Если это не сработает, я просто буду использовать GIMP. Любые мысли о том, как я могу заставить это работать программно?

Answer 1

Это называется спрайты, вы можете прочитать эту фантастическую статью A List Apart .

В итоге все сводится к:

#panel2b {
    width:50px;
    height:30px;
    background: transparent url(test-3.jpg) -96px -200px no-repeat;
}

Answer 2

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

[Кто-то на мой похожий вопрос привел меня к твоему].