a morte i JPG - lunga vita al PNG

[cover]

Originariamente inviato da lnessuno

ie7 (estensione in javascript, non il browser!)

Spettacolare quel js...l'ho appena messo, praticamente m'ha fatto togliere lo stile aggiuntivo sol per <ie7....
l'unica cosa è che le trasparenze sui png a 16 e 24 bit non vanno (sì, ho messo nome-trans.png)
sulle 8 bit invece nessun problema, ma quelle vanno anche senza script

[lnessuno]

Originariamente inviato da cover

Spettacolare quel js...l'ho appena messo, praticamente m'ha fatto togliere lo stile aggiuntivo sol per <ie7....
l'unica cosa è che le trasparenze sui png a 16 e 24 bit non vanno (sì, ho messo nome-trans.png)
sulle 8 bit invece nessun problema, ma quelle vanno anche senza script

strano, a me vanno anche le png...

[cover]

Trovato il motivo... era per colpa dell'immagine, tipo img-trans.png?123456789, essendoci il ?12345678 non andava
Ora va

[uvz]

Avevo letto anni fa di questo formato che voleva essere universale per Internet; da qui il suo nome. L'articolo affermava che era stato creato sia per le immagini (quindi in sostituzione del JPG) sia per le piccole animazioni e supporta la trasparenza (quindi GIF).
Ho scritto questo post perchè ne ho le palle piene di essere circondato dalla mediocrità. La nostra società (non l'Italia) ha una tecnologia superlativa. Praticamente possiamo costruire tutto e l'incontrario di tutto, ma ci troviamo con prodotti di pessima qualità, che funzionano male e con risultati discreti.
Per questo sono "scoppiato" e ho proposto questa cosa.
Se oggettivamente il PNG non è meglio del JPG ok, rimaniamo con questo formato inventato chi sa quanti lustri fa (il jpg2000 purtroppo ha il copyright, se lo vuoi usare paga).

[Psylo]

Originariamente inviato da lnessuno

ie7 (estensione in javascript, non il browser!)

scusate ma non ne capisco molto, prima di provare chiaritemi qualcosa...

che cosa fa questa patch? fa funzionare le trasparenze dei png sul proprio browser?...o permette di inserire png trasparenti nelle pagine web che costruisco in modo tale da essere visualizzate correttamente su tutti i client che visitano il sito ??

[jarry]

Originariamente inviato da uvz

Avevo letto anni fa di questo formato che voleva essere universale per Internet; da qui il suo nome. L'articolo affermava che era stato creato sia per le immagini (quindi in sostituzione del JPG) sia per le piccole animazioni e supporta la trasparenza (quindi GIF).
Ho scritto questo post perchè ne ho le palle piene di essere circondato dalla mediocrità. La nostra società (non l'Italia) ha una tecnologia superlativa. Praticamente possiamo costruire tutto e l'incontrario di tutto, ma ci troviamo con prodotti di pessima qualità, che funzionano male e con risultati discreti.
Per questo sono "scoppiato" e ho proposto questa cosa.
Se oggettivamente il PNG non è meglio del JPG ok, rimaniamo con questo formato inventato chi sa quanti lustri fa (il jpg2000 purtroppo ha il copyright, se lo vuoi usare paga).

I limiti oggettivi sono quello dell'algoritmo di compressione e il conseguente peso in kb. Se l'immagine ha tinte piatte PNG o GIF pari son. Se l'immagine ha molte sfumature e toni di colore il PNG può venire anche il triplo in kb rispetto al JPEG. Qui gli esempi a fondo pagina:
http://www.chicercatrova2000.it/Html/formato_png.asp
Come si vede: GIF=22kb......PNG=20kb JPEG=21kb.......PNG=58kb
Qui non è un problema di mediocrità o genialità ma di puri limiti tecnici del png in termini di resa delle immagini con molte sfumature e maggior peso in kb.
Conclusione il PNG se mai sostituisce il GIF ma non il JPEG poco pesante in kb.

[cover]

Originariamente inviato da Psylo

scusate ma non ne capisco molto, prima di provare chiaritemi qualcosa...

che cosa fa questa patch? fa funzionare le trasparenze dei png sul proprio browser?...o permette di inserire png trasparenti nelle pagine web che costruisco in modo tale da essere visualizzate correttamente su tutti i client che visitano il sito ??

sistema un pò le cose quando la pagina viene visualizzata con IE<7, png trasparenti e varie correzioni sui css

[Psylo]

Originariamente inviato da cover

sistema un pò le cose quando la pagina viene visualizzata con IE<7, png trasparenti e varie correzioni sui css

ummmmm...moooolto interessante...stasera lo provo!

quindi per correggere le trasparenze con i png basta mettere tutto il contenuto della cartella IE7_0_9 in una nuova directory IE7 nel mio sito, copiare quelle 2 righe di codice nell'head delle pagine e chiamare i file png "nome_file-trans.png" ?? ho capito bene (scusate l'ignoranza..) ??

[lnessuno]

io senza usare il -trans vedo le png trasparenti sul mio sito

[Mad_Griffith]

Originariamente inviato da Dievel

eh!?

non penso proprio d' essere l' unico che usa solo il PNG per il web e per flash...

chi ha un 56k morirà di noia a caricare i tuoi siti.

[frikes]

Originariamente inviato da Mad_Griffith

chi ha un 56k morirà di noia a caricare i tuoi siti.

[Dievel]

Originariamente inviato da Mad_Griffith

chi ha un 56k morirà di noia a caricare i tuoi siti.

se usi questo principio allora li fai con solo l' html i siti.

Si tratta solo di usare gli strumenti a disposizione in maniera intelligente.

[totoro]

Originariamente inviato da jarry

I limiti oggettivi sono quello dell'algoritmo di compressione e il conseguente peso in kb. Se l'immagine ha tinte piatte PNG o GIF pari son. Se l'immagine ha molte sfumature e toni di colore il PNG può venire anche il triplo in kb rispetto al JPEG. Qui gli esempi a fondo pagina:
http://www.chicercatrova2000.it/Html/formato_png.asp
Come si vede: GIF=22kb......PNG=20kb JPEG=21kb.......PNG=58kb
Qui non è un problema di mediocrità o genialità ma di puri limiti tecnici del png in termini di resa delle immagini con molte sfumature e maggior peso in kb.
Conclusione il PNG se mai sostituisce il GIF ma non il JPEG poco pesante in kb.

Attento però, stai confrontando un formato lossless con uno che invece non lo è. Il png 24 consente di avere immagini di dimensioni ragionevoli senza perdita di informazione, contrariamente al jpeg che invece lavora sul rapporto tra dimensione e qualità.

Ciao

[jarry]

Si lo so bene che il PNG24 è lossless. Però qui non si parla di file per stampa ma per web e un buon jpeg è il giusto compromesso fra qualità e peso in kb.

[Lakaj]

Originariamente inviato da jarry

Lo SVG (in teoria) è flessiblile, leggero, buono per 2D, animazione e telefonini....Tutto in teoria perchè poi il mercato non lo consente e i browser privilegiano i soliti formati ecc. ecc.
IMHO è come discutere dell'isola che non c'è.
p.s. meglio Batman o Superman?

Il problema è che ci basiamo tutti sul mercato.Perchè il w3c proclama l'utilizzo dell'svg come formato standard vettoriale per il web. Invece no. Gli sviluppatori di browser fanno quello che gli pare, gli sviluppatori di componenti web se ne strafregano degli standard e Internet rimane il solito troiaio.

[MacNeo]

Beh veramente Firefox, Opera e Safari mi pare si stiano dando da fare per supportare sempre meglio le mille specifiche di svg.
Su Explorer non mi risulta niente… ma credo non stupisca nessuno

http://www.mozilla.org/projects/svg/ (Firefox)
http://webkit.org/projects/svg/ (Webkit, ovvero Safari)
http://www.opera.com/products/desktop/svg/ (Opera)

[Lakaj]

Originariamente inviato da MacNeo

Su Explorer non mi risulta niente… ma credo non stupisca nessuno

E' proprio quel "non mi risulta niente" che mi preoccupa. Il 49% degli utenti al mondo usa IE ed io per fare un sito pseudo-accessibile smadonno 3 mesi, perchè questo browser ha una interpretazione tutta personale del rendering grafico e della matematica...

Ieri mattina:
-Realizzo un css
-Imposto un paio di regole per impostare una intestazione centrale alla finestra lasciando 25% di margine destro e sinistro e gli metto un text-align:center;
-Provo Firefox. Perfetto. Intestazione centralissima.
-Provo Explorer. Macchè. Allineamento a sinistra (chissà per quale motivo random)...

[Dievel]

Originariamente inviato da Lakaj

-Provo Explorer. Macchè. Allineamento a sinistra (chissà per quale motivo random)...

Fosse l' unica pecca di explorer

Ormai conviene di più investire il tempo che si perde per sistemare il css per IE nello spiegare al cliente le potenzialità di FF e nel convincere ad usarlo

[lnessuno]

Originariamente inviato da Lakaj

E' proprio quel "non mi risulta niente" che mi preoccupa. Il 49% degli utenti al mondo usa IE ed io per fare un sito pseudo-accessibile smadonno 3 mesi, perchè questo browser ha una interpretazione tutta personale del rendering grafico e della matematica...

Ieri mattina:
-Realizzo un css
-Imposto un paio di regole per impostare una intestazione centrale alla finestra lasciando 25% di margine destro e sinistro e gli metto un text-align:center;
-Provo Firefox. Perfetto. Intestazione centralissima.
-Provo Explorer. Macchè. Allineamento a sinistra (chissà per quale motivo random)...

prova con margin-left:auto e margin-right:auto...

[MacNeo]

Originariamente inviato da Lakaj

E' proprio quel "non mi risulta niente" che mi preoccupa. Il 49% degli utenti al mondo usa IE...

Lo so, era per rispondere al tuo "Gli sviluppatori di browser fanno quello che gli pare". Gli sviluppatori di browser ci stanno pensando eccome, sono solo quelli di UN browser che a quanto sembra ancora non ci stanno pensando. Sfortuna vuole che sia il più diffuso...
Comunque anche Adobe è (era?) al lavoro per un plugin SVG, che in tal caso potrebbe risolvere almeno parzialmente il problema. Ho messo "era" fra parentesi, perché avendo ora Adobe in mano il pacchetto Flash, non so quanto sarà ancora interessata a supportare un formato potenzialmente concorrente. A meno che voglia integrare in qualche modo SVG con Flash, ma credo sia ancora presto per dirlo.