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.

. 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.













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 dell'immagine scelta con il codice di incorporamento della stessa.









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

POTREBBE PIACERTI ANCHE