[Resolvido] Usando imagens sem transparencia em sites

[Domination 0]

Bom dia a todos

 

Estou querendo usar em meu site imagens sem fundo, para que elas não dependessem do bg do site, mas estou em dúvida quanto ao formato que devo usar.

 

Fiz alguns testes aqui, primeiro usei o png, funcionou bem legal, a imagem não estourou, porém ouvi dizer que não é o melhor caminho usar em sites...fiz, tbm, testes com gif, mas as imagens ficaram horríveis, perderam a qualidade...

 

Usei a mesma imagen para os dois testes, lembrando que é um símbolo com cor chapada mesmo, sem efeito nenhum.

 

Minha pergunta - qual o melhor caminho para usar uma imagem com fundo transparente em um site?

 

Obrigado.

[Pantoja 5]

Bom dia a todos

 

Estou querendo usar em meu site imagens sem fundo, para que elas não dependessem do bg do site, mas estou em dúvida quanto ao formato que devo usar.

 

Fiz alguns testes aqui, primeiro usei o png, funcionou bem legal, a imagem não estourou, porém ouvi dizer que não é o melhor caminho usar em sites...fiz, tbm, testes com gif, mas as imagens ficaram horríveis, perderam a qualidade...

 

Usei a mesma imagen para os dois testes, lembrando que é um símbolo com cor chapada mesmo, sem efeito nenhum.

 

Minha pergunta - qual o melhor caminho para usar uma imagem com fundo transparente em um site?

 

Obrigado.

 

Resp. PNG para qualidade, GIF para mais leve!

 

^^

[Progress 2]

Bom depende do que você quer.

 

Quanto a transparência tanto .png quanto .gif aceitam transparência.

 

As imagens em formato .png possuem uma qualidade bem superior comparadas as imagens em formato .gif, porém as imagens em .gif apresentam um tamanho mais compactado(menor).

 

As mais utilizadas são .png, eu recomendo essa mesma.

 

Qualquer coisa só postar ae! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Mezy 0]

PNG ainda é a melhor pedida!! mas tem um pequeno problema.... o Internet Explorer não aceita a transparencia de arquivos nesse formato.... então você tem q fazer um hack em css pra burlar isso!!

 

por isso quem desenvolve pra web não recomenda o uso do PNG... se tiver outra maneira de fazer... é melhor não usar http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

mas se não tiver outro jeito.... hack no IE http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

[Domination 0]

Valew, galera pelas respostas!

 

Estou deixando, até agora como png, pq em gif elas ficam muito feias, mas ainda estou vendo qual é a melhor...

 

com relação à esse hack, como ele seria? Já usei alguns, porém para "margin-top e left, como seria nessa ocasião??

 

Obrigado à todos!

 

:D

[Progress 2]

Opa Domination, qualquer dúvida só postar ae!

 

Quanto aos hacks do CSS, recomendo postar a dúvida na sessão Webstandards: CSS / XML / XHTML / HTML, com certeza irão lhe ajudar bem lá. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[EvaldoBahr 0]

Só um complemento...... o IE 6 e anterior não aceita PNG transparente mas existem os hacks, o 7 e provavelmente os posteriores já aceitam sim http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Domination 0]

Galera, muito obrigado por sanarem minhas dúvidas, vou lá na parte de Webstandards: CSS / XML / XHTML / HTML e ver se consigo ver isso, muito obrigado mesmo!

 

Valew!!