Insertar imágenes desde Google Drive en una página web

Cómo poder utilizar imágenes que tienes guardadas en Google Drive y no eres capaz de que se muestren en tu página web aunque estén compartidas al público. Con este sencillo truco puedes utilizar las imágenes que tengas almacenadas en Google Drive en cualquier página web.

Para ello, lo primero que debes hacer es darle al botón compartir  la imagen de Google Drive.
Haz click en Avanzado y luego  en Configuración para compartir hacemos que la imagen sea Público en la web.
Ahora copia los caracteres entre «file/d/» y  «view?»

Y ahora para crear la URL que corresponde a tu imagen, debes usar la siguiente cadena:

«http://drive.google.com/uc?export=view&id=FILEID«

cambiando FILEID con la cadena de caracteres que copiaste en el paso anterior.

Aquí te muestro el código que debes emplear para insertar esa imagen. 

EJEMPLO

Puedes ver en la siguiente imagen como la hemos insertado directamente desde Google Drive utilizando el código explicado.

Pacodroify

En la imagen anterior puedes ver la diferencia. Al pulsar sobre ella nos lleva a la dirección nativa de la imagen. Pero si sigues el enlace que te da Google Drive accederás al visor de imágenes de Google Drive, el cual no te deja insertar la imagen en una página web con esa dirección. Observa la dirección web de la imagen que Google Drive te ofrece para compartir en el siguiente enlace.

https://drive.google.com/file/d/1Vmo0PnMSPJjnCmHI_A1aaR2KE2lMAC0D/view?usp=sharing

Como puedes observar, he reemplazado 1Vmo0PnMSPJjnCmHI_A1aaR2KE2lMAC0D por FILEID y ya he podido insertar mi imagen en la página web.

Leave a Reply

19 − diecisiete =