Risoluzione immagine

[inventor4fun]

Buongiorno a tutti,ho letto parecchie cose su come preparare le immagini per il web ma qualcosa non mi quadran ancora.
Se imposto di visualizzare una immagine alle dimensioni di 800x600 px secondo tutte le guide non serve caricare sul server l'immagine con dimensioni maggiori perché ci vuole più tempo per scaricarla e il browser (o chi per esso) deve rimpicciolirla.
Fino qua tutto ok, però quello che non capisco è che la qualità cambia, cioè se visualizzo sul browser una immagine a 800x600px originiraiamente più grande la qualità è migliore che se la avessi caricata sul server già ridotta alle dimensioni 800x600px.
Da cosa può essere dovuto il problema? Per ridurre l'immagine originale uso photoshop con qualità 9 , non pesno si photoshop il problema.Grazie mille per l'aituo

 

[Max 1]

Non puoi fare altro che usare un'immagine 800x600 qualità 10 risoluzione 96px.
Se usi un'immagine a base 64, puoi usare un'immagine anche un po' piò grande perchè il caricamento diventa abbastanza veloce lo stesso

 

[inventor4fun]

Così facendo ottengo la migliore risoluzione per questa misura ? con photoshop posso fare anche qualità 12. Scusa l'ignoranza ma 96px per pollici o cm ?
Grazie mille per l'aiuto

 

[Max 1]

96px per pollici, una risoluzione maggiore servirebbe a poco. Puoi usare anche la dodici se non aumenta di tantissimo il peso del file

 

[inventor4fun]

Ho fatto il resize a 800x600px 96dpi e qualità 12 ,
ho poi fatto la stessa immagine a 1600x1200 96dpi qualità 12.
Gaurdandole sul sito a 800x600 la seconda ha una qualità molto migliore.
Sembra che il resize che fa il browser è migliore di quello che fa photoshop !
Non capisco come faccio a decidere la massima qualità con il minor peso.

 

[Max 1]

Come ti ho già detto puoi fare così

1. Ottimizzi l'immagine 1200x1600 (in rete puoi trovare vari tool online adatti allo scopo)
2. La converti in base64

Vedrai che così andrà bene

 

[inventor4fun]

Come ti ho già detto puoi fare così

1. Ottimizzi l'immagine 1200x1600 (in rete puoi trovare vari tool online adatti allo scopo)
2. La converti in base64

Vedrai che così andrà bene

Appena torno a casa provo, però dato che la mia immagine di partenza è di 4500px non mi conviene ottimizzare questa? La mia domanda è proprio capire come ottimizzare al massimo l'immagine sapendo solo le dimensioni a cui verrà visualizzata

 

[Max 1]

Mi sembra esagerato utilizzare un'immagine di 4500px. Sul web quella qualità che tu vai cercando è anche abbastanza inutile.
Ma quanta differenza trovi di qualità visualizzandola da una pagina web? Considerato che i browser visualizzano le immagini a 96px non credo ci sia un'abisso

 

[inventor4fun]

No la differenza è poca, quello che volevo capire bene è se c'è un modo per caricare una immagine e vederla alla massima qualità fissando le dimensioni in px.
Quello che non capisco è perché se faccio così:
1) riduco con photoshop a 700x412px 72dpi qualità 12 (max) -> 216Kb, la qualità dell'immagine vista dal sito è tipo 8 su 10 (in un div di 700x412px)
2) riduco con photoshop a 1400x824px 72dpi qualità 12 (max) -> 683Kb la qualità dell'immagine vista dal sito è tipo 10 su 10 (in un div di 700x412px).

Se applico la soluzione 2 l'immagine si vede meglio, perchè? sembra che la riduzione che applica il browser per vedere l'immagine nelle dimensioni di 700x412px sia migliore di quella che uso con photoshop.
Questo riesco a capire.

Grazie per l'aiuto

 

[StePunk]

Hai padding nel div?
Quando ridimensioni con photoshop ,il file perde dei dati.

 

[Max 1]

Hai padding nel div?
Quando ridimensioni con photoshop ,il file perde dei dati.

cosa c'entra.
Vedi di non scrivere post a vanvera

 

[borgo italia]

ciao
scusate, ma in un certo senzo stepunk non ha detto una cavolata (a parte il padding)
i programmi di fotoritocco quando scalano fanno perdere i pixel elaborando l'immagine, tant'è vero che se la riduci e la salvi, poi la riprendi e cerchi di riportarla alle dimensioni originali (poco o tanto) si sgrana
il bw non elabora le immagini, es se l'immagine 800x400 (metto a caso) è di 100 kB e il bw, avendo messo in img... width=200 e heigth=200, la riduce, ma se andate a vedere i kB non cambiano
non solo se carichi una 800x400 sgranata e la visualizzi 400x200 la vedi più definita, ma è un effetto ottico simile alla tecnica pittorica detta pointilism se guardi il quadro da vicino non capisci un'hacca da lontano vedi il paesaggio