Logo alta risoluzione 
Autor: Salvo M.
Visited 1737,
Followers 1,
Udostępniony 0
Salve,
vorrei sapere il modo corretto per inserire il logo in alta risoluzione sul sito, mi spiego meglio:
io creo un logo png, circa 400x250, e si vede benissimo su photoshop, poi sull'header metto file immagine ingrandendola tirando dagli angoli fino ad ottenere 400x250, carico il file, imposto 100 c, ma sull'anteprima si vede sgranato o sfuocato, non si vede nitido. come mai? c'è qualche passaggio che dimentico? anche sul responsive me lo da ancora piu sfocato. p.s. risoluzione del file in png 300dpi
graziiee
Posted on the
Perché 300dpi? Servono 72!
400X200x300 il file è un po' grossino ...
Posta il link del sito...
una volta inserito il logo nell'header, clicca una sola volta sull'oggetto immagine che hai inserito nell' header senza aprirlo, imposta le dimensioni precise del tuo logo (400x250) attraverso il'opzione posizione posta in alto all'header. Li vai a specificare la dimensione dell'oggetto
... oltre a quanto già detto, ...300 Dpi servono solo per la stampa "molto definita" su carta a normale distanza di lettura per l'occhio umano...
... come detto anche da Giorgio la definizione video più usata per i monitor correnti è 72 Dpi (oppure 96 Dpi ma non si notano differenze), ottenendo così anche files più leggeri...
... per avere l'alta definizione a qualsiasi misura e senza perdita, si dovrebbe far uso del formato vettoriale, SVG, (oppure Flash/SWF ormai in disuso)...
... nel tuo caso, a seconda delle opzioni di cui fai uso, l'immagine potrebbe venire ad essere fusa con lo sfondo, e se non venissero usate le misure originali, potrebbe deteriorarsi...
...!... per superare in ogni caso questi inconvenienti, basta allegare la tua immagine tramite la finestra> ESPERTO | ▪File allegati al codice ...lasciando "files" come cartella destinataria proposta per default...
... quindi inserire nell'Intestazione un Oggetto HTML (pergamena </>) di adeguate dimensioni, e nella finestra codice di questo oggetto incollare uno di questi due codici:
<img src="files/1.png" /> (ti caricherà l'immagine con le misure native);
<img src="files/1.png" width="300" /> (ti caricherà l'immagine con aspetto razionale rispetto alla larghezza indicata);
<img src="files/1.png" width="100%" /> (ti caricherà l'immagine con aspetto razionale rispetto alla Larghezza della cella ospite);
<img src="files/1.png" height="100%" /> (ti caricherà l'immagine con aspetto razionale rispetto alla Altezza della cella ospite);
... in questo modo l'immagine non si fonderà con lo sfondo; provalo, e ti stupirai dell'immediatezza e del risultato che otterrai... (non ho il programma ma ne sono sicuro)...
.....................................
... in linea di principio, con le opzioni del programma e in genere, che ripeto da oltre un decennio:
1) - l'immagine per essere ben dettagliata e ben definita dovrebbe essere stata realizzata già con le misure adatte allo scopo e non subire ridimensionamenti nel progetto, cioè l'immgine deve essere in misure più piccole della cella ospite, e qulità compressione al 100%;
2) - per loghi, l'immagine per essere dettagliata, dovrebbe essere realizzata in GIF oppure in PNG;
3) - (!) ... per loghi SEMPRE ad alta definizione, volendo si potrebero anche inserire immagini vettoriali in SVG, nello stesso modo detto prima per il TAG <IMG>, semplice, e per lo più sconosciuto ai più, o non recepito...(!)...
.
ciao