Como hacer para resize una imagen en html,

Como hacer para resize una imagen en html, es decir tengo una imagen de 500x500px que debe aparecer en en cuadro de 15x5% pero que si lo abaro en una pantalla de 800 x600 se ve bien en 1024 x 768 se ve más o menos en1280 x 1024 se ve ya mal, como seria para que la imagen se adapatara de una a la cantidad de pixeles de cada monitor en ese % de la pantalla para que no pierda calidad, es decir comn forme se carga la paginalla imagen se adaopata para dar la mejor caidad de si misma