devi metterle ottimizzate per il web NON risoluzione alta, al limite posta il link del sito, ciao.

https://calogero-fabrizio-t.websitex5.me/

il sito è in costruzione, il link una volta pronto non sarà questo, come vedi le immagini si vedono male. Per ottimizzate per il web che formato intendi?

Non so quale immagine intendi tu, ad esempio questa è nativa 360px 100px e si riduce sulla pagina a 342x95 se la vuoi più netta la devi ottimizzare tu a 342x95 poi inserirla.

Diversamente dimmi tu quale immagine intendi sgranata,ciao.

per avere la massima qualità...

disattiva ottimizzazione immagini qui

e metti così in Oggetto immagini

poi regolati di conseguenza... per avere i lgiusto compremesso tra peso immagine e qualità

Giancarlo intendo per entrambe le immagini

Claudio è già impostato così

A volte a me lo faceva ma era questione di cache oppure dovevo cambiare il nome del file dell'immagine e ricaricare.

il mio screenshot è come le visualizzo e non sembrano così sfuocate, eventualmente posta il tuo per valutare.

Ciao, anche io non le vedo sfocate le immagini, per me sono OK, almeno da PC. Da cellulare è un altro discorso: non si capisce nulla, le immagini sono sovrapposte e sicuramente non è stata sistemata la parte responsive

la vedete meno sfuocata perchè è piccola, ma la dovrei mettere più grande ma perde troppo

https://www.barsportsfree.it/ qui invece si vede benissimo, non è fatto con website però

la parte mobile è da sistemare, prima devo trovare la soluzione per le immagini

Ti é stato già spiegato che non é consigliabile ingrandire un'immagine piccola, così poi é normale ché si vede sfocata. Per l'immagine grande ne devi avere una originaria di buona qualità.

certo un' immagine ingrandita si capisce che perde, ma mi aspetto che un' immagine grande in alta qualità se la rendo più piccola non dovrebbe perdere. Provo a rispettare le dimensione e vediamo cosa succede, grazie

... in genere è così, anche se avviene lo stesso un'interpolazione con perdita per detrazione...

... questa è la situazione:
.
... prova a non far dimensionare l'immagine dando un contenitore adeguato...
... oppure usa direttamente l'URL dell'immagine, per esempio questo stesso:

>> https://calogero-fabrizio-t.websitex5.me/images/SNAI.jpg

... l'immagine è abbastanza semplice; .. se ti sai barcamenare poco poco con i programmi di grafica, potresti farlo esattamente uguale ed in formato vettoriale SVG, così non perderà mai definizione in qualsiasi risoluzione...
.

ciao

.

sto provando a creare l'immagine in svg  con photoshop, vediamo cosa succede

... non ho quel programma, ma conosco da vent'anni Inkscape, e se lo conosci, non avrai problemi...

... puoi usarlo come immagine a con elementare tag <IMG> ...

.

non è un problema di estensioni, ho sempre fatto in jpg o png senza riscontrare problemi, almeno per quel che mi riguarda.

adesso si vede bene, ma non è un immagine ma solo un contenitore di testo con sfondo colorato, il problema adesso è per le altre immagini

ci sarebbe un tentativo veloce che puoi fare, 

oggetto immagine - qualitá 100 - metodo di risoluzione - preciso

gererale - modifica - filtri - selezioni dettagli e imposti un valore da 4 a 8

ciao

... per immagini generiche ti tipo fotografico non dovresti avere problemi con il formato *.jpg, *.webp, leggeri e adatti da sempre per questo genere di immagini...
... invece per immagine dettagliate, tipo i LOCHI, con contrasti ben definiti, dovresti usare a seconda dei casi e dei risultati, i formati GIF, PNG, WEBP, v.SVG..
... questi formati (escluso v.SVG) per non avere perdite devono essere usati nelle misura native create per lo scopo, senza subire ridimensionamenti (+/-)...

.

ciao

.