Generare codice di incorporamento per qualsiasi immagine su 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 e 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 una 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 la tua immagine da incorporare nel tuo sito? Se devi ancora caricarla collegati su Google Foto per proseguire. 

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

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

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

Esempio:

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

Link diretto - https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6l7fA3Jb7MGFI-KP5VQJKMip5byjryOJWXAw9ueab8I3bOOCHfpZCd_87NUmic_oBn0Yt8jmNzwXGrY1wkLQW_ROyFj1DoyY4vt54G36njx3X4_vM69zFYQsl47uUbdTOy4W1mPhqD0B9/w2400/

Embed Code - <a href='https://photos.google.com/share/AF1QipO3bVnGrSFKI8TiW9oEPpPNbiWUy5_8mYaal528d7yGuYQuu1hTGTagornoDCCarg?key=N1ZlTHNtOUJzeFF5T2g3VlJnX3ZQY1p1bks2VEhn&source=ctrlq.org'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6l7fA3Jb7MGFI-KP5VQJKMip5byjryOJWXAw9ueab8I3bOOCHfpZCd_87NUmic_oBn0Yt8jmNzwXGrY1wkLQW_ROyFj1DoyY4vt54G36njx3X4_vM69zFYQsl47uUbdTOy4W1mPhqD0B9/w2400/' /></a>  (Codice da copiare e 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 della immagine

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6l7fA3Jb7MGFI-KP5VQJKMip5byjryOJWXAw9ueab8I3bOOCHfpZCd_87NUmic_oBn0Yt8jmNzwXGrY1wkLQW_ROyFj1DoyY4vt54G36njx3X4_vM69zFYQsl47uUbdTOy4W1mPhqD0B9/w2400

Il w2400 nell'URL indica che la larghezza massima della immagine sarà 2400 pixel. Se volessimo per qualsiasi motivo ridimensionarla, sarà 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