Google

Comment afficher dans une page Web ou sur un blog une image stockée sur Google Drive ?

Vous avez une image dans votre Drive et vous voulez l’afficher sur votre site Internet. 

Si vous copiez le lien de partage dans la balise image de votre page HTML, ça ne fonctionnera pas. En effet, ce lien n’est pas conçu pour ça.

Prenons cet exemple : 

je veux partager cette image stockée dans mon drive.

Si je fais un clic droit dessus et que je modifie les options de partage, je vais choisir, “tous les utilisateurs qui ont le lien”. 

Pour récupérer le lien je vais cliquer sur « Récupérer le lien” ce qui va me donner ceci : 

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

Enfin, si j’utilise ce lien dans une balise IMG comme ceci. Ça ne fonctionnera pas.

<img src="https://drive.google.com/file/d/1n5dHgQQohRSsnzGd3BgJX6zMLD3SosXn/view?usp=sharing" />

En effet ce lien est uniquement conçu pour partager l’image au sein de l’environnement Google Drive.

Alors comment faire pour utiliser cette image dans une page HTML ou dans un Blog ?

1. Récupérer l’ID (l’identifiant) de l’image.

Dans l’exemple ci-dessous, l’ID est la partie située entre :

https://drive.google.com/file/d

et

/view?usp=sharing

c’est à dire :

1n5dHgQQohRSsnzGd3BgJX6zMLD3SosXn

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

2. Modifier la balise IMG

Écrivez la balise de cette façon : 

<img src="https://drive.google.com/uc?id=IDENTIFIANT" /> 

soit

<img src="https://drive.google.com/uc?id=1n5dHgQQohRSsnzGd3BgJX6zMLD3SosXn" />

Et le tour est joué !

Laisser un commentaire

ℹ Les champs de contact ne sont pas obligatoires (nom et e-mail), mais ils sont vivement conseillés si vous souhaitez recevoir une réponse.
Si vous laissez votre adresse e-mail, elle ne sera pas publiée.