Scuolissima.com - Logo
Visualizzazione post con etichetta immagini. Mostra tutti i post
Visualizzazione post con etichetta immagini. Mostra tutti i post

Come creare una favicon

Le favicon sono delle icone di dimensioni 16x16 o 32x32 che si trovano in quasi ogni sito, viene visualizzata alla sinistra dell'URL nella barra degli indirizzi di un browser ed appare anche quando un sito viene salvato nei preferiti. Chi non dispone di una favicon sul proprio blog/sito deve immediatamente inserirne una, perché l'immagine di default solitamente è poco pertinente, viceversa una favicon a tema che può essere anche la miniatura di un logo lo renderà più completo. Di solito chi ne sa' di grafica si affida a programmi di fotoritocco come Photoshop ma non è alla portata di tutti e questo non è affatto un problema perché esistono siti che anche il più negato saprebbe utilizzare per creare la propria favicon personalizzata in meno di 10 minuti.


1) Favicon.cc: per semplicità è il migliore sito per creare favicon, avrete di fronte a voi una griglia e dovete colorarla utilizzando la tavolozza dei colori. Per salvare l'immagine scorrete la pagina verso il basso e cliccate su 'Download Favicon' per scaricare l'immagine in formato .ico.

2) Anti-Favicon: questo è uno di quei siti che preferisco per creare favicon perché da' quanto meno una base per iniziare; infatti ci sono degli esempi e poi le favicon dove spesso ci entra ben poco risulteranno più descrittive rispetto a quelle tradizionali dato che potrete dividerla in due parti: superiore ed inferiore ed inserire un massimo di due parole di 4 lettere ciascuna.

3) Toolset Favicon: questo generatore di favicon è molto simile al primo che vi ho presentato; vi permetterà di creare la vostra favicon.ico partendo da zero utilizzando gli strumenti dell'editor HTML5 oppure importanto un'immagine JPG, GIF o PNG come punto di partenza.

4) FavIcon from Pics: per i più pigri propongo questo sito che da una immagine normale crea tre tipi di favicon di grandezza 16x16 px, 32x32 px o in formato gif (in movimento); le gif però non sono supportate da molti browser.

5) Favicon.co: altro sito dove basta inserire un'immagine, caricarla, cliccare su 'Generate Favicon', per ottenere una immagine in miniatura con le dimensioni desiderate. Per scaricarla dovete cliccare sulla scritta 'Download Your Favicon Here'.

6) Degraeve: simpatico anche questo tool online per creare favicon dove potrete caricare un 'immagine, ritagliarne una parte ed editarla e ritoccarla un pochino per poi poterla utilizzare come favicon del proprio sito.

Si ricorda che per inserire una favicon in un sito a meno che non abbia una opzione apposita, si deve andare nella sezione HEAD (intestazione) ed incollare all'interno dei tag <head> e </head>, questo semplice markup::
<link rel="icon" href="/percorso/favicon.ico" />
Dovete sostituire il link di default con quello della vostra immagina appena creata e caricata online.
Continua a leggere »

Come rendere trasparente lo sfondo di un'immagine con Photoshop

Molte volte mi sono incappato in immagini dove era importante il soggetto e non lo sfondo e il più delle volte mi sono trovato costretto a chiedere aiuto a qualche amico esperto con photoshop (e chi non lo ha?), oppure in qualche forum di grafica. Se però si trattano di foto personali come la vostra foto profilo non vi consiglio di darla in mano a qualche sconosciuto bensì di modificarla voi stessi. Volete provare ad eliminare lo sfondo rendendolo trasparente con Photoshop? E più semplice di quanto si pensi, l'importante che seguite il tutorial passo passo e guardate con cura le immagini allegate.


Andate su File, cliccate su Apri e poi cercate il percorso esatto dove avete salvato l'immagine dove volete togliere lo sfondo ed infine fate doppio click su di essa per farla apparire dentro il programma. Nella mia immagine io vorrei togliere lo sfondo nero ed anche i 4 angoli in rosso, lasciando solamente la lettera G.


