Jump to content


Photo

Fundo Transparente


  • Faça o login para participar
9 replies to this topic

#1 Thais Baio

Thais Baio

    12 Horas

  • Usuários
  • 150 posts
  • Sexo:Feminino

Posted 06/04/2008, 16:27

Estou construindo um site com html e css, o qual construí seu layout no Photoshop. Exportei cada imagem do layout como GIF com fundo transparente. Porém, no css quando coloco uma imagem sobre a outra vejo que não ficou com fundo transparente coisa nenhuma =/ rsssss... O que pode estar errado?

Pra deixar com fundo transparente nao basta colocar fundo transparente quando cria o documento e exportar como GIF?

Obrigada

#2 Kadu DG

Kadu DG

    I Love my Little Girl! http://www.kdsg.net

  • Usuários
  • 597 posts
  • Sexo:Masculino
  • Localidade:Carapicuiba, SP

Posted 06/04/2008, 18:31

bom pra ficar com o fundo transparente, vc tem que ter deixado a imagem com aquele funddo quadriculado...pelo menos é assim quando eu exporto em png...
Posted Image

#3 Thais Baio

Thais Baio

    12 Horas

  • Usuários
  • 150 posts
  • Sexo:Feminino

Posted 07/04/2008, 13:45

Obrigado Kadu, mas cheguei a uma conclusão...Minha imagem tinha os cantos arredondados, por isso, mesmo salvando como fundo transparente e GIF a qualidade GIF ficava péssima e apareciam bordas brancas ao redor da imagem. Salvei então como PNG-32 e deu certo...Mas há dois poréns =/ Em primeiro lugar a imagem fica muito pesada, em sugundo lugar o Internet Explorer 6 nao le o PNG com fundo transparente...=/

Vc sabe uma alternativa para esse problema?

Obrigadooo

#4 [=]Montanha[=]

[=]Montanha[=]

    O Defenestrador!

  • Usuários
  • 794 posts
  • Sexo:Masculino
  • Localidade:het konijn bijt
  • Interesses:Photoshop, Illustrator, CorelDraw, Ilustração, poderes mutantes da mente e Defenestração! het konijn bijt

Posted 07/04/2008, 14:06

Gif é um problema, pois é o único formato de imagem que é reconhecido com fundo transparente nos navegadores mais antigos e é limitadíssimo a 256cores. PNG-32 é perfeito para imagens com muitas cores que necessitam de fundo transparente, porém ele fica pesadinho... Então o que fazer nessas situações?

Para o GIF ficar sem ar rebarbas (bordas brancas), o ideal é usar uma quantidade reduzidas de cores, o que deixará ele mais leve também.

Eu costumo pegar que eu quero de fundo, e aplicar como fundo da imagem que era para ter fundo transparente. Agora se é indispensável que o fundo seja transparente, eu costumo usar o flash, é "gambiarrovisck" mas funciona na maioria das vezes.

Espero ter sido claro o suficiente.

Abraço.

Aí, falow!

Edição feita por: [=]Montanha[=], 07/04/2008, 14:11.

(\_/)
(ò.ó)
(><)
het konijn bijtt!


#5 Thais Baio

Thais Baio

    12 Horas

  • Usuários
  • 150 posts
  • Sexo:Feminino

Posted 07/04/2008, 14:56

hmmm...obrigada Montanha =) vc usa o flash para isso, mesmo que sua imagem seja totalmente estática e sem animação nenhuma?

O formato SWF gerado pelo Flash é reconhecido por todos os navegadores?

Obrigado mais uma vez :D

#6 [=]Montanha[=]

[=]Montanha[=]

    O Defenestrador!

  • Usuários
  • 794 posts
  • Sexo:Masculino
  • Localidade:het konijn bijt
  • Interesses:Photoshop, Illustrator, CorelDraw, Ilustração, poderes mutantes da mente e Defenestração! het konijn bijt

Posted 07/04/2008, 15:24

1º) [...]vc usa o flash para isso, mesmo que sua imagem seja totalmente estática e sem animação nenhuma?[...]
2º) [...]O formato SWF gerado pelo Flash é reconhecido por todos os navegadores?[...]

1º) Como eu disse, é uma gambiarra, mas que não costuma falhar, mesmo para imagens completamente estáticas.
2º) Você configura a compatibilidade do flash na hora de exportar o arquivo. Maiores esclarecimentos sobre o flash procure nossa seção sobre o programa.

é isso...

Aí, falow!!

(\_/)
(ò.ó)
(><)
het konijn bijtt!


#7 -SORRISO-

-SORRISO-

    Moderador Sumido

  • Usuários
  • 354 posts
  • Sexo:Masculino
  • Localidade:Campinas - SP

Posted 07/04/2008, 17:44

eu fiz um "mini tuto" sobre GIF uma vez

vo postar ele aqui, espero que ajude ;)

a sacada do PNG eh que ele ermite que você dexe cada pixel com uma transparênbcia variavel de 0 a 100%, mas sem animação.

Esquecendo esse APNG que é do futuro e n vale a pena usar ainda pq n tem suporte.... o gif pode ter animações sim, mas ele vai ter pixels 100% opacos OU 100% transparentes. não tem outro termo. nessa bolinha que vc fez os pixels são transparentes, e o gif n permite que ele tenha por exemplo 50% de opacidade. então o photoshop tasca uma cor no fundo pra completar os 100%, que no caso foi o branco, que é o padrão.
Quando você salva um GIF, o jeito é fazer com que essa cor que é adicionada pra completar os 100% de opcidade seja igual ao fundo de onde você vai usar ela.

quando você for salvar o gif, vai ter uma opção chamada MATTE. la você escolhe a cor do fundo q vc quer botar.

Posted Image


se o fundo onde você for botara imagem não for uniforme, o jeito é aplicar a gambiarra mesmo ^^ como flash, PNG, no pior dos casos javascript.

PNG não dexa essa borda branca e é levíssimo, mas alguns navegadores (Internet Explorer 6 ou inferior, por exemplo) não tem suporte ao PNG, que acaba ficando como o GIf, com rebarbas brancas.



#8 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 27/09/2017, 04:37

Canadian Pharmacy Uk Dosing Amoxicillin In Humans Efficacia Propecia 5 Alfa Reduttasi cialis Canadian Med 24h
Acheter Viagra Pfizer 100mg Sildenafil 100mg 30 Pills online pharmacy Synthroid By Mail Order Online Scrips Buy Propecia 20mg

#9 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 29/10/2017, 13:14

Cipan Portugal Amoxicillin viagra Buy Prednisone Online Without A Script Amoxicillin And Chewable Tablets
Viagra Kaufen Ohne Visa Cialis Ch Acheter Du Baclofene Sur Internet viagra online pharmacy Amoxicillin Without Prescription Take Amoxicillin Before Dentist Visit

#10 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 16/11/2017, 21:07

Compra Kamagra Contrareembolso Viagra Delle Ande For Sale Zithromax Z Pak Oral viagra Medicament Baclofene Irex Precio Levitra 5 Mg
Power Pill Viagra Effetti Kamagra Priligy De L'Inde cialis Parkizol Online




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq