Le immagini che inserisco nel sito si vedono sfuocate 
Autore: Calogero Fabrizio T.
Visite 219,
Followers 2,
Condiviso 0
Ciao a tutti, ho un problema, quando inserisco le immagini, sia nel banner e sia nelle pagine, anche se la risoluzione è alta, nel sito si vedono sfuocate, c'è una soluzione? Grazie
Postato il
devi metterle ottimizzate per il web NON risoluzione alta, al limite posta il link del sito, ciao.
Autore
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à
Autore
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
Autore
la vedete meno sfuocata perchè è piccola, ma la dovrei mettere più grande ma perde troppo
Autore
https://www.barsportsfree.it/ qui invece si vede benissimo, non è fatto con website però
Autore
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à.
se le metti grandi della dimensione corretta non mi sembra che perda vedi sito sotto
https://www.giancafoto.it/
ripeto devi rispettare la dimensione della foto da inserire in base al tuo contenuto.
Autore
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
Quando la crei e la esporti per il web oltre alle dimensioni profilo colore sRGB e 72dpi per pollice in più applica il leggero sharpness fai tutto con software dedicati tipo Photoshop
... 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
.
Autore
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.
Autore
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
.