- Home
- Categorie
- Digital Marketing
- Grafica, Visual Design & UX
- Header vettoriale aiuto!
-
Header vettoriale aiuto!
Salve a tutti. Vorrei inserire nel mio sito un header vettoriale come questi ( http: )//all-free-download.com/free-vector/free-header-vector-art.html Mi è stato detto che per farlo devo prima convertirli in jpg con un programma adatto. Io ho provato ad aprirli con
Irfan View e Corel Draw 9 ma i risultati sono stati deludenti. Vi posto uno screenshot per farvi capire:( http: )//img824.imageshack.us/img824/1354/confrontovettori.png
a destra ci sono gli header come DOVREBBERO ad essere, a sinistra come li visualizza irfanview. Con Corel Draw il risultato è lo stesso...
Potete consigliarmi qualche soluzione?? Grazie!
Un'altra cosa: come faccio a togliere le scritte dall'header e mettere quelle che voglio io?
-
Ciao graphicnoob,
ti consiglio di usare Inksacape per aprire i file vettoriali. E' Open Source e gratuito.
Se vuoi muoverti su qualcosa di più strutturato anche per altri progetti ovviamente la scelta del programma ricade su Illustrator dell' Adobe.Detto ciò, se hai il file vettoriale e lo apri, basta cliccare due volte sulla scritta per modificarne contenuto, stile, font, colore e quant'altro.
In seguito, una volta apportate le modifiche del caso, ti basterà usare la funzione "Salva con nome.." e salvarlo come jpg. Per caricarlo in un sito ricordati di non esportarlo a grandi risoluzioni, ne risulterebbe un tempo di caricamento delle pagine biblico.
Michele
-
Ciao, grazie per la risposta.
Ho provato ad aprirlo con Inkscape, ma il problema è che il file è in formato eps e il programma non lo apre. Ho anche provato a importarlo ma niente da fare.
-
Come non detto, ho scaricato adobe illustrator e sono riuscito ad aprirlo correttamente.
Ora però ho un altro problema: quando vado a modificare la "curva" dell'header, dopo averlo salvato in jpg mi lascia uno spazio vuoto bianco che non riesco a riempire. Per spiegarmi meglio, posto due screenshot.Versione originale:
(http: //) imageshack.us/a/img194/9001/vettoreblu5.jpg
Versione modificata:
(http: //) imageshack.us/a/img59/5678/vettoreblu6.jpg
(Come si vede questa ha uno spazio bianco a sinistra non indifferente)
Da cosa dipende questa cosa? Esistono soluzioni? Grazie!
-
Ciao graphicnoob,
come puoi notare i file hanno la stessa larghezza, ma non la stessa altezza.
Devi aver ridotto proporzionalmente la grafica.In Illustrator puoi determinare anche le dimensioni dell'artboard, che altro non è che il limite del contenuto. Ciò che è fuori da esso non verrà esportato.
Nell'immagine sottostante puoi vedere la grafica con sotto l'artboard. Lo spazio bianco è determinato dal fatto che il contenuto è più piccolo del contenitore.
Michele
-
Grazie della risposta. Come faccio a modificare le dimensioni dell'artboard (ho illustrator in italiano)?
-
Un'altra cosa: per evitare tempi di caricamento eccessivi vanno bene queste impostazioni per il vettore?
modello colore: rgb
qualità: 10 (massima)
metodo compressione: linea di base
risoluzione: video (72 ppi)
anti-alias: testo ottimizzato
-
Per ridimensionare premi Shift+O e potrai "tirare gli angoli" del contenitore.
Come impostazioni vanno bene, ricordati che se ti serve per il web devi usare la funzione "Salav per Web e dispositivi" che trovi nel menù "File"
*
Michele*
-
Non va bene esportarla come jpg e poi inserirla nel sito attraverso il generatore (uso joomla)? Io ho fatto così e si vede benissimo (anche da altri pc).
-
E' una questione di peso, puoi caricare anche immagini molto pesanti e si vedranno bene (anzi, meglio di quelle compresse), ma in questo modo inciderai sul peso della pagina ottenendo tempi di caricamento maggiori.
Esportarlo per Web e dispositivi la comprime riducendone il peso.Michele
-
La mia immagine pesa 227 kb. Può andare bene o ci sono rischi di rallentamento?
-
Ciao graphicnoob,
è un po' pesantina ma le prestazioni del tuo sito dipendono da una grande quantità di fattori. Certo, se hai numerose immagini di peso elevato chi visualizzerà il tuo sito dovrà armarsi di pazienza, a meno che hai un hosting potente.
Solitamente una riduzione di un 20% non incide troppo visivamente. Puoi salvarla con due o tre valori di compressione, poi valuti visivamente.
Usa anche questo strumento per valutare le prestazioni in generale del tuo sito: developers.google.com/speed/pagespeed/insights
-
Ok, grazie mille. In effetti ho controllato e la pagina era un po' pesantina. Ho salvato l'immagine in formato web e ora il sito è molto più veloce.
