Saltar al contenido principal

Mostrar imágenes de Google Drive en tu sitio web (2024)

· 2 min de lectura
Yayo Arellano
Yayo Arellano
Software Engineer

Quieres mostrar imágenes de Google Drive en tu sitio web, blog, etc. He creado esta herramienta que te ayuda a generar el código HTML o enlaces directos a tu imagen.

¿Cómo usar la herramienta?​

  • Selecciona la imagen que quieres mostrar en tu sitio web.
  • Presiona el botón de "Más" y da clic en "Share".

  • Asegúrate que la configuración sea "Anyone with the link" o en español "Cualquier persona con el link".
  • Da clic al botón de copiar enlace.

  • Pega el link en la herramienta. Si tienes más de una imagen asegúrate de separar los enlaces con un salto de línea.
  • Da click en "Generate Links".
  • Ya puedes copiar el código o enlace generado.

  • Pega el código generado en tu sitio web, por ejemplo:
<!DOCTYPE html>
<html>
<head>
  <title>Image From Google Drive</title>
</head>
<body>
/* Pega el código HTML Embed aqui:*/
<a href="https://drive.google.com/uc?export=view&id=18RX_EwpYdZsKU0QobLvNidmhvqJPEhrH">
  <img src="https://drive.google.com/uc?export=view&id=18RX_EwpYdZsKU0QobLvNidmhvqJPEhrH" width="100%"/></a>
</body>
</html>

Y eso es todo lo que tienes que hacer. Gracias por leer este artículo y espero que te ayude a mejorar tu sitio.