Nel menù in alto oltre a File è presente la voce Livello, cliccatela e poi poggiate il mouse su Nuovo, e poi cliccate su Livello da sfondo. A questo punto l'immagine diventerà di un colore rosso.


Adesso cliccate col pulsante destro del mouse sullo strumento di selezione rapida (se non lo trovate cliccate il tasto W per evidenziarlo) e poi cliccate su Strumento Bacchetta magica. Adesso con la bacchetta magica cliccate sullo sfondo dell'immagine, in questo modo si selezionerà lo sfondo in base ai colori Se cliccate sul tasto Canc presente in ogni tastiera verrà eliminato lo sfondo selezionato, ed appariranno dei quadrati di colore grigio-bianco, che è il colore della trasparenza. 



Può capitare che dall'eliminazione dello sfondo non si ottenga un risultato perfetto, specialmente se lo sfondo è costituito da più colori e non è omogeneo, difatti nella mia immagine ha selezionato come sfondo solo il nero mentre ha lasciato le parti in rosso. Con la bacchetta magica cliccate nuovamente sullo sfondo per togliere la selezione. Se volete eliminare anche quelle imperfezioni rimaste dallo sfondo potete usare lo strumento selezione rettangolare per selezionarli e poi cancellarli premendo Canc oppure, nel modo più pratico, utilizzate lo Strumento gomma e cancellateli manualmente, volendo per la fase di cancellazione vi conviene zoomare l'immagine e ridurre le dimensioni della gomma.


Quando la vostra immagine sarà completata andate su File > Salva con nome e nel campo Formato selezionate GIF o PNG perché ad esempio i formati più comuni JPG e BMP non supportano le trasparenza e il vostro duro lavoro salvato con un formato sbagliato potrebbe rivelarsi vano.
Continua a leggere »

LightShot per catturare immagini dal computer

Lightshot l'avevo descritto come un buon sito o come un alternativa per caricare le immagini online, esso però può essere utilizzato come programma per PC ma per un altro uso che è quello di catturare le immagini dello schermo, software già esistente su Windows ma certamente quello che mette a disposizione Lightshot è migliore perché presenta molte funzionalità in più che vi illustrerò non prima di avervi spiegato come scaricarlo.

Andate sul sito app.prntscr poi cliccate sul bottone verde in cui appare la scritta Download for Windows o for Mac a secondo del sistema operativo che possedete. Il download sarà immediato, poi cercata il file appena scaricato ed installatelo. Quando avvierete il programma lo schermo del vostro PC diventerà più scuro, a questo punto fate dei quadrati con il mouse selezionando la parte interessata da catturare.


Quando effettuerete la cattura di una parte dello schermo esso mostrerà in tempo reale le dimensioni di larghezza e altezza dell'immagine. Sulla sinistra invece partendo dall'alto è presente la matita per scrivere a mano, la linea retta, la linea con freccetta, il coso per fare quadrati o rettangoli, l'evidenziatore giallo, la funzione per scrivere testo, il colore e la freccetta rivolta verso sinistra per annullare le ultime modifiche. Nella parte inferiore dell'immagine ritagliata partendo da sinistro vi sono il bottone per caricare immediatamente l'immagine su prntscr, il bottone per condividere l'immagine sui principali social network, la G di Google che esegue una ricerca sul motore di ricerca più famoso per trovare immagini simili, ed infine i bottoni per stampare, copiare, salvare o eliminare l'immagine.
Continua a leggere »
🧞 Continua a leggere su Scuolissima.com
Cerca appunti o informazioni su uno specifico argomento. Il nostro genio li troverà per te.




© Scuolissima.com - appunti di scuola online! © 2012 - 2025, diritti riservati di Andrea Sapuppo

Policy Privacy - Cambia Impostazioni Cookies