como diminuir imagens sem tirar a qualidade delas

meus amigos, ja tentei de tudo, porém, não consigo resolver meu problema. Na verdade nao sei se estou no lugar certo para resolver isso ou se é na parte de javascript;

Eu criei uma thumb que chama pra um post, sendo que essa thumb diminui a imagem original. Mas quando essa imagem original diminui ela perde a qualidade e tal..

Eu uso o seguinte codigo css pra tentar consertar ela:

.img8 {

width: 320px;

height: auto;

overflow: hidden;

float: left;

margin: 0px 25px 0px 0em;

}

.img8 img {

width: 300px;

height: 200px;

}

Mas ainda continua distorcendo as imagens do thumb..

Eu tenho um plugin de light box que as imagens quando estão pequenas (em thumb) não perdem qualidade, apenas diminuem. E eu queria esse mesmo efeito =//

Alguém pode me ajudar?

Abraço a todos desde já