Generare codice di incorporamento per qualsiasi immagine su Google Foto

google foto

Incorpora immagini nel tuo sito web o nel blog tramite Google Foto

Google Foto è sicuramente uno dei migliori servizi se non il migliore per il backup delle foto digitali sul cloud. Non vi è restrizione di archiviazione, si può caricare le immagini ed i video e grazie al motore di ricerca visiva integrato si possono facilmente trovare le foto per volti o oggetti nell'immagine. Purtroppo manca ancora qualcosa.

Come sicuramente saprai già, puoi facilmente condividere le tue foto con chiunque utilizzando un link, ma come sicuramente avrai notato, Google Foto non offre alcuna opzione per incorporare un'immagine esistente in un sito web. In pratica, se hai già caricato una o più immagini su Google Foto, non puoi incorporarla direttamente nel tuo sito web o blog tramite Google Foto.

In realtà, grazie ad una Web App è possibile generare codice di incorporamento per qualsiasi immagine su Google Foto.

Nota: L'app funziona solo per immagini singole e non per l'intero album. 

Ecco come procedere:

1) Vai su CTRLQ.Org (Embed Google Photos)
Hai già caricato l'immagine da incorporare nel tuo sito? Bene. Se devi ancora caricarla collegati su Google Foto per proseguire. 

2) Seleziona l'immagine da incorporare da Google Foto, fai clic sul pulsante Condividi e quindi su Recupera link per generare un link condivisibile per quell'immagine. 



link di condivisione google foto

3) Incolla il link nella casella "Paste Google Photos Link Here..." e genera il codice di incorporamento con un clic sul bottone "Generate Code".

link diretto

Sarà creato dopo questi semplici passaggi il link diretto dell'immagine scelta con il codice di incorporamento della stessa.

embed code

Esempio:
Link Google Foto - https://photos.app.goo.gl/0TMpLjpnKsBqRinS2

Link diretto - https://lh3.googleusercontent.com/oXh57vZw4y6KqSc5hV8La8jhZvCKTEApt6wKw4f3zH-ubxw8MGTgpcw83syE2JOEpQF8DjVmwd2Ec44XCwiwc1l8yy1xJNcjqv7mfeaEZh1pt5qHfYo8IdrDZLaE0AMByQnpSYq7Bg=w2400

Embed Code<a href='https://photos.google.com/share/AF1QipO3bVnGrSFKI8TiW9oEPpPNbiWUy5_8mYaal528d7yGuYQuu1hTGTagornoDCCarg?key=N1ZlTHNtOUJzeFF5T2g3VlJnX3ZQY1p1bks2VEhn&source=ctrlq.org'><img src='https://lh3.googleusercontent.com/oXh57vZw4y6KqSc5hV8La8jhZvCKTEApt6wKw4f3zH-ubxw8MGTgpcw83syE2JOEpQF8DjVmwd2Ec44XCwiwc1l8yy1xJNcjqv7mfeaEZh1pt5qHfYo8IdrDZLaE0AMByQnpSYq7Bg=w2400' /></a>  (Codice da copiare ed incollare sul tuo sito o blog)

Questa tecnica può anche essere utilizzata per incorporare immagini in HTML Mail senza la necessità di dover utilizzare un servizio di hosting di immagini esterno .

Cambia altezza e larghezza dell'immagine

È possibile ridimensionare l'immagine intervenendo direttamente sul link della stessa. Prendiamo come esempio questo link diretto (il logo di questo blog).

https://lh3.googleusercontent.com/oXh57vZw4y6KqSc5hV8La8jhZvCKTEApt6wKw4f3zH-ubxw8MGTgpcw83syE2JOEpQF8DjVmwd2Ec44XCwiwc1l8yy1xJNcjqv7mfeaEZh1pt5qHfYo8IdrDZLaE0AMByQnpSYq7Bg=w2400

Il w2400 nell'URL indica che la larghezza massima dell'immagine sarà 2400 pixel. Se volessimo per qualsiasi motivo ridimensionare l'immagine, sara sufficiente cambiarne il valore. Ad'esempio: w300 o w5000 per diminuirne o aumentarne i pixel. 
L'altezza verrà regolata automaticamente per preservare le proporzioni originali.

Con questo non ho più nulla da aggiungere. Buon lavoro a tutti! 

Codice incorporato e ridimensionato a 700 pixel

Posta un commento

Per commentare potete usare un account Google / Gmail oppure in anonimo. Si prega di non inserire link cliccabili nei vostri commenti. Il vostro intervento dovrà essere il più pertinente possibile all' articolo in questione. Seleziona "Inviami notifiche" per ricevere via email le risposte.