Come ottenere il link diretto di una foto da Picasa Web Album e come modificare le dimensioni cambiando la stringa dell'URL della foto.
In Febbraio di questo anno gli utenti di Blogger si sono tutti preoccupati per il ritiro del supporto a Picasa a vantaggio di Google Foto. La data fatidica doveva essere quella del 15 Marzo ma in realtà da allora per Picasa Web Album non è cambiato sostanzialmente niente.
È stata ritirata l'applicazione Picasa per Desktop ma si possono ugualmente creare album e aggiungere foto su Picasa Web Album. Ricordo che tutte le immagini pubblicate nei nostri blog su Blogger finiscono in un apposito album di Picasa che prende il nome dallo stesso blog. Anche le immagini pubblicate con Open Live Writer continuano a essere caricate senza problemi su Picasa. Quando viene raggiunto il numero di 2000 foto in un album di OLW ne viene subito creato un altro così come accadeva con Windows Live Writer. Andando però su Carica si possono creare anche album indipendenti da blog e OLW per poi darli un nome qualsiasi. Di default l'album prende il nome della data in cui viene creato.
COME RICAVARE IL LINK DIRETTO DI UNA IMMAGINE SU PICASA
Il link diretto o hotlink di una immagine è un indirizzo web che innanzitutto termina con l'estensione del file che può essere .jpg, .png oppure .gif. Inoltre quando si incolla tale URL nel browser e si clicca su Invio nella scheda che si apre si deve vedere l'immagine e nient'altro. L'URL diretto è fondamentale per pubblicare una immagine nel web secondo questa sintassi
<img src="URL_DIRETTO_FOTO" alt="nome-foto" title="titolo-foto"/>
Gli attributi Alt e Title servono rispettivamente per il Testo Alternativo e per il Titolo della Immagine. Il primo è importante dal punto di vista SEO mentre il secondo è il tooltip che si visualizza quando si passa sopra alla foto con il mouse. È importante usare Picasa per postare non solo tutte le foto presenti negli articoli ma anche le eventuali icone perché vengono minimizzate le richieste HTTP a beneficio di una velocizzazione del caricamento della pagina web. Per trovare l'hotlink di una immagine su Picasa ci sono due sistemi, il primo semplicissimo e il secondo più ortodosso. In entrambi i casi bisogna essere sicuri che l'album non sia bloccato. Dopo aver cliccato sull'album si va sulla destra e si clicca su Modifica se l'album avesse una privacy impostata su Solo tu. Si può scegliere indistintamente Pubblica sul web oppure Solo chi ha il link. In entrambi i casi non sono richiesti i dati di accesso per visualizzare la foto. Con Pubblica sul web l'album sarà anche visibile nella Bacheca pubblica dell'utente.
Primo metodo - Si clicca sulla immagine per aprirla in una scheda del browser in cui non ce ne siano altre. Ci si clicca sopra con il destro del mouse e si sceglie Copia indirizzo immagine
L'indirizzo potrà essere incollato in un file di testo e avrà questa sintassi
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA40CfQvKow8wPfxT9IB2PeULCndn_ViB3yuq7Z_joY68E9r9NB1lAY2n3CHIWI3IV0DhtQZr9FCIeF-wrxj0yq-7G_8V51a4yd0oZASXmtBwZgDYg_nlf6RjErJyn6i8yGh7HiTpZUCE/s160/19.jpg
Secondo metodo - Dopo aver cliccato sulla foto si clicca sulla destra su Link a questa foto
Si mette la spunta a Solo immagine (nessun link) e si sceglie Dimensione originale. Il link diretto sarà quello sotto a Incorpora immagine evidenziato di marrone nello screenshot mentre l'indirizzo evidenziato di giallo è il link alla pagina di Picasa che contiene la foto.
MODIFICARE LE DIMENSIONI DELLE IMMAGINI DALL'INDIRIZZO
Nell'URL della immagine mostrato come esempio è stato colorata di rosso la stringa s160 che è fondamentale per modificare l'immagine tramite l'URL. Sia gli URL presi con il primo sia con il secondo metodo da qualche tempo mostrano una larghezza massima di 800 pixel. Hanno cioè s800 nell'URL anche se l'immagine è molto più grande. Si può però avere il link diretto alla immagine originale modificando tale stringa p.e. con s1600 che era il valore di default fino a qualche tempo fa
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyFVRdMB7BkFiW2H2R3QAD5svB2En-VoY6GzGEbDOstVsDPYjhIlW7tmeuYMjxYfhUGrQm0lQD1lpdqcRrYc0EY5mP1K8pf0JKDLEfqTp8qSEVTeD3HaXqocsAJFhilbVefOTpzGQ1HJU/s1600/immagine-prova.jpg
Si può modificare la larghezza della foto direttamente dall'URL Per esempio se nella foto precedente si sostituisce s1600 con s600 si avrà una foto larga 600 pixel. Si può anche aumentare la larghezza della foto originale per esempio in questo modo
https://lh3.googleusercontent.com/-IoDJtVAwoP0/V5sdST6D9sI/AAAAAAAA3Vc/WPiUBEQ6afEnOBEctzwzkvbpCGPwDChpgCCo/s2400/immagine-prova.jpg
L'immagine perderà di qualità ma sarà della larghezza impostata. Se al posto di s si utilizza w verrà impostata automaticamente la larghezza. Per esempio
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyFVRdMB7BkFiW2H2R3QAD5svB2En-VoY6GzGEbDOstVsDPYjhIlW7tmeuYMjxYfhUGrQm0lQD1lpdqcRrYc0EY5mP1K8pf0JKDLEfqTp8qSEVTeD3HaXqocsAJFhilbVefOTpzGQ1HJU/w500/immagine-prova.jpg
sarà una immagine larga 500 pixel. L'altezza verrà ricalcolata automaticamente mantenendo le proporzioni. Per impostare l'altezza a prescindere si usa h. Per esempio questo URL
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyFVRdMB7BkFiW2H2R3QAD5svB2En-VoY6GzGEbDOstVsDPYjhIlW7tmeuYMjxYfhUGrQm0lQD1lpdqcRrYc0EY5mP1K8pf0JKDLEfqTp8qSEVTeD3HaXqocsAJFhilbVefOTpzGQ1HJU/h800/immagine-prova.jpg
è quello di una immagine alta esattamente 800 pixel con la larghezza in proporzione.
COME IMPOSTARE LARGHEZZA E ALTEZZA DI UNA IMMAGINE
Si può anche impostare la larghezza massima e l'altezza massima. Per esempio questo URL
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyFVRdMB7BkFiW2H2R3QAD5svB2En-VoY6GzGEbDOstVsDPYjhIlW7tmeuYMjxYfhUGrQm0lQD1lpdqcRrYc0EY5mP1K8pf0JKDLEfqTp8qSEVTeD3HaXqocsAJFhilbVefOTpzGQ1HJU/w300-h200/immagine-prova.jpg
mostrerà una foto di dimensioni 240x200 pixel perché l'altezza massima di 200 pixel viene raggiunta prima della larghezza massima di 300 pixel mantenendo la stessa proporzione. Viceversa questo URL
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyFVRdMB7BkFiW2H2R3QAD5svB2En-VoY6GzGEbDOstVsDPYjhIlW7tmeuYMjxYfhUGrQm0lQD1lpdqcRrYc0EY5mP1K8pf0JKDLEfqTp8qSEVTeD3HaXqocsAJFhilbVefOTpzGQ1HJU/w300-h200-c/immagine-prova.jpg
in cui si è modificato w300-h200 in w300-h200-c mostrerà una immagine esattamente di dimensioni 300x200 pixel. Non verrà però deformata ma sarà tagliata la parte eccedente
In conclusione se si incolla questo URL nel browser a cui è stato aggiunto -d
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyFVRdMB7BkFiW2H2R3QAD5svB2En-VoY6GzGEbDOstVsDPYjhIlW7tmeuYMjxYfhUGrQm0lQD1lpdqcRrYc0EY5mP1K8pf0JKDLEfqTp8qSEVTeD3HaXqocsAJFhilbVefOTpzGQ1HJU/s800-d/immagine-prova.jpg
verrà scaricata l'immagine di larghezza 800 pixel. Si può quindi creare un codice come questo
<div align='center'>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixtnnzPiYHyhKQNHyRh1NHZI87HVU9F8dNB8QhMoihtcTRJL28eepzKjhbxK6QSwbwtUlynIIQvNuUTJY6rO-GenxcyxW6xLiCSoA0Dt0-9jR3koLR2GVULGelhiCCIJg5bhrIUb0NlIc/s590-d/fiori.jpg">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixtnnzPiYHyhKQNHyRh1NHZI87HVU9F8dNB8QhMoihtcTRJL28eepzKjhbxK6QSwbwtUlynIIQvNuUTJY6rO-GenxcyxW6xLiCSoA0Dt0-9jR3koLR2GVULGelhiCCIJg5bhrIUb0NlIc/s300/fiori.jpg" />
</a>
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixtnnzPiYHyhKQNHyRh1NHZI87HVU9F8dNB8QhMoihtcTRJL28eepzKjhbxK6QSwbwtUlynIIQvNuUTJY6rO-GenxcyxW6xLiCSoA0Dt0-9jR3koLR2GVULGelhiCCIJg5bhrIUb0NlIc/s590-d/fiori.jpg">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixtnnzPiYHyhKQNHyRh1NHZI87HVU9F8dNB8QhMoihtcTRJL28eepzKjhbxK6QSwbwtUlynIIQvNuUTJY6rO-GenxcyxW6xLiCSoA0Dt0-9jR3koLR2GVULGelhiCCIJg5bhrIUb0NlIc/s300/fiori.jpg" />
</a>
</div>
che mostrerà ai lettori questa immagine larga 300 pixel
I lettori che ci cliccheranno sopra scaricheranno invece una foto da 590 pixel.
Nessun commento :
Posta un commento
Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy