Sta caricando lo stesso jpg in diverse qualità uno spreco di dati?

5

Sto costruendo un sito web e voglio usare una grande immagine di sfondo. A causa delle considerazioni sulla velocità, ho pensato che avrebbe avuto senso inviare una versione a bassa risoluzione dell'immagine all'utente per prima cosa (per un caricamento veloce della pagina e un'esperienza di interfaccia utente fluida), e quando il caricamento della pagina è terminato, usa JavaScript per caricare il più alto -res versione di quella stessa immagine.

Il server e il browser Web del client sanno che si tratta della stessa immagine e caricano solo il "resto" dei dati (delta delle basse risoluzioni e alta risoluzione)? O il server invia l'immagine più grande non correlata all'immagine più piccola inviata prima?

    
posta A. Kali 15.01.2017 - 23:55
fonte

1 risposta

10

No, né il server, né il client sanno che è la stessa immagine. Le immagini non sono correlate l'una all'altra per quanto ne sa chiunque. Questa è la realtà dei fatti.

Ciò di cui hai bisogno è il jpeg progressivo. Ad esempio, qui: link

A progressive JPEG is an image created using compression algorithms that load the image in successive waves until the entire image is downloaded. This progressive loading technique gives the visual perception to the website visitor of the images loading faster as the user can see the whole image straight away, as opposed to the usual way which JPEGs load, which is gradually from the top to bottom line by line.

    
risposta data 16.01.2017 - 00:01
fonte