Il ridimensionamento CSS delle immagini è ancora una cattiva idea?

Non preoccuparti del ridimensionamento (la maggior parte dei browser renderà le immagini scalate perfette, secondo la mia esperienza), preoccupati della dimensione del payload che hai inviato all'utente finale.

Certo, potresti obiettare che stai sprecando solo una piccola quantità di larghezza di banda su entrambi i lati per quei pixel extra che stai inviando senza alcuna intenzione di usare, ma c'è anche un tempo.

Per ogni immagine che invii ad una dimensione superiore a quella necessaria devi aggiungere un po 'di ritardo al caricamento della pagina per il tuo utente. Per i siti web con solo un paio di immagini questo non sarà un problema, ma per un sito con un gran numero di risorse di supporto inizierai ad aggiungere ritardi notevoli e ritarderai .

Come sempre, fai il tuo benchmarking, ma a meno che l'app sia davvero popolare / mission-critical, non sarei troppo preoccupato di ridimensionare da 600 a 400 se ti trovi in una situazione in cui devi cambiare spesso la larghezza . Se è un one-off, certo, esegui convert -geometry 400x photo1.jpg photo2.jpg , ma se si tratta di un'app in cui stai iterando velocemente, ci sono probabilmente cose più importanti di cui preoccuparti, anche nel campo delle prestazioni. per esempio. latenza; caricamento preventivo delle immagini, ad esempio.

Le dimensioni dell'immagine possono essere importanti sui dispositivi mobili, in cui le immagini di grandi dimensioni hanno l'effetto triplo-whammy di caricarsi lentamente (banda larga mobile), impiegando più tempo per il rendering (hardware di qualità inferiore) e - una volta renderizzato - non completamente visibili ad alta risoluzione comunque.

Potresti anche voler esaminare le immagini reattive. C'è un sacco di lavoro che le persone hanno fatto, ad esempio ridimensionamento automatico - e poi caching - le immagini sul server sono un buon approccio se questo emerge molto.

Il problema è il payload, il rendering del browser è praticamente perfetto in qualsiasi dimensione (specialmente in dimensioni più piccole di cui stai parlando)

Per un sito ad alto volume, anche i singoli byte sono importanti. Non vuoi inviare dati indesiderati.

A proposito di cattiva idea, non è davvero una cattiva idea regolare la larghezza / altezza di alcuni pixel o di 10 o 20 pixel. Ma è una pessima idea se si riduca una grande immagine ad una miniatura:)