View Full Version : [Foto] Trasparenza con file .Png
Zagor HW
02-06-2006, 13:25
Ha salvato un'immagine con sfondo trasparente in formato .png per poterla usare in un sito web, ma quando l'aggiungo ad una pagina con frontpage, lo sfondo dell'immagine mi risulta comunque bianco. Con i file .gif questo inconveniente non si presenta. Come posso fare ad utilizzare il formato .png visto che in .gif la qualità è troppo bassa? avete qualche altra estensione da consigliarmi?
Grazie Ciao
1. non usare front page che è lo schifo più schifoso per creare pagine web (non puoi dire di aver creato un sito usando front page)
2. cosa centra con questa sezione? ;)
3. Internet exploder di default non visualizza le png semitrasparenti, usare png semitrasparenti quindi taglia una buona fetta dei visitatori di qualsiasi sito (anche se questo formato sarebbe eccezionale)
front page visualizza le anteprime dei siti col motore di internet explorer, quindi ovviamente le png semitrasparenti non le vedrai correttamente
consigli:
1. postare nella sezione corretta (computer graphic)
2. usare un programma DECENTE per creare un sito internet che si possa definire tale
3. darsi una spolverata alla stesura del codice (indispensabile) se non si conosce almeno la base dell'html
4. non usare MAI trasparenze (neanche gif) perchè le gif non possono portare risultati qualitativamente apprezzabili e perchè le png non si vedono bene in IE
2. cosa centra con questa sezione? ;)
consigli:
1. postare nella sezione corretta (computer graphic)
non segnalare eh!!! :D
MOVED!!
>bYeZ<
non segnalare eh!!! :D
MOVED!!
>bYeZ<
ops :D
pardon :)
mi han chiamato al cel e mi son dimenticato
mi han chiamato al cel e mi son dimenticato
:sofico::mc:
:p
>bYeZ<
Zagor HW
02-06-2006, 19:37
Scusate, pensavo fosse questa la sezione giusta.
..quella.. :D
ora è in CG
>bYeZ<
luca72.lws
02-06-2006, 21:37
Allora esistono 2tipi di trasparenza :
La trasparenza binaria (tipca del GIF e del png8) in cui un pixel è trasparente o opaco
La trasparenza alpha (usata solo dal PNG24) in cui i livelli di trasparenza arrivano a 256!
I problemi sono solo fra IE6 (solo windoz) e il PNG24+alpha e cmq essendo di natura politica , basta uno script da inserire nella pagina HTML. :)
luca72.lws
02-06-2006, 21:41
Lo script HTML
http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html
luca72.lws
02-06-2006, 21:45
a petizione contri winzoz riguardo il PNG+alpha
http://www.petitiononline.com/msiepng/
luca72.lws
02-06-2006, 22:05
Questo è un editor HTML gratuito e eccezziunale veramente!
http://www.coffeecup.com/free-editor/
scusascusa :D
quello script abilita le png semitrasparenti in ie6? sul serio?
non è che escono finestre strane o activex?
perchè in quel caso mi apri un mondo :D
edit: ammazza che pesantezza però... bisogna attivarlo per ogni immagine?
coffeecup è simpatico ma non si può dire che sia poi molto eccezionale imho... a sto punto usa nvu...
luca72.lws
02-06-2006, 22:26
scusascusa :D
quello script abilita le png semitrasparenti in ie6? sul serio?
non è che escono finestre strane o activex?
perchè in quel caso mi apri un mondo :D
edit: ammazza che pesantezza però... bisogna attivarlo per ogni immagine?
coffeecup è simpatico ma non si può dire che sia poi molto eccezionale imho... a sto punto usa nvu...
Io tempo fa lo usai e funzionava perfettamente solo che devi conoscere un poco di HTML!
Se vuoi vedere il PNG+alpha da subito , devi , o cambiare browsser o ti compri un mac , o aspetti future versini di IE
luca72.lws
02-06-2006, 22:40
scusascusa :D
quello script abilita le png semitrasparenti in ie6? sul serio?
non è che escono finestre strane o activex?
nvu...
No no , lo sto provando adesso! (scaricalo c'è una pagina HTML demo con 3 png24 + alpha) :)
luca72.lws
02-06-2006, 22:52
per la demo puoi andare quì (con un browser microzoz tipo IE6)
http://webfx.eae.net/dhtml/pngbehavior/demo.html
l'imagine è veramente una PG24+alpha (controllata io con the gymp) :)
luca72.lws
02-06-2006, 23:01
coffeecup è simpatico ma non si può dire che sia poi molto eccezionale imho... a sto punto usa nvu...
grazie 1000.............!
lo stò scaricando :)
http://www.sanavia.it/nvuitalia/index.html
Io tempo fa lo usai e funzionava perfettamente solo che devi conoscere un poco di HTML!
Se vuoi vedere il PNG+alpha da subito , devi , o cambiare browsser o ti compri un mac , o aspetti future versini di IE
l'html e xhtml e css li conosco, non ci son problemi
a me non interessa vederle con ie, solo che facendo siti mi interessa che le vedano gli altri ;)
usare le png semitrasparenti anche su IE6 sarebbe una cosa eccezionale che alleggerirebbe TANTISSIMO i template
mi riguardo bene lo script
luca72.lws
03-06-2006, 13:51
usare le png semitrasparenti anche su IE6 sarebbe una cosa eccezionale che alleggerirebbe TANTISSIMO i template
mi riguardo bene lo script
Penso che con l'acquisto di "macromedia" da parte di "adobe" il
PNG 24+alpha , verrà alla ribalta a discapito dell'adobiano .jpeg , e quindi anche Internet Exporer dovrà adattarsi . :)
Penso che con l'acquisto di "macromedia" da parte di "adobe" il
PNG 24+alpha , verrà alla ribalta a discapito dell'adobiano .jpeg , e quindi anche Internet Exporer dovrà adattarsi . :)
speriamo bene, le semitrasparenze sono un vantaggio enorme per la grafica (abbinate ai DIV posizionati in maniera assoluta si fanno delle chicche grafiche veramente belle)
e si alleggerirebbero enormemente dei template che altrimenti devono fare dei "mosaici" enormi per essere visibili correttamente nelle sfumature
cmq sto provando a fare una png semitrasparente con fireworks e non ci riesco, qualcuno mi dice come si fa?
con photoshop è una cavolata, ma fireworks mi abilita le trasparenze solo sulle png 8bit e non sulle 24 nella schermata dell'ottimizzazione...
la cosa fastidiosa di questo script è che IE di default lo BLOCCA :muro:
luca72.lws
03-06-2006, 15:15
con photoshop è una cavolata, ma fireworks mi abilita le trasparenze solo sulle png 8bit e non sulle 24 nella schermata dell'ottimizzazione...
la cosa fastidiosa di questo script è che IE di default lo BLOCCA :muro:
Non ho fireworks , ma attento!
Le PNG24+trasparenza di photoshop , in fireworks si chiamano PNG32!
(stessa storia sulle schede video) , cioe su un file RGBa 32bit=24+8 oppure 24+alpha (photoshop)
luca72.lws
03-06-2006, 15:17
la cosa fastidiosa di questo script è che IE di default lo BLOCCA :muro:
Su IE5.5 funzionava bene :)
luca72.lws
03-06-2006, 15:23
se può tornarti utile
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14647
Non ho fireworks , ma attento!
Le PNG24+trasparenza di photoshop , in fireworks si chiamano PNG32!
(stessa storia sulle schede video) , cioe su un file RGBa 32bit=24+8 oppure 24+alpha (photoshop)
anche con le png32 non mi lascia impostare le trasparenze :boh:
Su IE5.5 funzionava bene :)
vabbè grazie al caxo :D lo usano 4 gatti :D
ie6 dal sp2 blocca tutti gli script di quel tipo e chiede conferma
cmq non è un grosso problema, almeno va
http://koivi.com/ie-png-transparency/
luca72.lws
03-06-2006, 17:24
ie6 dal sp2 blocca tutti gli script di quel tipo
Strano io ho IE6 SP2 e la pagina di demo la vedo benissimo :rolleyes:
luca72.lws
03-06-2006, 17:26
vabbè grazie al caxo :D lo usano 4 gatti :D
va
Ai tempi in cui ho provato lo script lo usavano tutti
Ai tempi in cui ho provato lo script lo usavano tutti
beh ora basta vedere le statistiche ;) non c'è più molta gente che usa ie5 (giustamente aggiungo)
Strano io ho IE6 SP2 e la pagina di demo la vedo benissimo :rolleyes:
ie6 sp2 di default fa comparire la barra gialla che blocca gli script e richiede di sbloccarlo con un annuncio sulla sicurezza (come fa con le applet java e gli activex)
luca72.lws
03-06-2006, 18:01
beh ora basta vedere le statistiche ;) non c'è più molta gente che usa ie5 (giustamente aggiungo)
)
Come faccio a fartelo capire?
2anni fa (Quando io ho fatto il test del png) IE5.5 era l'ultima versione disponibile del browser microsoft!
Adesso anch'io navigo con IE6 sp2 (ho anche Opera e Mozilla)ed ho abbandonato IE5.5 , ma ripeto il test sul png24+alpha lì'ho fatto su quel browser :)
Come faccio a fartelo capire?
2anni fa (Quando io ho fatto il test del png) IE5.5 era l'ultima versione disponibile del browser microsoft!
Adesso anch'io navigo con IE6 sp2 (ho anche Opera e Mozilla)ed ho abbandonato IE5.5 , ma ripeto il test sul png24+alpha lì'ho fatto su quel browser :)
ehm... non per fare quello che contesta tutto ma IE6 è uscito UN PO' più di 2 anni fa :D dato che è stato rilasciato da mircosoft nell'agosto 2001 (quindi quasi 5 anni fa) ed è incluso in windows xp da quando è uscito (sempre 2001)
che tu abbia fatto il test su ie5.5 ci credo, fatto sta che sono parecchi anni che ie6 esiste e ha superato il (vetusto) ie5.5 quanto a "volumi" di accessi nella maggior parte dei siti ;)
al punto che lo stesso IE6 è un bel vecchietto ormai ;)
dal 2004 quando è uscito il SP2 ie6 ha un sistema di protezione che impedisce l'esecuzione automatica degli activex, e di questo script
cmq se guardi un po' più in su ho postato uno script php che non richiede plugin aggiuntivi
purtroppo però per qualcosa di efficace veramente dovremo aspettare che M$ si degni a inserire il supporto pieno alle png
luca72.lws
03-06-2006, 18:19
cmq se guardi un po' più in su ho postato uno script php che non richiede plugin aggiuntivi
Grazie per lo script php , ma con l'alpha image loader del png behavior dovresti risolvere .
Tutto stà nel fargli caricare una GIF trasparente da 1X1px insieme alla PNG24(e fregarlo) :) (cmq adesso provo)
Grazie per lo script php , ma con l'alpha image loader del png behavior dovresti risolvere .
Tutto stà nel fargli caricare una GIF trasparente da 1X1px insieme alla PNG24(e fregarlo) :) (cmq adesso provo)
infatti col tuo sistema dovrebbe essere molto meglio, teoricamente non carichi il server
luca72.lws
03-06-2006, 18:31
<img src="blank.gif" style="width: 100px; height: 100px; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale')" />
provare , al posto di blank.gif ci metti la gif trasparente e image.png sarebbe la png24+alpha :)
<img src="blank.gif" style="width: 100px; height: 100px; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale')" />
provare , al posto di blank.gif ci metti la gif trasparente e image.png sarebbe la png24+alpha :)
non uso il tag img, in genere faccio tutto da css
cmq sul sito che hai postato c è la soluzione anche per quello
vBulletin® v3.6.4, Copyright ©2000-2025, Jelsoft Enterprises Ltd.