como diminuir imagens sem tirar a qualidade delas

[wallacejonathan 0]

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á

[Denis.Santos 7]

Você já tentou ao invés de especificar as medidas da imagem em pixels, utilizar porcentagem?

[brJulioCésar 0]

Talvez se usar as medidas em porcentagem consiga um resultado.

[wallacejonathan 0]

Consegui resolver:

 

.img8 img {

1. height: auto;
2. min-width: 230%;
3. max-width: 100%;
4. margin: -2em 0em 0em -11em;

}

.img8 {

1. width: 300px;
2. height: 230px;
3. overflow: hidden;
4. float: left;
5. margin: 0px 25px 0px 1.5em;

}