Corso di secondo livello per la pubblicazione di news comprensive di foto.
Premessa, prima di passare praticamente ad inserire una foto nelle vostre news dovete capire i seguenti concetti.
Una foto ha una certa dimensione e peso in Byte.
Quanto questa è più grande e più definita, più pesa.
Una foto molto grande di dimensioni allargherà inevitabilmente la pagina web ove la inserirete, ciò comporterà da parte dell'utente, per visualizzara interamente, quel fastioso scorrimento sia in verticale che in orizzontale.
Un foto quindi più larga della pagina è da evitare anche perchè andrebbe a coprire eventuali menù ecc ecc.
Anche il peso della foto in byte va controllato e se del caso alleggerito ciò capita molto spesso per no dire QUASI SEMPRE.
Una foto molto pesante è sicuramente ben definita, andrà bene l'archivio dei ricordi di ognuno di noi o per stampare dei poster, ma per internet è da evitare assolutamente per due motivi.
1) Occupa molto spazio nel server del sito ( spazio che paghiamo con le quote di sostenitori, i sponsor e le altre attività marginali, pubblicità ecc ecc)
2) Ogni utente per visualizzare la foto dovrà attendere un certo tempo prima che questa si apra, il tempo dipenderà sia dal peso della foto che dalla velocità di collegamento internet dell'utente che la vuole aprire.
Tenete conto che oltre allo spazio fisico che occupa una foto, paghiamo anche il traffico di scaricamento, ciò significa che ogni volta che un utente apre una pagina, sia se in questa vi è solo testo e/o una o più foto, vi è un traffico in byte, di solito la trasmissione di dati la notate dall'icona dei due televisorini che lampeggiano nella barra del vostro computer quando siete collegati ad internet.
Ogni pagina quindi ha un peso, più testo questa ha e più foto ci sono, più la pagina "pesa".
Tenete conto che il trovatartufi ha migliaia di pagine e la maggior parte di queste sono corredate da foto.
Tenete conto che nel periodo del pico, il trovatartufi raggiunge oltre 6000 visite al giorno, questi sono per la maggior parte curiosi che tramite i motori di ricerca raggiungono le demo e altri argomenti in zona aperta, nonchè le news "per tutti".
Tenete conto che un visitatore apre più pagine.
Alla luce di tutto ciò si fa presto ad esaurire sia lo spazio fisico che quello di scaricamento e , terminato questo il sito si blocca fino a quando non si acquista un ulteriore pacchetto minimo, di solito ce la caviamo con un costo di 150 euro ad ogni pit stop! :(
Sicuramente vi sarà capitato quando navigate in vari siti, in particolare se avete o avevate un collegamento lento, che alcune pagine e foto si aprivano lentamente..... a tendina. queste erano troppo pesanti (Byte) e quindi il traferimento dati dal server al vostro computer, via internet, necessitava di un certo tempo per aprirle.
Se calcoliamo che spesso nelle nostre news vi è più di qualche foto nella stessa pagina i tempi di apertura delle stesse aumentano in modo esponenziale.
Sappiate che ad oggi il 20% dell'utenza internet ancora ha il collegamento lento a 56K, per questi aprire una foto pesante o una pagina con più foto, significa attendere anche 5 minuti.
Come ben sapete l'attesa fa fuggire l'utente, salvo che questi non sia proprio interessato alla lettura e visione delle foto, in tal caso aspetterebbe anche delle ore .
Siccome noi non vogliamo far venire le ragnatele a nessuno, faremo le cose fatte bene! :)
Riassumendo, le foto che andrete a pubblicare dovranno essere quindi dimensionate alla pagina delle news e con un peso ottimale, perchè è la somma che fa il totale! :)
Le foto quindi, salvo casi particolari, vanno pubblicate nella parte testuale della vostra news tra il codice "inzio privato"- "fine privato" .
In questo modo raggiungeremo due obiettivi, il primo è quello che le foto verranno aperte solo dai sostenitori ( attualmente 200) e l'utenza non abilitata avrà in pasto solo la parte testuale "pubblica" che pesa pochissimo, questa se vorrà vedere l'intera news dovrà far parte della comunità versando almeno 50 euro ad una delle ONLUS indicate, come stabilito per questo 2009 per fare solidarietà.
Per ridimensionare una foto che avete scattato con la vostra macchinetta fotografia e alleggerirla di peso (definizione) vi è la necessità di utilizzare un programma per foto.
Di solito tuti i programmi per foto hanno funzioni per tali scopi.
Prima di passare a farvi vedere il lavoro da fare e indicarVi il peso ottimale per ogni foto vi riassumo i tre paletti che dovrete osservare:
1)Foto ridimensionate, non più larghe della pagina delle news;
2) Foto alleggerite di peso
3) Foto da pubblicare, salvo casi eccezionali, in zona privata, quindi solo per i sostenitori.
Come ridimensionare una foto:
Prendo per esempio una foto che mi è appena pervenuta da un sostenitore, è molto grande e molto pesante, quindi non la posso inserire in questa pagina per farvela vedere, allargherebbe tutti margini però, per farvi capire il concetto, la pubblico nel server, cliccando qui vi renderete conto del problema da risolvere.
Notate che la prima apertura, anche con l'adsl, è a scatti, chi non ha il collegamento veloce dovrà aspettare svariati minuti per visualizzarla.
Oltre tutto è così grande di dimensioni che deformerebbe la pagina del sito.
Se cliccate sulla foto con il tasto destro del mouse e poi su proprietà potete leggere sia le dimensioni che il formato.
Ora con il programma in mio possesso, dapprima ridurrò il formato per farlo entrare nella pagina news, eccola:
Ho ridotto con il programma solo le sue dimensioni, cliccate di nuovo con il tasto destro del mouse su questa foto e notate che anche il peso è diminuto.
Di fatto però questo peso è ancora troppo alto, quindi sempre con il programma, alleggerirò la definizione, fino a quando avrò una qualità di immagine soddisfacente e di conseguenza minor peso, eccola:
La foto ha eguali dimensioni, l'immagine riportata ha una qualità soddisfacente, ma se cliccate con il tasto destro del mouse sulla stessa e poi su proprietà, vedrete che questa è diventata leggerissima.
Quindi abbiamo soddisfatto i margini, l'occhio, l'apertura veloce da parte dell'utente, e tutelato la nostra cassa. :)
Tenete conto che con il peso della foto originale abbiamo occupato spazio per l'equivalente di 40 foto di cui sopra, sia come spazio sul server che come traffico dati di scaricamento, quindi la foto grande ha per noi un costo 40 volte maggiore.
Credo di essere stato esauriente...passiamo oltre.
Qualora la mia "compressione" e cioè l'alleggerimento del peso della foto supera la soglia di definizione, l'immagine si deformerà, in pratica con il programma riduciamo i pixel.
I pixel sono dei punti colorati che compongono l'immagine, più numerosi sono questi, maggiore sara definizione dell'immagine e di conseguenza il suo peso, al contrario si ha minor definizione ( qualità d' immagine), e minor peso.
I pixel sono come un grande pavimento che compone la foto, ogni mattonella è un pixel.
Se vi avvicinate al monitor del televisore, come anche a quello del computer, noterete i quadratini ( pixel), maggiori saranno i quadratini nello stesso spazio, migliore sarà la qualità dell'immagine.
Guardate le foto seguenti che ho alleggerito oltre la soglia della qualità visiva, togliendo dei pixel per compressione:
aumentando la compressione....
Le foto son omolto più leggere ma la qualità dell'immagine è pessima.
Ora vorrete sapere quanti Byte deve essere una foto ottimale per internet, quindi per le vostre news.
Come già detto il peso della foto dipende dalla sua grandezza e definizione, quindi una volta che avete ridimensionato la foto affinchè entri nella pagina delle news, dovrete alleggerila di peso fino a raggiungere la soglia tra la qualità visiva dell'immagine e la sua distorsione, fermandovi poco prima, quello sarà il lavoro ottimale.
Di solito le foto piccolissime vanno da 1 Byte a, formato cartolina di 500.000 byte, fino a 900.000 byte per le più grandi pubblicabili in internet per il rispetto delle condizioni sopracitate, velocità di apertura, rapporto qualità dell'immagine e minor peso.
In genere, parlando di kb ( kilobyte) il peso delle nostre foto si mantiene tra questi margini, da 50 a 90 KB, se si arriva a 120 o 130 kb non accade nulla, però non andiamo oltre!
Questo peso lo potrete controllare sulle foto in vostro posseso, sia prima che dopo la lavorazione.
Come fare per dimensionare una foto
Nel vostro computer avete sicuramente una cartella immagini, aprite una foto e controllate le sue dimensioni e il peso a mezzo del tasto destro del mouse, cliccando su proprietà.
Attenzione, quando cliccate su una foto, vi si apre un programma per la visualizzazione, se questa è molto grande, in automatico il sistema la ridurrà virtualmente solo per farvela vedere negli spazi del vostro monitor.
Di fatto questa può essere molto più estesa.
In alcuni programmi per la visualizzazione o lavorazione delle foto avrete notato una casella per la riduzione in %
Le dimensioni originali della foto sono il 100%, diminuendo la percentuale, le dimensioni di visualizzazione si riducono, ma spesso solo otticamente, perchè se provate a salvarla con un altro nome e l'aprite, sarà delle stesse dimensioni e peso di quella originale.
Questo concetto serve a farvi capire che non vi dovete fidare di ciò che vedete ma la certezza l'avrete vedendo i dati indicati quando andate a controllare le proprietà della foto.
Queste e altre informazioni sembrano difficili da capire, ma con un po' di pratica li apprenderete in men che non si dica.
Per lavorare le foto, sia per ridurne le dimesioni che il loro peso, DOVRETE USARE UN PROGRAMMA DI LAVORAZIONE FOTO.
Photo shop, corel, ecc ecc.
Io uso corel 9, è un programma semplice da usare, professionale ed è anche in italiano. :)
Se non avete alcun programma di lavorazione, su segnalazione di Nicola M. di Verona , potete scaricare questo programmino gratuitamente da internet, è semplice, intuitivo, anche questo è in italiano! :)
Ecco le istruzioni per lavorare con il programma che avete scaricato e istallato nel vostro computer, seguiranno le descrizioni corredate da foto come abbiamo già fatto per il corso di primo livello.
Procediamo in questo modo, scaricate la grande e pesante foto che segue nel vostro computer, inserendola nella cartella "immagini" o altra cartella da voi nominata a piacere, ad esempio "provafoto" con l'accortezza di ricordarvi dove questa è ubicata ( percorso) nel vostro computer.
Aperta la foto cliccare con il tasto destro del mouse e poi cliccare su "salva immagine con nome" , vi si aprirà una finestra ove vi si chiederà di indicare il percorso di salvataggio, dovrete quindi selezionare la cartella "immagini" oppure la cartella che avete creato per l'occasione, ad esempio " provafoto".
Fatto ciò aprite il programma di lavorazione delle foto, quello che avete scaricato e istallato, si aprirà così:
in alto a sx di questo programma, cliccate su file, si aprirà una finestra a tendina, poi cliccate su apri.
Il programma aprirà la seguente finestra di ricerca, selezionate quindi la cartella in cui avete inserito la grande foto da lavorare che avete scaricato nel vostro computer.
Selezionate il nome della foto e cliccate su apri.
Se avete seguito tutti i passaggi il programma di lavorazione si presenterà così:
Se vedete ciò siete sulla buona strada, in caso contrario rileggete e seguite meglio le istruzioni sin dai primi passaggi.
Ora per ridimensionare la foto basterà cliccare sulla voce " immagine" posta nella barra in alto del programma di lavorazione e poi su su "Ridimensiona" visibile sulla finestra a tendina.
Dovreste vedere questo:
Ora, lasciate le impostazioni del pannello così come sono, andate solo a modificare il campo larghezza, se notate la foto originale è di 80, 15 centimetri ( quasi un metro!!!) facendo attenzione di non togliere la spunta nella voce "mantenere le proporzioni" inserite nel campo larghezza, una dimensione ottimale.
Questa modifica la potete effettuare sia cliccando sulle freccette a destra della misura riportata cliccando su "^"oppure inserendo manualmente i cm nel campo.
Ad esempio inseriamo larghezza 18 centimetri e clicchiamo su "OK" .
Fatto ciò sarà ben visibile al foto appena ridimensionata.
Il primo passo è fatto, ora passiamo al secondno, il suo alleggerimento per la pubblicazione in internet.
Cliccate di nuovo sulla voce "file" del programma, sempre ubicata in alto a sx, nella finestra a tendina che si aprirà cliccate su "salva con nome".
Apparirà quanto segue:
Nel "campo salva in " dovete selezionare la cartella di destinazione della foto che avete appena lavorato.
Qualora darete lo stesso percorso e lo stesso nome ove è ubicata quella originale grande, il sistema vi chiederà se volete sovrascrivela, se la vostra risposta sarà affermativa avverrà la sostituzione.
In tal caso avrete perso la foto molto definita dal vostro archivio, insomma quella che era molto definita per fare stampe o poster.
Vi consiglio quindi di decidere un percorso diverso, io di solito creo una nuova cartella con nome " foto alleggerite".
Nel campo "nome file", potete lasciare il nome originale oppure cambiarlo a piacimento, l'importante che non sia lungo e che non contenga simboli come: ' ! " ecc ecc
Fate anche attenzione a non chiamarla con i nomi comunemente usati, ad esempio "foto 1"- 001- immagine1-. tartufo, tartufi, cane ecc ecc
Vi dico ciò perchè questa foto andrà poi pubblicata nel server del sito, ove ci sono decine di migliaia di foto con i nomi più disparati e, qualora vi sia nel server una foto con lo stesso nome della vostra, questa verrà sostituita con la più recente e quindi l'argomento già pubblicato da tempo non rappresenterà più la foto all'epoca pubblicata e inerente lo stesso, bensi la vostra.
Di solito il sistema vi avvisa che vi è già un file con lo stesso nome, in tal caso necessiterà da parte vostra il cambio nome usando il tasto destro del mouse, la voce "rinomina", ecco perchè dovrete nominare una foto con nomi non usuali, ad esempio "tartufo1635" e cioè un nome comune seguito da un numero o da numeri e lettere, ad esempio "tartufo15gr63, sarà così improbabile che questa sia già presente nel server del sito.
Prima di salvare la foto appena lavorata dovete fare attenzione che questa venga salvata nella giusta estensione.
Nella finestra "salva in" dovete selezionare il formato JPEG , altri formati non vengono riconosciuti dal server, quindi in caso di errore, questa non sarà visibile nella news da parte dell'utenza.
Fatto tutto ciò cliccate su "Salva".
Apparirà questa finestra, utile per alleggerire il peso alla foto.
Facendo scorrere il cursone a sx e a destra potrete notare il cambio di qualità dell' immagine e quindi del suo relativo peso in KB ( kilobyte).
Il punto esatto ove fermarsi è, come già detto, ove vi sia un rapporto ottimale tra la qualità dell'immagine che vediamo con i nostri occhi e il peso minore in KB.
Quindi la decisione deve ricadere nella posizione del cursore di scorrimento, poco prima di una palese distorsione della stessa, specialmente nei confroni di quanto raffigurato e nei colori.
Ricordate comunque che il peso massimo da non superare non deve essere superiore ai 90 KB per ogni foto, eccezionalmente per foto molto grandi, ma pur sempre rientranti nella pagina web, non superare mai i 120/130 KB.
Cliccando su OK, avrete la foto pronta, ridimensionata per la pagina web, con qualità visiva ottimale e con un peso idoneo per internet, questa la troverete nella cartella del vostro computer, da voi scelta o creata.
Logicamente se avete più foto da pubblicare vi conviene prima lavorarle tutte e inserirle nella cartella scelta, potrete poi passare alla pubblicazione sul trovatartufi mediante il pannello di pubblicazione delle vostre news.
Vediamo quindi ora come pubblicarle.
Inserimento di foto ridimensionate e alleggerite nelle news:
Attenzione, quanto segue può essere espletato solo da chi ha passato il primo livello, avrà l'ok direttamente nei commenti delle news prova testuali da lui pubblicate:
L'elenco di cui sopra verrà aggiornato costantemente.
Istruzioni:
Raggiungete il pannello login per accedere alla sezione di lavorazione news, vi rammento il percorso:
Inserite il titolo "Prova foto (seguito dal vostro nome) "
Descrizione, "Prova pubblicazione foto"
Nel corpo pubblico inserite "lavori in corso"
Nel corpo privato inserite : "questo è quanto ho fatto"
Cliccate su invia.
Abbiamo quindi inserito una nuova news solo testuale, ora andiamo ad integrare la foto sulla stessa. ( non vi ho detto di fare tutto subito perchè se vi scade il tempo perderete il lavoro fatto).
Clicchiamo su modifica, selezionate la news appena pubblicata ( non quella meno recente).
Ora cliccate su "per inviare immagini cliccare qui". voce ubicata sopra il titolo della news.
Vedrete questa finestra:
Ora cliccate su "Sfoglia" a dx del campo immagine 1, si aprirà la seguente finestra di ricerca:
Andate ora a selezione il percorso di ricerca della foto che avete lavorato, quindi in "Cerca in " la cartella ove l'avete salvata, selezionate poi il "Nome file" che sarebbe il nome che avete assegnato alla foto (questo si inserirà automaticamente se cliccate sull'icona della foto lavorata, riportata all'interno della cartella selezionata).
Selezionate nel campo "Tipo file" l'estensione JPEG.
Fatto tutto ciò cliccate su "Apri".
Apparirà quanto segue, come potete ben notare nel campo relativo alla " immagine1" il sistema ha trascritto il percorso ove si trova la foto da voi lavorata.
Se avevamo altre foto pronte ( ridimensionate e alleggerite) potevamo ripetere la procedura ........... per far trascrivere al sistema il percorso delle altre foto, in seguito vi spiegherò come fare per inserirne anche dieci e oltre.
Ora, sopra il campo immagine uno cliccate su (C), noterete in fondo al corpo news dopo "Fine Privato", la scritta (IMAGE 1) come da foto che segue.
La scritta "(Image1)" , comprensiva delle parentesi deve essere trasferita nel corpo riservato, tra le scritte" inizio privato" "fine Privato" .
Ora cliccate su invia e andate a controllare il lavoro fatto se sarà OK abbiamo quasi finito, mancano solo informazioni di perfezionamento e dopo sarete abilitati a inserire news con testo e foto direttamente dal vostro computer, però, fino a quando non vi darò il via singolarmente, non pubblicate nulla di diverso da quanto è previsto dal corso on line.
Perfezionamento news con testo e foto
Chi ha superato la seconda fase, riuscendo a pubblicare una news testuale comprensiva di una foto prenda anche atto di quanto segue:
Per ogni news è possibile inserire una massimo di tre foto ad ogni invio di pubblicazione, NONOSTANTE IL PROGRAMMA FACCIA VEDERE 5 CAMPI IMMAGINE. Ciò è dovuto ad un problema nel sistema che ancora non ho individuato.
Niente paura, potrete pubblicare lo stesso più di tre foto con la seguente procedura:
Inserite le prime tre foto da pubblicare, cliccate su ( C) sopra ogni campo del percorso della foto inserita e troverete quindi la scritta, dopo "fine privato" : ( IMAGE1) (IMAGE2) (IMAGE3).
Trasferite tale scritte tra il testo ove intendete che le foto appaiano, facendo attenzione che ogni scritta ( image1) image 2) (image3) ecc siano ognuna a capo e nn in sequneza, in pratica :
(IMAGE1)
(IMAGE2)
(IMAGE3)
e non ( IMAGE1) (IMAGE2) (IMAGE3) perchè in tal caso le foto pubblicate saranno affiancate e allargheranno tutta la news.
Se ciò accade basterà separare il codice battendo "INVIO" per portare quest'ultimo a capo.
Fatto ciò, cliccate su "Invia".
Richiamate la news con " modifica news", per inserire altre foto ripetete la procedura, usando sempre i primi tre campi per aggiungere i percorsi delle ulteriori nuove foto.
Cliccando di nuovo su ( C) sopra ogni campo del percorso immagini, noterete sempre dopo "fine privato privato" di nuovo le scritte
( IMAGE1)(IMAGE2)(IMAGE3).
Trasferite tali scritte tra il testo ove intendete che le foto appaiano,
( IMAGE1)
bla bla bla bla
(IMAGE2)
bla bla bla
(IMAGE3
bla bla bla
cliccate su "Invia".
Noterete che nella news avete così pubblicato 6 foto.
Quindi, se necessario, potete pubblicarne altre ripetendo la procedura, l'importante è non superare 3 foto ad" invio" perchè in tal caso la 4 e la 5 non si vedranno per un problema che spero di risolvere presto.
--------------------------
Se avete notato l'inserimento del vostro testo nella sezione pubblica questi rimane centrato nella news, è conveniente allinearlo a sinistra, ciò risulterà possibile includendo prima del testo stesso questo codice che potete copiare e incollare, oppure trascrivere manualmente rispettando però spazi e simboli.:
<p align="left">
-------------------------
Per l'inserimento di link ipertestuali cliccabili usare il seguente codice, sostituendo la parola " percorsopaginada segnalare" con il link.
<p><a href="http://www.percorsopaginadasegnalare/">Clicca qui </a></p>
----------------------
Per l'inserimento di codici per la visualizzazione di filmati nella vostra news, ad esempio quelli inseriti su you tube, basterà copiarlo e incollarlo, questo codice è indicato affianco al filmato del sito citato ed è denominato con la voce "codice da incorporare"
Questo che segue è un esempio di codice del filmato pubblicato su you tube, relativo al raduno nazionale A.T.T.I. 2009 :
Questo andrà inserito sempre tra i codici "inizio privato" fine privato", cliicando su invia, una volta on line, si visualizzerà come segue:
.
---------------------
Ricordate che con il programma di lavorazione foto potete ritagliarle per eliminare spazi insignificanti avendo così modo di portare meglio in primo piano il soggetto in essa contenuto, aggiungere testi nelle stesse, fare fotomontaggi ecc ecc
----------------------
Cercate di inserire nei testi delle vostre news la punteggiatura, correggere gli errori di battitura ecc ecc
Indicate sempre nella parte pubblica la seguente frase:
Ciao a tutti sono (NOME) di ( Città/ provincia)
Bla bla bla
eventuale foto,
bla bla
.--------------------
Per ora non mi viene altro da indicare, qualora mi venga in mente lo inserirò in queste pagine.
---------------------
Corolo che sarano abilitati per aver suoperato con esito favorevole questo corso on line per la pubblicazione di news con testo e foto direttamente dal proprio computer, riceveranno una mia e-mail.
Siamo alla fine, ora bisogna accettare un minimo di regole:
Avvertenze e istruzioni da rispettare, condizioni da accettare, per la pubblicazione delle news, cliccare qui per leggerle, questo sarà comprensivo dell' elenco dei sostenitori autorizzati a pubblicare le news con testo e/o foto previa loro conferma di lettura e accettazione del contenuto de quò.
