html - pluma - como recortar una imagen en word por el contorno

¿Cuál es la mejor manera de recortar una imagen en HTML?

Question

¿Cuál es la mejor manera de recortar una imagen en HTML?

Sería algo como lo siguiente:

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

Si eso no funciona, entonces solo usaré GIMP. ¿Alguna idea sobre cómo puedo hacer que esto funcione programáticamente?

Answer 1

Eso se llama sprites, puedes leer este fantástico artículo de A List Apart .

Al final, se reduce a:

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

Answer 2

También puede usar una herramienta como este generador de Sprite CSS basado en la web para crear una imagen más grande si tiene muchas rebanadas.

[Alguien en mi pregunta similar me llevó a la tuya].