Fornisci immagini web ad alta risoluzione e lascia che il browser lo riduca. Una cattiva idea?

0

Ai vecchi tempi, quando ho imparato a creare pagine Web, la regola era: non ridimensionare le immagini con HTML / CSS, fornire l'immagine nella sua risoluzione "nativa". Altrimenti, verrà invertito o ridimensionato dal browser e l'immagine apparirà sfocata o brutta.

Erano i giorni in cui non disponevamo di tablet ad alta risoluzione, schermi enormi e browser con funzionalità di zoom incorporata che utilizza algoritmi intelligenti.

Il mio istinto mi dice che molte persone non hanno il loro browser con un fattore di zoom del 100%, quindi il ridimensionamento del browser sta per succedere in ogni caso - fornendo un la fonte di risoluzione dovrebbe portare a un risultato strettamente migliore rispetto alla versione nativa per il 100% in quel caso. Abbiamo raggiunto il momento in cui ha senso fornire immagini con una più alta risoluzione¹ di quanto richiesto quando si progettano nuovi siti web?

¹ ... entro limiti ragionevoli considerando ovviamente la larghezza di banda degli utenti.

    
posta Heinzi 19.11.2014 - 22:46
fonte

1 risposta

1

La maggior parte dei nuovi design front-end che ho visto ne fanno un sacco oggi. Sembra funzionare in generale OK - i resampler dei browser sono migliorati, le pipe sono più grasse e le immagini sono più potenti, quindi non stai tentando di ripetere il raster di un JPEG 10kb. Ho visto alcuni aspetti negativi - i più grandi sono le dimensioni dei file sono gonfiati che influiscono sulle prestazioni visibili, specialmente sulle reti mobili. Inoltre, abbiamo avuto un designer che si è innamorato di enormi gif animate di sfondo ridimensionamento. Ciò ha sciolto alcuni browser a volte.

    
risposta data 20.11.2014 - 00:05
fonte

Leggi altre domande sui tag