Mostrar imágenes de Google Drive en tu sitio web (2023)
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 click en "Share".
- Asegúrate que la configuración sea "Anyone with the link" o en español "Cualquier persona con el link".
- Da click al botón de copiar enlace.
- Pega el link en la herramienta. Si tienes mas 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.
