Ottimizza le immagini con ampie aree di colore uniforme utilizzando il formato GIF - manichini

Parte di HTML5 e CSS3 per Dummies Cheat Sheet

Quando si ottimizzano gli elementi grafici con testo sovrapposto su un'immagine fotorealistica, è necessario creare sezioni separate per le aree dell'immagine che sono fotorealistiche e creare sezioni aggiuntive per le aree dell'immagine che contengono testo. Esportare le aree contenenti testo utilizzando il formato GIF ed esportare le aree fotorealistiche dell'immagine utilizzando il formato JPEG. Ecco alcuni suggerimenti per aiutarti:

• Per immagini JPEG di alta qualità, utilizzare un'impostazione di qualità di 70 durante l'esportazione. Per immagini JPEG più piccole, puoi ottenere una qualità di 50.

• Se stai creando una galleria fotografica per un prodotto o per un fotografo, esporta le immagini nel formato JPEG con un'impostazione di qualità di 80.

• Quando si comprimono le immagini usando il formato JPEG, prestare molta attenzione ai bordi degli oggetti nell'immagine. Quando inizi a vedere i pixel, oi bordi mancano di definizione, hai compresso l'immagine troppo lontano.

• Quando si esportano le immagini usando il formato di file GIF, utilizzare il minor numero di colori che produce un'immagine nitida e si avrà un'immagine di caricamento veloce.

• Quando si ricampionano le immagini per i siti Web, la risoluzione massima necessaria è 72 pixel per pollice.

I siti web senza video stanno diventando più rari. Il video è ovunque su Internet: è utilizzato per l'intrattenimento, nelle pubblicità e per promuovere le rock star e altri artisti. Quando il video è ben fatto, è una cosa bella. Ecco alcune cose che devi considerare quando aggiungi video a una pagina Web:

• Il video occupa molta larghezza di banda. Se viene superata la larghezza di banda per un sito Web, la tariffa può essere piuttosto costosa. Invece di ospitare video su un sito web, caricarlo su YouTube e quindi incorporare il video in una pagina web o in un blog.

• Non violare le leggi sul copyright. Non copiare video da altri siti Web o video di YouTube di altre persone e utilizzarli sul tuo sito web.

• Verifica della licenza: se usi un video da un fornitore o produttore su un sito web commerciale, assicurati di essere coperto dal fornitore o dalla licenza del produttore.

• Usa un camcorder di alta qualità per registrare video: No, un iPhone non è un camcorder di alta qualità. Se codi video di scarsa qualità per il Web, ottieni video di scarsa qualità. Ricorda il vecchio assioma: immondizia, spazzatura.

• Assicurati che gli utenti del sito Web abbiano i plug-in necessari per visualizzare il video.

• Se crei pagine HTML5 con video, assicurati che il pubblico previsto per il sito utilizzi browser compatibili con HTML5.

• Non utilizzare le transizioni quando si modificano più videoclip per creare un video per il Web. Le transizioni video sembrano grandiose sui video HD, ma non sembrano buone quando si codifica un video per il web.