transparencia en logo

[bulldog]

Hola, tengo un problemilla con la calidad de un logo.

Os cuento, este logo esta en una cabecera de una web y esa cabecera tiene distintas formas y colores y necesito que el logo tenga fondo transparente, para que se integre bien con la cabecera y no quede como un pegote cuadrado.

La cuestión es que he guardado el logo como gif con transparencia pero la integrarlo en la web, se ve un reborde banquecino bastante antiestético alrededor del logo.

También he probado a guardarlo como png y en Internet Explorer 7 y Firefox la visualización es perfecta, pero en Internet Explorer 6 e inferiores no soporta la transparencia de los png. He leido que hay algún hack para la transparencia de los png que utiliza javascript, pero... no puedo utilizar javascript por el tema de la accesibilidad web.

Alguien sabría darme alguna otra solución??

Saludos y gracias por anticipado.

[Nigthcrawler]

Pues de momento, solo lo que ya sabes, habrá que esperar que pase el tiempo y se utilice solo explorer 7 y firefox para que soporte la transparencia de los png.

Mientras tanto, lo que puedes hacer es limpiar bien el logo en photoshop, lo pones en una capa sobre fondo transparente sin acoplar capas y al guardarlo le das a Guardar para Web. Ahí tienes varias opciones, lo guardas como gif adaptable, lo pruebas para ver como queda, miras donde tiene el borde blanco y vuelves de nuevo a retocar el logo en photoshop hasta que desaparezca.

Para quitarlo te acercas con la lupa y miras si tiene degradado o sombrita en los contornos, la idea es ir apurando borrando con la goma en la capa del logo, hasta eliminar los residuos donde veas que hay borde blanco.

Los bordes tendrán que estar exentos de suavizado. Cuando haces una selección con lazo o varita mágica, tienes la opción de elegir suavizado o no, lo mejor en este caso es no activar esta opción, de esta manera el borde es más cortante, como el de este emoticono pero desaparece el incómodo reborde blanco.

Espero que te sirva.

[bulldog]

Gracias Nigthcrawler, más o menos ya he hecho lo que dices y lo he dejado medio bien.

Saludos!

[ocon]

Hola, aparte de limpiarlo bien, al guardarlo como .gif con tranparencia, tienes un paleta de colores de trama, la trama es exactamente ese reborde que te molesta, si el color de fondo de la pagina es de un color plano, pues eliges para la trama exactamente el mismo color y listo, no vas a notar el suavizado ni el reborde.

Otra opción, según para que trabajo y que logotipo, es rehacer el logotipo en un programa vectorial y tenerlo para siempre, yo creo que cuando vas a hacer más trabajos para un cliente esa es la forma más correcta, puesto que ese logo si te va a dar calidad para cualquier formato que lo tengas que utilizar.

Saludos