Come faccio a sapere quale tipo di immagine usare?

8

Sto lavorando su un sito Web che utilizzerà le immagini in diverse applicazioni, dai pulsanti di azione agli avatar alle immagini di dettaglio più grandi. Quali fattori dovrei prendere in considerazione per decidere se queste immagini devono essere jpg, gif o png?

— BenV
fonte

6

JPG per foto o differenze di colore elevate
PNG per immagini con trasparenza graduale (dissolvenza da 1 colore per cancellare)
GIF per immagini con piccole tavolozze di colori

Ovviamente prova ogni immagine e vedi cosa viene fuori con la dimensione del file più piccola. Più piccola è la dimensione, meglio è. Inoltre, non preoccuparti della trasparenza in IE6 per i tuoi PNG, la nonna non è interessata al modo in cui il tuo sito sembra solo che può vedere le tue foto su di esso.

— XOPJ
fonte

3

Dimensione del file. Minore è la dimensione del file, più veloce sarà il download per i tuoi utenti. Quindi scegli la dimensione del file più piccola che non influisce sulla qualità dell'immagine.

(In genere i JPG sono usati per le fotografie e i PNG / GIF sono usati per immagini simili ad icone)

— John Conde
fonte

1

Vorrei aggiungere che per schermate dell'interfaccia utente / non foto: utilizzare PNG. JPEG tende ad orribilmente pixelare immagini non fotografiche.

— scunliffe,

1

Supporto per il browser . Penso che sia IE6 o IE7 e precedenti non supportano correttamente le immagini basate su png con uno sfondo trasparente. Di solito aggiunge un po 'di colore di sfondo funky.

— Jeremy
fonte

1

Solo IE6 ha problemi con i PNG trasparenti. IE7-9 va bene con loro.

— bdadam,

IE4 e il supporto più recente tavolozza PNG con trasparenza : calendar.perfplanet.com/2010/png-that-works/#paletted

— Kornel