Tableless - Desenvolvimento inteligente com Padrões Web

10/12/2004

PNG ou GIF?

Leia um pouco mais sobre o assunto. GIF or PNG.

Por


Leia um pouco mais sobre o assunto.
GIF or PNG.

Por Diego Eis

Diego Eis criou o Tableless para disseminar os padrões web no Brasil. Como consultor já treinou equipes de empresas como Nokia, Globo.com, Yahoo! e iG. É palestrante e empreendedor.

http://twitter.com/diegoeis/

Veja os outros posts de

  • http://www.brunotorres.net Bruno Torres

    Esse artigo no alistapart: http://www.alistapart.com/articles/pngopacity
    é bem interessante e mostra uma solução (usando javascript) para poder usar imegens png translucidas no IE.

  • http://rockgrafia.qn.com/rockgrafia.com Fellipe Cicconi

    Eu sempre fui adepto do formato PNG apesar de usar muitos GIFs em meus sites devido a algumas ferramentas que simplesmente inibem a edição do formato melhor.

    As suas qualidades são muito superiores às de seu antecessor e ainda por cima ele é um formato 100% livre. Só não uso todos os seus recursos por culpa do Infernet Exploder e da gama de leigos que ainda fazem uso desse arcaico modo de ver a Web.

    Da mesma forma eu incentivo o OGG contra o MP3. Além de livre, o ogg conta com maior qualidade com mais compactação, caso muito semelhante ao PNG. Só não é muito usado e suportado porque não foi difundido. Espero que quem leia isso ajude a difundir tanto o OGG quanto o PNG na internet.

  • http://www.owshit.com.br/newton Newton Wagner

    Esse lance do IE cansa. Infelizmente a supremacia do IE só acaba qdo o Windows perder a dele.. ou seja, vai demorar anos e anos. Para o usuário normal, ele prefere conviver com alguns problemas do que instalar novas ferramentas, mesmo que sejam comprovadamente melhores. Isso é fato.

    Qto ao formato, eu fiz alguns testes aqui no Photoshop e a diferença de tamanho do arquivo entre os dois foi muito pequena, acho que cada um tem suas vantagens, vai depender da imagem utilizada. Pregar que uma é melhor que a outra e "ponto final" não é o ideal.

    Ideal mesmo é testar… na hora de salvar as imagens, ver qual formato consegue manter a qualidade desejada sem ficar muito grande.

  • http://www.enasca.com Emerson Coimbra

    PNG é bem bacana. Pelos teste que fiz, se colocarmos o PNG como 8 bits a compressão é melhor que o gif. E como 24 bits fica um pouco "grande"; nesse caso prefrível continuar com o JPEG.
    Agora, esse lance do IE não renderizar a transparência do PNG é de doer.

  • http://www.marcusvbp.com.br Marcus VBP

    "Esse lance do IE cansa. Infelizmente a supremacia do IE só acaba qdo o Windows perder a dele.."

    O problema, creio eu, não eh o IE ter supremacia. O problema é ele não seguir os padrões. se ele seguisse os padroes, ele podia ter monopolio de 100% q eu nao tava nem ae. mas o negocio eh cansar mesmo, pq assim as pessoas vao perceber, ou pelo menos experimentar, os outros browser mais evoluidos, capitch?

  • Roberto Black Dog

    "Esse lance do IE cansa. Infelizmente a supremacia do IE só acaba qdo o Windows perder a dele.."

    O IEca ExploRADOR tem só éutilizao pelo fato da maioria dos usuários não saberem o q usam. E apesar disso tudo o ruindows ainda é o SO mais utilizado e o q vem nele? aham! mas seus dias estão contados, eu acredito nisso!

  • http://rssgenesis.sourceforge.net/ Klaus

    O IE é muito usado simplesmente pelo fato de, "IE e Windows serem uma coisa só".

    Para usuários comuns, é bastante complicado digamos, trocar de navegador.

    Primeiro, a maioria nem sabe o que é um navegador. (sou professor de informática, desde os módulos mais básicos…)

    Segundo, pra quem quer somente ver página de email, site de balada, ele infelizmente serve perfeitamente.

    Infelizmente vai demorar realmente algum tempo, até que o IE perca esta posição, não por nós, webdesigners… mas sim pelos nossos "clientes"… =)

  • Kaled

    A qualidade do PNG sobre o GIF é indiscutível, principalmente no suporte a transparência … Acredito que esse formato ainda não decolou justamente pelo IE, que, praticamente, é o padrão web de hoje em dia.

    Eu sou a favor do IE, gosto dele. Mas ele parou de ser atualizado e o não suporte a coisas novas ou atuais é normal.
    E o fato de não suportar PNG (totalmente) não me fez mudar de idéia quanto a ele. Até mesmo porque o uso de PNG é moderado e totalmente dentro dos padrões IE.

  • http://www.marcusvbp.com.br marcus vbp

    "Mas ele parou de ser atualizado e o não suporte a coisas novas ou atuais é normal"

    RECENTES? NOVAS? cara, transparencia de PNG existe desde 1996, a quase 9 anos atrás. tem um monte de coisa, um monte mesmo, q tão rodando como padrão q a pessoa nao pode usar pq tem um navegador de qualidade ruim dominando o mercado? vc pagaria mais de 1000 reais num S.O. pra levar um componente defeituoso? eu nao. não sou a favor de nada q me prejudique.
    segundo a entrevista que Bruno Torres fez, o IE nao eh atualizado pq a MS tem medo dos Web Services.

    ou seja, existe uma probabilidade muito concreta do IE não ter mais atualização. a MS devia decretar falencia do IE logo, e adotar outro navegador.

  • Kaled

    Se você notar eu disse novas ou atuais, você simplismente distorceu o que eu disse.

    Eu não posso fazer nada quanto ao fato do IE ter se tornado um padrão. Por mim tbm seria diferente.
    Agora, o IE não é defeituoso, você apenas está comparando um browser c/ funções de anos atrás c/ um outro semi-lançado ou atualizado.

    "o IE nao eh atualizado pq a MS tem medo dos Web Services" – Apenas uma hipótese no meio de várias. Eu não tomo isso como uma verdade, apenas uma frase escrita por um adepto ao SL.

    Se você não gosta do IE tem mais é que usar outros browsers mesmo, não sou bitolado. Eu gosto dele do IE (Avant) e uso ele, simples assim.

  • Valentín Moreira

    Disculpen os erros na escrita, nao sou brasileiro.

    Com respeto ao medo da MS a os Web-Services eu acho que nao, pois existe Java ha anos também, e tem uma futura concorrencia do Flash (agora da para facer aplicaçoes básicas com ActionScript). A estrategia mais inteligente que MS podería adoptar nao é fechar as portas ao propio crescimento, se nao tentar ser melhor que eles.

    Bom, eu gosto muito de Mozilla mais ainda utilizo IE. Eu fiz ultimamente um site tableless e foi o primeiro q fui testando também no Firefox. Encontrei algumos erros em posicionamento que facian que Firefox ficasse mais perto de Internet Explorer 4 que de IE6. Solucionei o problema com um display:table :P .

    Sei lá, tudo é cuestiao de tempo. Tomara MS faça algo bom com o IE cuando lance o Loghorn.

  • http://www.echoes4ever.com Jonathas Scott

    Bem .. o caso do IE é complicado??.. SIM.

    Todos sabemos disso.. porém fazemos pouco a respeito.. desenvolver em webstandards e convencer não só seu cliente, mas também o idiota do seu chefe de que o IE está errado e que o site dele será melhor visto em outros dispositivos bla bla bla isso tudo não basta.(quando consegue-se isso você já está de parabéns, pois venho tentando e tah dificil.)

    Infelizmente ou não, o que estamos tentando fazer é uma revolução na internet e na maneira de usuários utilizarem-na, pois desde o primeiro CPU que alguem (tirando so nerds como nós) comprou foi imbutido na mente dele a porra da icone com "Ezinho" = Internet.

    Esse tipo significado é que temos de quebrar.. esse é o problema..

    Eu to de saco cheio de sempre ficar fazendo ajustes aqui ajustes ali.. era assim com as Tabelas.. é assim com CSS..

    O uso dos padroes deve ser feito para ser usado corretamente.. uso de hacks e "gambiarras" deveriam ser abolidas… (eu sei que não são prejudiciais ao projeto em termos de validacao e etc..), porém prejudicam a minha mente e me causa úceras.

    Nós desenvolvedores e designers, devemos ser mais radicais, explicar em cada site que desenvolvemos as desvantagens do IE de merda, e as vantagens do Fire.. do Opera .. e etc..

    Precisamos fazer alguma coisa… Bem eu já comecei.. acho que o mínimo que posso fazer… é agir como a Microsoft.
    "??? como assim ???"

    Sendo Radical e utilizando algo q antigamente era feito (da maneira errada)
    "Este site foi desenvolvido para ser utilizado em browsers que são w3c compliants.Caso o seu não seja sua maquina ode apresentar falhas de segurança e você deveria trocar agora. Baixe aqui o seu novo browser."

    Bem.. considrem isso como um devaneio ou desabafo.. fui !

  • http://www.echoes4ever.com Jonathas Scott

    Só pra acrescentar.. é impressionante a facilidade que o ser-humano tem de complicar as coisas.

    Eu lí o comentário do "Valentín Moreira" e ele comparou o Fire com IE 4 … tá vendo.. é esse significado que me refiro.. essa percepção errônea de que a Microsoft está certa…

  • Kaled

    O "idiota do seu chefe" está mais do que certo ao exigir que o site seja primeiro aceito no IE do que em alternativos. Se entre 10 pessoas 9 usam o IE, pra que raios ele iria dá prioridade pra uma só pessoa ao invés de 9 ?¿? … Isso não o tornaria idiota, pelo contrário, apenas inverteria os valores atribuidos.

    Esse negócio de troca de browser está além do que você imagina, seria como párar de comer carne e passar a ser herbívoro … ou seja, uma grande maioria que não abrem mão de sua indiscutível preferência, contra uma minoria "ecologicamentes" corretos que estão sempre prontos a mudar hábitos alheios.

  • http://www.echoes4ever.com Jonathas Scott

    HAHAHAhaah é por isso.. por existir pessoas como você, que as mudanças são difíceis caro "Kaled."

    Não entrarei no ambito do "idiota do chefe", pois voce deve ter seus motivos para defendê-lo.. Quanto à inversão do papel… quando se é radical.. é fácil ser rotulado disso e daquilo …

    As soluções que aparecem doravante à necessidade de possuir sites que apareçam no maldito browser chamado Internet Explorer, são realmente de se bater palma.. porém.. assim como na natureza, deve-se procurar o melhor e mais fácil caminho.. e nescessariamente nesta ordem.. nós eliminamos as tabelas e os hacks…

    Se você ficou tão ofendido com o chefe idiota.. provavelmente deve ser um dos que apoiam o tempo de projeto em relação à qualidade… dai entramos em outra discussão que embasa a minha crítica à chefes idiotas e ao uso pelos clientes..

    Um projeto em webstandards só demora, pois muitas vezes é nescessário justamente "adequar e ajustar" um site correto para o IE, quem é desenvolvedor e designer sabe exatamente o que é você ficar dias tentando "corrigir" um layout, e melecando nos hacks.. para que o us do IE.

    Volto a dizer, assim como a microsoft impoêm ao usuário o IE, e ele aceita sem problemas.. inclusive quando antigamente era usado certos scripts de versoes do IE 5, webdesigners tinham a mania de colocar no rodape que era nescessário a atualização do browser.. e a atualização era feita…

    Assim como colocamos a nescessidade do plugin do flash …

    Devemos colocar e impor SIM !! pois somos nós desenvolvedores e designers que estamos à frente da tecnologia.. imagine voce KALED dizer parao seu arquiteto.. que rebite ou argamassa utilizar na construção… ou melhor ainda… dizer para ele que prefere a planta em uma folha chamex A4.

    Radicalismo… gera mudanças.. e esse tenho certeza de que é positivo.

  • Assunção Jr.

    Nossa que discussão!

    Bem IE realmente domina omercado, porém cabe a nos desenvolvedores "fazer propraganda" de boca a boa. Eu faço isso e tô cada vez mais atraindo gente a usar os browsers de verdade e ainda compáro eles com o IE (IE é sinonimo de Spyware)…

  • Kaled

    Assim como você fala que desenvolver pro IE é um atraso, eu digo que desenvolver pro FF é um atraso. Pois minha prioridade é desenvolver pro IE e adaptar pro firefox … ou seja, isso é pessoal … e apenas uma conversa-fiada !

    Eu não fiquei ofendido, foi apenas sua interpretação … foi o que você quis pensar. Que pra variar: errada !

    Ok Jonathas Scott, já me imaginei com o meu arquiteto … e daí ?!?

    Acredito que esse "radicalismo", como você mesmo intitula, não vá dá em nada. Nem todos possui o perfil que vocês têm, pelo contrário, vocês são a exceção.

    Ainda assim a concorrência é boa, aumenos faz a MS acordar, nada além disso. :)

  • http://www.rockgrafia.com Fellipe Cicconi

    Owwww pessoal, tenho achado mto interessante essa discussão via comentários, mandei observar.

    Bem, escutei (li) muita gente falando que faz page pra um browser… que faz pro outro e etc, mas o pessoal eskece que -uma coisa eh uma coisa, e outra coisa eh outra coisa! :D

    O ideal é desenvolver EM e não PARA, eu desenvolvo EM XHTML 1 Strict, EM CSS 2, EM casa (dããã) e não para IE ou FF ou Mozilla ou Mosaic :D .

    De verdade, depois que eu desenvolvo todo o esqueleto do site e dou um view nos browsers que eu tenho, ai eu vou fazendo hacks! mas nem isso garante que fique igual nas diferentes versões do mesmo browser.

    Não somos nós que temos que nos render a tecnologia, e sim o contrário! É seguindo a filosofia do "assim é mais fácil" que tudo vira um grande coco mole, que nem o Exploder.

    Sigam os padrões nos seus sites pessoais e usem sempre tableless. Tenho que concordar que como estamos transitando para esse mar, ainda existem alguns ajustes a serem feitos e por isso que eu aconselho que para fins comerciais, usem a velha e antiga table: -certeza que vai ficar bonitinho do jeito que o cliente deseja no prazo determinado.

  • http://tableless.com.br Marcio Bits

    Putz! o q eu acho mais legal nas listas de discussão, é q eles começam a discutir o assunto e terminam xingando as mães! Entrei aqui pra ver se achava uma solução pra tirar os serrilhados dos "carimbos" feitos pela GD, e saí mais perdido ainda? será q alguém aqui sabe? ou nao existe? pra ter qualidade vou ter q carimbar manualmente um album inteirinho de imagem?

  • http://elcio.com.br Elcio

    Marcio,

    Não seria melhor procurar em algum site ou fórum sobre PHP ou sobre a própria GD? Já tentou a documentação da GD? O pessoal aqui não é bem dessa área…

  • Cezar

    É importante dizer que o IE não é melhor ou pior que o outros. E essa de que o IE é sinônimo de bug ou falta de segurança NÃO COLA, porque os Mozilla estão totalmente expostos a esses problemas. Quem leu o último boletim de segurança da Symantec sabe do que estou falando… "Os navegadores Mozilla têm as maiores vulnerabilidades"

    Eu apoio 100% a guerra contra o egocentrismo do pessoal da microsoft quanto ao padrões do IE. Mas nem por isso descarto o uso do IE ou falo mal dele quanto a usabilidade.

    Podemos culpar um "chefe" por querer usar algo mais prático e simples ? Acho que não… quem vive em um meio corporativo sólido deve saber das complicações desse tipo de mudança.

    É uma opção e também não podemos culpar a Microsoft por embutir o browser deles no Windows. Quem pensa o contrário deve culpar também a Apple pelo Macintosh, pois eles também "restringem" seus componentes.

    Eu uso o Firefox porque eu prefiro, mas nem por isso vou sair pregando o uso do Firefox. Se alguém me perguntar qual o melhor eu vou dizer que depende… cada qual tem suas vantagens.

    Mas digo SIM a web standards, só melhora a vida de todos.

  • http://savick.com leonardo

    nao tem essa, esqueçam o FF e trabalhem apenas voltado pro IE, infelizmente é isso e não tem como mudar.

    mas usem, façam propaganda do FF, falem mal do IE e sejam felizes com outras coisas na vida haha. fazer-o-q.

  • http://savick.com leonardo

    uma dica boa pro uso de transparencia no png: usem flash sem fundo hahahaha

    por mim integrava tudo ao flash e foda-se htm.

  • http://www.echoes4ever.com/blog Jonathas Scott

    Hahahaha nossa … é interessante como nossa vida cibernética funciona.. as vezes colocamos sentimentos em relação a questões técnicas… e nem nos damos conta.

    Estou escrevendo isso depois deste tempão, pois por acaso procurando no google acabei aqui.. em um post do tableless onde tentei com um só tapa, expor comparações do dia-a-dia que não nos acostumamos a observar.

    Designer não é personal Trainer.. e de fato precisamos desenvolver “em” e não “para”.

    Continuamos sendo arquitetos.. de informação, de interface, de conteúdo, de prédios, de sinalização…

    Ao sinalizarmos.. devemos da melhor maneira, mostrar as melhores soluções.. claro, mesmo que eu quizesse não conseguiria impor uma ditadura da informação ou melhor a ditadura dos browsers…

    Hahaha isso aqui na época, pegou tanto fogo na assim !?!? HAHAHAHAHahah.

    abs.

  • http://www.criativoweb.com.br Sttranho

    VOLTANDO AO ASSUNTO INCIAL…

    PNG ou GIF…

    Bom galera…
    fiz alguns testes aki, e pude notar que o IE carrega bem mais rápido o GIF noque o png… mesmo que ambas esteja juntos na mesma pagina e o gif seja até 5 kb ou mais pesado…

    ainda assim carrega mais rápido… o pq ??? nao sei…

    bom eu gostaria de saber se alguem ai concorda comigo… bom nao fiz esse teste em outro navegador pois 90% dos usuários usam IE, e é esse a maioria do publico que nosso site quer atingir neh…

  • Luiz Américo

    Olá amigos,

    minha dúvida é a seguinte:

    PNG é possível fazer o REPEAT-Y com PNG NO IE 6?

    No ie 7 e FF fica td okay

    Mas nosso querido ie 6, ainda não consegui repetir uma imagem png.

  • Conrado Lisboa

    Jonathas Scott estou contigo meu caro. Sou desenvolvedor web também, e neste momento estou aqui perdendo meu tempo pra resolver os problemas que dão na bosta do ie… ô navegorzinho de merda!!! tem que ficar corrigindo bug toda hora! é mal feito sim, é podre, nao presta.. quem defende essa merda só pode ter o rabo prezo com a MS… é lerdo, lento, e cheio de bug, e fora dos padrões… tinha que ser banido…