05 Junho 2008 ~ 1 Comentário

Uso criativo de transparências PNG em Web Design

Um assunto muito abordado por diversos sites é a utilização de transparências em formato PNG e os obstáculos levantados pelo Internet Explorer 6.

Muitos hacks tem sido sugeridos, alguns com recursos à utilização de CSS, outros usando livrarias em javascript como o jQuery e soluções ainda mais rebuscadas.

A escrita deste post deve-se não só em mostrar como são feitas algumas abordagens para a resolução deste problema, mas também sugerir como tirar o melhor rendimento destas imagens com transparências.

photoshop

As soluções não são da minha autoria, mas julgo bastante conveniente deixar aqui as indicações para quem as queira seguir.

Assim e tomando a questão num sentido mais lato, recomendo dois sites a visitar por possuirem ambos artigos de grande qualidade sobre este tema.

Getting Creative With Transparency in Web Design

e outro também de grande qualidade,

Creative Use of PNG Transparency in Web Design

Alguma das soluções para resover a incapacidade do IE6 podem ser encontradas nos seguintes links:

IE PNG Fix v1.0 RC4

jquery.pngFix.js

TRANSPARENT PNG FIX FOR WORDPRESS

Valid fix for PNG transparency on a single image

CSS PNG Image Fix for IE

“Ultimate PNG Fix” Plugin (for IE up to version 6.x

IE PNG Fix with Background Support

PNG Behavior

PNG Image Fix For IE

ie6 png

One Response to “Uso criativo de transparências PNG em Web Design”

  1. Paula Fernanda Soares 13 Março 2009 at 1:41 am Permalink

    Um exemplo inspirador sobre transparências é o site do Bryan katzel.
    http://www.webleeddesign.com/

    Show de bola


Leave a Reply

Você deve estar logado para enviar um comentário.

More in Código, Grafismo (36 of 103 articles)


Vectorização é um processo de conversão de uma imagem bitmap numa imagem vectorial. As imagens do tipo bitmap, como ...