Foto e grafica utilizzano molto spazio sul server. Questo può rendere le pagine Web molto più lente. Una delle opzioni disponibili consiste nell'utilizzare le miniature delle tue immagini. Una miniatura è una versione più piccola della stessa immagine. Da esso si collega alla foto originale.
Quando si utilizzano le anteprime, è possibile adattare più immagini su una pagina. Il tuo lettore può scegliere tra tutti gli elementi grafici della pagina e decidere quali desidera vedere.
Creare una miniatura non è difficile e in realtà non richiede molto tempo. La prima cosa che devi fare è scaricare una foto o un programma di editing grafico. Io uso Irfan View. È gratuito e semplice da usare. Non è così completo come Paint Shop Pro o Photoshop ma è abbastanza buono per ridimensionare, ritagliare e cambiare il modo in cui appaiono i colori.
Userò Irfan View per questa lezione. Le istruzioni non sono molto diverse se stai usando un altro programma.
La prima cosa che devi fare è aprire l'immagine che desideri ridimensionare. A tale scopo, fai clic su "File", "Apri", trova l'immagine sul tuo computer e fai clic sul pulsante "Apri".
Con l'immagine aperta nel tuo programma di modifica grafica ora puoi ritagliarla o ridimensionarla. Ritagliare è quello che fai quando hai un'immagine che ha più su di essa di quello che vuoi usare. Dì che hai una tua foto e un'altra persona, ma vuoi solo usare la parte con te su di essa e tagliare l'altra persona, questo è il ritaglio.
Per ritagliarlo devi prima scegliere l'area che vuoi mantenere. Posiziona il cursore del mouse su un angolo dell'area che vuoi mantenere, tieni premuto il pulsante del mouse e trascina il cursore sull'angolo opposto dell'area. Vedrai una linea creata attorno all'area mentre fai questo e un bordo sottile attorno a esso quando hai finito.
Ora fai clic su "Modifica", "Selezione ritaglio". L'area selezionata verrà lasciata e il resto dell'immagine sarà sparito. Se ti piace quello che vedi, vorrai salvare l'immagine a questo punto in modo da non chiudere accidentalmente il programma e perdere il ritaglio. Se non ti piace, fai clic su "Modifica", "Annulla" e tornerà esattamente come prima.
Se vuoi ritagliare qualcosa dall'immagine, puoi farlo usando la funzione "Taglia". Puoi anche aggiungere del testo alla tua immagine a questo punto usando "Inserisci il testo nella selezione". Entrambe queste funzionalità sono nel menu "Modifica". Ricorda di salvare l'immagine dopo aver apportato una modifica che ti piace così da non perdere il lavoro.
Ora per creare la nostra miniatura. Clicca su "Immagine", "Ridimensiona / Ricampiona". Apparirà una finestra che ti permetterà di ridimensionare l'immagine. Puoi scegliere di ridimensionare l'immagine in base all'altezza e alla larghezza o in base alla percentuale. Ad esempio, puoi inserire una larghezza di 50 pixel o puoi averlo solo per rendere l'immagine del 10% della sua dimensione originale. Se stai creando le miniature da utilizzare come galleria fotografica, ti suggerisco di provare a rendere tutte le tue immagini più vicine alle stesse dimensioni in modo che si adattino meglio alla pagina, creando righe o colonne diritte.
Se l'immagine sembra aver perso parte della sua chiarezza quando la si ridimensiona, è possibile utilizzare la funzione "Precisione" nel menu "Immagine". Quando salvi l'immagine dopo il ridimensionamento, assicurati di utilizzare la funzione "Salva come", NON quella "Salva". Dovrai dargli un nome diverso, ma simile. Se lo salvi, sovrascriverà la tua vecchia immagine e perderai l'originale. Se il tuo originale è stato chiamato "picture.jpg", puoi chiamare la miniatura "picture_th.jpg".
Se il tuo servizio di hosting non dispone di un programma di caricamento file per aiutarti a caricare facilmente pagine e grafica sul tuo sito Web, dovrai caricare un client FTP. Il servizio di hosting con cui ti trovi dovrebbe darti le impostazioni che devi inserire nel client FTP per poter caricare i file.
Suggerisco di caricare la tua immagine o le tue foto in una cartella denominata "grafica" o "foto" in modo da poterle tenere separate dalle tue pagine e così puoi trovarle più facilmente quando ne hai bisogno. Mi piace organizzare pagine e grafici utilizzando cartelle diverse. Mantiene il tuo sito bello e ordinato in modo da poter trovare qualsiasi cosa tu stia cercando rapidamente e quindi non hai un lungo elenco di file che devi pettinare quando hai bisogno di qualcosa.
Dovrai inoltre caricare l'anteprima sul tuo servizio di hosting. Potresti metterlo in una cartella separata chiamata "miniatura".
Ora avrai bisogno dell'indirizzo del tuo grafico. Esempio: supponiamo che tu ospiti il tuo sito su Geocities e il tuo nome utente sia "mysite". L'immagine principale si trova in una cartella denominata "grafica" e denominata "graphics.jpg". La miniatura è chiamata "thumbnail.jpg" e si trova in una cartella denominata "miniatura". L'indirizzo del tuo grafico sarebbehttp://www.geocities.com/mysite/graphics/graphics.jpg e l'indirizzo della tua miniatura sarebbehttp://www.geocities.com/mysite/thumbnail/thumbnail.jpg.
Tutto quello che devi fare ora è aggiungere un link alla tua miniatura alla tua pagina e aggiungere un link al tuo grafico dalla tua miniatura. Alcuni servizi di hosting offrono album fotografici. Tutto quello che devi fare è seguire le loro indicazioni per aggiungere le tue foto alle pagine.
Se preferisci usare l'HTML per creare il tuo album fotografico, non devi ancora ricominciare da capo. Utilizza invece un modello di album di foto. Quindi tutto ciò che devi fare è aggiungere i link e hai un album fotografico.
Se stai semplicemente collegando il grafico stesso in modo che il grafico principale venga visualizzato sulla tua pagina, il codice che devi usare è questo:
Testo per immagine
Dove vedigraphic.jpg in questo codice lo cambierai inhttp://www.geocities.com/mysite/graphics/graphics.jpg oppure puoi usare il modulo breve che assomiglia a questo/graphics/graphics.jpg. Quindi cambia dove diceTesto per immagine a quello che vuoi dire sotto l'immagine.
Se utilizzerai le miniature e collegherai il grafico da lì, il codice che utilizzerai sarà leggermente diverso:
Dove vedihttp: //address_of_graphic.gif aggiungi l'indirizzo della miniatura. Dove vedihttp://address_of_page.com aggiungi l'indirizzo del tuo grafico. La tua pagina mostrerà la tua miniatura ma si collegherà direttamente al tuo grafico. Quando qualcuno fa clic sulla miniatura per l'immagine, verrà portato all'originale.
Ora sarai in grado di collegarti a più elementi grafici su un'unica pagina senza impantanare il server causando il caricamento lento della pagina. Questa non è la tua unica opzione per creare un album fotografico, ma ti dà un modo per aggiungere un intero gruppo di immagini a una pagina in modo che le persone non debbano fare clic su pagine e pagine di foto. Saranno anche in grado di scegliere quali foto vogliono vedere in dimensioni normali invece di doverle vedere tutte se non lo desiderano.
