View Full Version : Problemi con PNG Trasparenti
monkey island
28-12-2006, 15:34
Premetto che sono un neofita alla grafica e devo comunque fare lavori piuttosto semplici come quello che vi vado ad esporvi :
Sto creando la grafica per il mio sito e ho creato questo logo
http://img95.imageshack.us/img95/6071/logo2ek3.th.png (http://img95.imageshack.us/my.php?image=logo2ek3.png)
Volevo rendere la parte bianca trasparente ,ma purtroppo non ottengo il risultato desiderato (è trasparente ma è pieno di sbavature e imperfezioni)..chi mi spiega una procedura per realizzare PNG trasparenti ad hoc?
Poi una volta ottenuta la trasparenza pensavo ad un effetto vetro sul logo (ma non so se renda poi bene esteticamente) ..anche quà non ho idea di come riuscirci..
Uso The Gimp come programma.
Grazie a chi mi aiuterà.
monkey island
28-12-2006, 18:15
:help:
la trasparenza con gradiente (l'ombra nel tuo caso) è sempre un casino, nel caso di gimp poi non ho idea di come siano le opzioni :(
monkey island
28-12-2006, 18:54
Ci sarà un buon metodo per riuscirci? :confused:
Per l'ombra non c'è problema..posso anche eliminarla e tenere solo il logo.
monkey island
28-12-2006, 20:24
Ok,l'ho rifatta uguale senza però l'ombra e l'operazione di rendere trasparenti i bordi è stata semplice.
http://img378.imageshack.us/img378/3023/immaginema9.th.png (http://img378.imageshack.us/my.php?image=immaginema9.png)
Ma come mai con l'ombra (gradiente come mi ha insegnato MacNeo) è così difficile?
Se comunque qualcuno riesce a darmi qualche tips o link gliene sono grato ;)
Ma hai salvato in png8 o png24?
Perché il PNG8 ha solo un livello di trasparenza (come il gif): 0% o 100%, niente vie di mezzo. PNG24 invece ha tutte le gradazioni intermedie di trasparenza, quindi in teoria dovrebbe venire bene.
Attenzione però che png non viene ancora visto in modo uguale su tutti i browser... in particolare Explorer (le vecchie versioni, non so con l'ultima come sia) era noto per il supporto praticamente nullo delle trasparenze nei png, che quindi venivano visualizzate in modo schifoso.
Prova a vedere questo png24 che ho fatto in photoshop se era quello che volevi fare:
http://img46.imageshack.us/img46/2895/prova24nh1.png
Consiglio anche un'occhiata alla pagina su wikipedia: link (http://en.wikipedia.org/wiki/Png)
monkey island
28-12-2006, 22:17
Ma hai salvato in png8 o png24?
Perché il PNG8 ha solo un livello di trasparenza (come il gif): 0% o 100%, niente vie di mezzo. PNG24 invece ha tutte le gradazioni intermedie di trasparenza, quindi in teoria dovrebbe venire bene.
Png32 mi sembra.
Attenzione però che png non viene ancora visto in modo uguale su tutti i browser... in particolare Explorer (le vecchie versioni, non so con l'ultima come sia) era noto per il supporto praticamente nullo delle trasparenze nei png, che quindi venivano visualizzate in modo schifoso.
IE7 supporta (finalmente!)i PNG trasparenti.
Prova a vedere questo png24 che ho fatto in photoshop se era quello che volevi fare:
http://img46.imageshack.us/img46/2895/prova24nh1.png
Esattamente :)
Consiglio anche un'occhiata alla pagina su wikipedia: link (http://en.wikipedia.org/wiki/Png)
Grazie per il link.
Esattamente :) Beh in tal caso mi viene il sospetto che sia GIMP a non salvarlo nel modo giusto, visto che con photoshop non ho messo nessuna opzione particolare.
monkey island
29-12-2006, 13:52
Beh in tal caso mi viene il sospetto che sia GIMP a non salvarlo nel modo giusto, visto che con photoshop non ho messo nessuna opzione particolare.
Forse più che colpa di the Gimp è colpa mia :) mi propone svariate opzioni nel salvataggio del PNG..forse non spunto le caselle giuste.
Forse più che colpa di the Gimp è colpa mia :) mi propone svariate opzioni nel salvataggio del PNG..forse non spunto le caselle giuste.
Infatti, ti mostra varie opzioni :P
cmq le versione precedenti a IE 7, non supportano le trasparenze dei png.
monkey island
29-12-2006, 20:48
Infatti, ti mostra varie opzioni :P
Eh..questo l'ho visto :)
cmq le versione precedenti a IE 7, non supportano le trasparenze dei png.
Eh..e io cos'ho scritto scusa? :D
Eh..questo l'ho visto :)
Eh..e io cos'ho scritto scusa? :D
scrivere oggi un sito con png semitrasparenti non è furbo dato che toglie una visualizzazione corretta alla maggior parte degli utenti (che ancora usano ie6)
puoi usare stratagemmi che ti consentono di realizzare un sito con soluzioni che sembrino trasparenti ma che hanno il vantaggio di essere compatibili con tutti i browser
esempio il mio sito
http://www.top.rebalton.com
monkey island
03-01-2007, 15:38
scrivere oggi un sito con png semitrasparenti non è furbo dato che toglie una visualizzazione corretta alla maggior parte degli utenti (che ancora usano ie6)
puoi usare stratagemmi che ti consentono di realizzare un sito con soluzioni che sembrino trasparenti ma che hanno il vantaggio di essere compatibili con tutti i browser
esempio il mio sito
http://www.top.rebalton.com
Il trucco è usare un colore di sfondo che si uniforma all'immagine(IE6 non legge il canale alpha ma se l'immagine è con bordi bianchi su sfondo bianco si uniforma)?
Spero che IE6 venga velocemente rimpiazzato dalla v.7 .
vBulletin® v3.6.4, Copyright ©2000-2025, Jelsoft Enterprises Ltd.