Logo sempre sgranato 
Autore: Luigi D.
Visite 3187,
Followers 2,
Condiviso 0
In versione responsive a qualunque risoluzione imposto il logo del sito nel pubblicarlo visualizzo sempre il logo in maniera non nitida ?
grazie mille
www.orlee.ch
Postato il
supponendo che il file di origine sia buono... , che non lo hai ridimensionato in modo strano o applicato effetti particolari...
quando lo hai inserito nell'oggetto immagine ...
hai selezionato nella scheda visualizzazione una compressione minima ?
ti consiglio per il logo:
100% di qualità
e bicubic
facendo così le immagini a me rimangono perfette...
Autore
Ciao Claudio il file del logo ha una risoluzione attuale di 3200 px per lato, ho impostato i paramentri come mi hai detto tu, sembra un po' meglio ma non mi sembra nitido... in anteprima lo vedo cosi. grazie in anticipo
...ma sei sicuro che sia 3200 ?
sul sito , a meno che non ce ne sia un'altra , è 100x100px !!!
sembra così...
https://www.orlee.ch/images/orlee-no-sfondo-bianco.png
https://www.orlee.ch/images/orlee-no-sfondo-bianco_l1ni1djm.png
si esatto quella che vedo io... cioè un'immaginina 100x100px !
...quindi ovvio che si sgrani...
Autore
ma è strano sta cosa... (vi ho allegato il file) io uso questo... non saprei proprio
grazie mille
... potrebbe essere che al Passo_5 sia stata usata l'opzione ▪Riduci la risoluzione delle immagini più grandi ...
... comunque, riducendo le misure decade la risoluzione; ...l'immagine dovrebbe essere creata a monte con le misure adatte allo scopo...
Autore
ma ho provato anche con icone da 20 px scaricate da internet, con la stessa dimensione e me le da sgranate...
ps. quelle che vedi in home sono icone di website.
* al passo 5 non ho esportato il progetto impostando "riduci la risoluzione delle immagini piu' grandi" (quelle si vedono nitide)
20px ?
20 pixel è pochissimo...
io ho provato il tuo logo su un mio spazio di test... e a me pare si veda bene a tutte le risoluzioni...
l'ho messo in jgp con bicubic e 100%
(anche se l'immagine originale non è perfetta..., a mio parere)
http://pcuty.altervista.org/2019t/
altrimenti utilizza l'oggetto testo come allegato e inserisci il logo originale.
e gli dai la risoluzione che vuoi...
prova.
.
... altra alternativa, ...se si volesse usare il file originale, ed essere certi di utilizzarlo senza alterazioni, per come si suggerisce da 15 anni, sarebbe meglio allegare (ALLEGATI) il file immagine al progetto, e nella intestazione usare >
Oggetto Codice HTML...
... in questo modo la definizione della immagine dipenderà dal browser e non dal programma...
... resta fermo comunque il fatto che per le immagini di tipo bitmap contano le misure che già a monte dovrebbero essere state create adatte allo scopo finale...
... ...
nota: ... per mantenere alta la definizione dei loghi, elastica a tutte le risoluzioni, sarebbe meglio usare immagini vettoriali...
.
Buongiorno Luigi,
cercherò di spiegarti meglio come inserire l'immagine nel software in questo caso.
Nel tuo caso hai inserito una immagine molto grossa (2400x2400) riducendola poi di molto per usarla come logo.
Riducendo una immagine con il software può capitare (sopratutto se si parte da una immagine molto grossa e la si riduce di molto) che il metodo che usa WebSite X5 per la riduzione e la rigenerazione dell'immagine sia inferiore ai metodi usati da sistemi specifici per l'editor delle immagini (es: Photoshop). In alcuni casi non è indicato usare immagini molto grandi se si riducono poi di molto.
Io ho operato nel seguente modo, ho aperto la tua immagine 2400x2400 con un programma specifico di editor di immagini e l'ho ridotta a 100x100px, salvandola poi così.
Successivamente ho inserito l'immagine nella header specificando le dimensioni dell'immagine:
Come puoi vedere nell'immagine successiva c'è una differenza fra la tua ridotta dal programma a sinistra e la mia ridotta con un programma specifico e poi inserita delle dimensioni giuste a destra.
Ti ho allegato l'immagine 100x100 se la vuoi usare per prova.
Spero di esserti stato utile.
Autore
Buona sera Riccardo
Bohh... io ho inserito l'immagine che mi hai mandato ma è come prima, non viene nitido, anche io avevo usato un editor (iloveimg.com online) ohh magari e il mio samsung che dai numeri... domani provo con l'oggetto testo.
ps. Riccardo nel caso il progetto te lo inviato, vedi tu stesso... il file logo lo creato con INSKAPE.
grazie ancora...
... restando assodato come avevo anticipato di usare per i loghi se in bitmap immagini delle misure adatte allo scopo, ...ma...!... ...se lo hai fatto già in vettoriale (INSKAPE), sempre come detto prima, perchè non usi il relativo file in formato SVG...?...
... quello che hai fatto, se fatto con criterio, ... e quello sarà...
.
...solo per curiosità...
dato che non hai dato nessun rispontro al mio post...
Come lo vedi il tuo logo nel mio sito , li ce ne sono anche altri messi da me...
grazie...
Autore
Non me lo fa caricare in SVG...
Scusami Claudio, è stato una mia dimenticanza, ti rispondo subito: ho seguito le tue indicazioni inserendo la qualità al 100 e il metodo di riduzione Bicubic... ma non e cambiato nulla, le immagini da 20 px che ho usato come prova le avevo scaricare dal web, e avevo impostato il tutto a 20 px da file originale, ma mi dava sempre un'immagine non nitidica, il logo dal tuo sito lo vedo meglio che sul mio sito, pero' nel tuo caso ha una risoluzione piu' alta, precisiamo perchè sgranato non è nitido, io vedo il tutto non nitidissimo, ma come l'immagine perdesse di qualità
... nella casella dove selezioni i files e dove si trova il file SVG digita *.svg
... vedrai tutti gli SVG e potrai selezionare il file che ti serve...
... oppure puoi allegare (ALLEGATI) il file SVG al progetto, lasciando files come destinazione, ed usando semplicemente il tag IMG in Oggetto Codice HTML:
<img src="files/nomeimmagine.svg" width="100%" />
.
mi era sfuggita questa frase...
Allora non c'è dubbio ... segui il consiglio di KolAsim ... esporta in SVG da InkScape...
se inserisci l'SVG non avrai problemi di visualizzazione anche ingrandendo...
guarda quello che ho inserito io ora:
http://pcuty.altervista.org/2019t/
segui questa indicazione e sei sicuro di non sbagliare
clicca sull'immagine che hai caricato su ws in alto ci sono tre pulsanti clicca su visualizzazione e porti la qualita al 100% metodo di riduzione: bicubic piu lento e più preciso
fammi sapere
Autore
Boh non so in che cosa sto sbagliando, nella casella dove inserisco i file immagini ho impostato *.svg ho allegato il file, ma non lo vedo in anteprima
ho fatto la stessa procedura con il codice html, facendo cosi:
1 ho allegato il file logo nella carte destinazione/ricarica contenuto nella cartella di destinazione
2 ho creato un oggetto html ed ho inserito il codice seguente
<img src="/customers/0/0/6/orlee.ch/httpd.www/logo/logo_definitivo” width="100%" />
ps. ma non vedo nulla... al posto della cartella files ho inserita una nuova cartella logo
?
devi usare il percorso web , non quello reale che ti assegna l'host...
Comunque escludendo la parte che non centra... l'ho trovato...
il logo è qui:
https://orlee.ch/logo/logo_definitivo.svg
l'ho messo sul mio sito di test...
http://pcuty.altervista.org/2019t/
e l'ho inserito nel progetto mettendolo in oggetto immagine...:
Autore
che capra che sono... ma il font del logo si è trasformato "times new roman" ????
...quello temo dipenda da come hai gestito i testi dentro Inkscape ...
avevo letto qualcosa a suo tempo sul fatto che non esportasse i font, ma ora non lo trovo...
devi verificare/informarti per inkscape...
... se alleghi il file al progetto, non corrisponde a quello che ti avevo detto...
... se non vedi con Chromium, visto che hai la v.PRO! ...prova direttamente con gli altri browser che hai nel sistema: chrome, firefox, eccetera...
... oltre 1 MB! per un SVG mi sembra eccessivo ed in questo caso immotivato...
... ho fatto una rapida prova su due piedi senza entrare nei particolari, rimanendo al di sotto di 170-200 KB...
>> esempio ... (temporaneo! ...si estinguerà dopo 24-48 ore!)
.
Autore
eccomi... la vedo dura qua, cmq mhhh faccio una prova con l'oggetto testo come ha detto Alex se no amen lascio cosi non voglio impazzire, vi riaggiorno
Autore
aggiornamento ho utilizzato il logo di Riccardo a 100 px, anche con l'oggetto testo non migliorava la qualità... grazie ancora
Buongiorno Luigi,
si perchè con l'oggetto testo non puoi inserire la dimensione dell'immagine precisa. Devi farlo con l'oggetto immagine come nel mio esempio.