Ho un sito che avrà molte immagini di grandi dimensioni. Qual è il formato migliore che dovrei scegliere per la visualizzazione di queste immagini?
Ho bisogno che il sito web si carichi velocemente. Sono confuso con diversi formati di immagini come jpeg, png, gif, bmp, ecc. Quale usare in questo caso e perché?
Usa JPEG per immagini con gradienti (come fotografie) e PNG per immagini con colori uniformi e linee rette (come gli screenshot). Usa GIF solo se hai bisogno di animazioni per qualche motivo. Non usare BMP.
JPEG è lossy, quindi ottieni artefatti se provi ad usarlo su screenshot.
PNG è senza perdita di dati, quindi è perfetto con gli screenshot, ma le dimensioni dei file diventano davvero grandi per le fotografie.
GIF è un po 'obsoleto, PNG è migliore.
BMP non è un formato di immagine Web standard.
In breve, considera piccole immagini di anteprima come .png formattate ovunque le elenchiate nell'elenco. E dedica un po 'di tempo alla memorizzazione nella cache e alle sue configurazioni.
In combinazione con queste immagini in miniatura, avere le immagini di grandi dimensioni come png / jpeg. In generale, l'elenco di visualizzazione di tutte le immagini a dimensione intera rallenta il tempo di caricamento della pagina.
Tuttavia, avere una saggia configurazione di cache del contenuto web statico tramite web-server è molto importante per le prestazioni, ed è un buon modo per andare.
Se il tuo obiettivo è come dici per "caricare il sito web più velocemente", potresti anche voler rendere le immagini disponibili tramite una Content Delivery Network (CDN) come Amazon Cloud Front o Max CDN.
Leggi altre domande sui tag web-development websites image