Prestazioni migliori sul Web con PNG di grandi dimensioni [chiuso]

-1

Al momento sto sviluppando un web creato interamente da immagini (una versione HTML di un Web Flash).

Il client mi ha fornito un grande PSD che dovevo esportare ogni livello come PNG per conservare i lucidi. Ci sono alcuni strati che sono pesanti nei dettagli e, naturalmente, di dimensioni, come 5 MB ciascuno (principalmente lo sfondo, è come 6 PNG, 4-6Mb ciascuno). Caricarli con CSS3 li rende ottimi, ma sto avendo problemi di prestazioni nei browser (Chrome ritarda, Opera ricarica le immagini ogni volta che faccio scorrere verso il basso / in alto, ritardi di Firefox, IE ovviamente ritardi, ecc.) E in un futuro quando carico il finita la pagina su un server, risentirà di un pesante carico di immagini, molto da scaricare dal client.

Il mio cliente lo sa e sono in attesa di una possibile soluzione (ad esempio, diminuisci la risoluzione PSD), ma nel frattempo mi piacerebbe andare avanti su questo problema e provare qualcos'altro, hai qualche consiglio per questa situazione?

Ho pensato alle soluzioni di base per questo, come la compressione e altre cose, ma se hai altri suggerimenti sarà fantastico.

Oh, e un altro "dettaglio", questa versione HTML è principalmente focalizzata sui dispositivi iPad / iPhone.

    
posta MauJFernandez 19.03.2013 - 16:06
fonte

1 risposta

3

Quei disegni ingombranti di grandi dimensioni sono spesso relitti dei tempi più antichi per realizzare stili che sono ora disponibili con standard più recenti come CSS3

Attualmente sto ricostruendo una skin per un'applicazione web e sono riuscito a raggiungere una dimensione di circa il 20% di quella vecchia. Ho provato quanto segue, che potrebbe anche essere possibile nel tuo caso:

  • Elimina le immagini dei bordi e usa i CSS per definire quelle
  • Ricostruito molte immagini come SVG
  • utilizzato sfondi con gradiente CSS anziché immagini
risposta data 19.03.2013 - 16:30
fonte

Leggi altre domande sui tag