Hébergeant des images sur Google Drive, Box ou SharePoint

Extension de la réponse susmentionnée. J’ai écrit une commande Unix pour que je puisse facilement le faire dans mon workflow.

Comment afficher les images de Google Drive sur un site Web?

Un de mes clients a téléchargé quelques photos sur leur Google Drive et j’aimerais que j’affiche ses photos sur le site Web de leur entreprise. J’ai examiné la documentation pour afficher le contenu Google Drive sur une page Web, mais il semble que ce soit simplement les instructions pour afficher le contenu sur une page Web, ce qu’il fait déjà. Ma question est: comment afficher le contenu directement sur la page Web du client?

34.1k 9 9 Badges d’or 67 67 Badges en argent 166 166 Badges en bronze

a demandé le 21 mars 2013 à 20:26

dix.4K 25 25 Badges d’or 69 69 Badges en argent 131 131 Badges de bronze

L’hébergement Google Drive est désormais obsolète. Il a cessé de travailler le 31 août 2016. Hébergement du calendrier de dépréciation

13 décembre 2016 à 16h52

TL; DR: Utilisez l’option “Get Link” dans Google Drive pour obtenir l’URL et modifier /ouvrir? pour / uc? (par exemple: https: //.Google.com / ouvert?id = xyz à https: //.Google.com / uc?id = xyz). Crédits: @Richard qui a donné la réponse ci-dessous

22 août 2017 à 12h45

21 Réponses 21

Exemple d’intégration d’une image Google Drive

URL d’origine: https: //.Google.com / file / d /0B6WYAZYZML-OGQ3VUO0Z2THDMC/voir

Vous devez copier l’ID à partir de l’URL d’origine (les caractères entre le / D / et / View) et l’utiliser dans cette URL:

https: //.Google.com / uc?export = vue et id =0B6WYAZYZML-OGQ3VUO0Z2THDMC

L’image ci-dessous est intégrée à l’aide de cette méthode:

          
 Télécharger  

répondu le 28 août 2018 à 22:36

2 409 2 2 badges d’or 19 19 badges en argent 16 16 badges en bronze

Aathi, ça ne marche pas pour moi. Même dans Codepen si j’utilise mon lien de lecteur, il n’affiche pas l’image. Y a-t-il un paramètre que nous devons fournir dans le lecteur du fichier?

8 mars 2019 à 11:13

@Aakriti.G êtes-vous sûr d’utiliser le bon ID?. J’arrive à copier au-delà de l’ID du dossier et non de l’ID d’image pendant un certain temps. Vous devez ouvrir l’image dans un nouvel onglet pour obtenir l’ID dans l’URL.

28 mai 2019 à 8:32

Cela fonctionne très bien. Assurez-vous que c’est un dossier public dans GDrive et obtenez le lien partageable. J’utilise une feuille de calcul où je colle le lien partageable généré par GDrive dans une cellule, puis j’utilise cette formule pour l’adapter aux fins décrites ici: remplacer ([IMG GDrive URL], 1,33, “Drive.Google.com / uc?export = View & id = “)

1 juin 2019 à 17:14

Parfait: +1: a travaillé pour moi! Il fallait également déterminer comment ajouter un HTML personnalisé à la signature Gmail, mais a tout réussi à finalement et cela fonctionne comme un charme, merci!

17 décembre 2019 à 18h30

J’aime que tu donne une démo en utilisant un vrai lien. Si nous pouvons le voir, cela signifie que cela fonctionne toujours: D

20 février à 20:26

Utilisez l’option «Obtenez le lien» dans Google Drive pour obtenir l’URL.

Utiliser <IMG> Tag dans HTML et collez le lien là-dedans.

Changer d’ouverture? Dans l’URL à UC? .

2 399 5 5 badges d’or 26 26 badges en argent 34 34 badges en bronze

répondu le 25 janvier 2016 à 14:01

1 243 2 2 badges d’or 8 8 badges en argent 2 2 badges en bronze

Brilliant, merci. Cela m’a tué toute la journée – où avez-vous appris ce petit bijou pour un “truc” (UC) et pourquoi le diable n’est pas plus connu. Maintenant pour recommencer à faire de la génialité avec des tables de fusion.

2 juillet 2017 à 10:19

INCROYABLE! Travailler en 2017!

29 août 2017 à 19:21

Hmmm, l’incantation habituelle est UC?export = vue et id =. mais semble que la vue export = est la valeur par défaut! (export = télécharger pour déclencher la boîte de dialogue Enregistrer peut aussi être utile)

19 sept. 2017 à 0:46

Pas pour moi; Mes liens sont du type https: //.Google.com / file / d / xxxx / vue?USP = partage

13 mai 2019 à 10h01

Vous pouvez utiliser le lien fourni dans la réponse de QUiTiweb: et remplacer le xxx par l’ID qui est dans l’URL que vous obtenez lorsque vous allez sur ‘Get Link’: ^)

14 juin 2021 à 10h51

J’ai trouvé un moyen de le faire sans utiliser de sites externes.

Vous devrez saisir l’ID de l’image: cliquez sur “Ouvrir dans une nouvelle fenêtre” et obtenir l’ID de l’URL.

109 8 8 Badges en bronze

répondu le 14 mars 2017 à 12h51

1 040 11 11 badges en argent 11 11 badges en bronze

Existe-t-il un moyen de gratter cet identifiant automatiquement?

15 mars 2017 à 15:15

Je n’ai pas trouvé de moyen de le faire, j’ai peur

4 avril 2017 à 12:11

Utilisez Regex pour extraire peut-être

28 juin 2017 à 10:44

Yup (septembre 2019)

14 sept. 2019 à 22:49

Un cookie associé à une ressource inter-sites sur Google.com a été défini sans l’attribut samesite.

3 octobre 2019 à 9h17

Si vous avez des fichiers d’image, téléchargez-les simplement sur un public Dossier sur votre Google Drive, copiez son ID de dossier de la barre d’adresse (e.g. 0b0gi4v5omozuvxhct2kta1l0zg8) Et collez-le sous une forme à GDrives pour choisir votre propre alias (E.g. myimgs) – et le tour est joué! Vous pouvez accéder aux images une par une en utilisant e.g. http: // gdriv.es / myimgs / myimage.jpg.

Si vous souhaitez intégrer un dossier entier sur votre site Web (dans un cadre), vous pouvez utiliser l’une des URL suivantes, en remplaçant [Folderid] par votre propre identifiant:

• http: // gdriv.es / myimgs /
• https: // docs.Google.com / dossier / d / [Folderid] / aperçu?RM = minimal

Hébergeant des images sur Google Drive, Box ou SharePoint

Extension de la réponse susmentionnée. J’ai écrit une commande Unix pour que je puisse facilement le faire dans mon workflow.

Comment afficher les images de Google Drive sur un site Web?

Un de mes clients a téléchargé quelques photos sur leur Google Drive et j’aimerais que j’affiche ses photos sur le site Web de leur entreprise. J’ai examiné la documentation pour afficher le contenu Google Drive sur une page Web, mais il semble que ce soit simplement les instructions pour afficher le contenu sur une page Web, ce qu’il fait déjà. Ma question est: comment afficher le contenu directement sur la page Web du client?

34.1k 9 9 Badges d’or 67 67 Badges en argent 166 166 Badges en bronze

a demandé le 21 mars 2013 à 20:26

dix.4K 25 25 Badges d’or 69 69 Badges en argent 131 131 Badges de bronze

L’hébergement Google Drive est désormais obsolète. Il a cessé de travailler le 31 août 2016. Hébergement du calendrier de dépréciation

13 décembre 2016 à 16h52

TL; DR: Utilisez l’option “Get Link” dans Google Drive pour obtenir l’URL et modifier /ouvrir? pour / uc? (par exemple: https: //.Google.com / ouvert?id = xyz à https: //.Google.com / uc?id = xyz). Crédits: @Richard qui a donné la réponse ci-dessous

22 août 2017 à 12h45

21 Réponses 21

Exemple d’intégration d’une image Google Drive

URL d’origine: https: //.Google.com / file / d /0B6WYAZYZML-OGQ3VUO0Z2THDMC/voir

Vous devez copier l’ID à partir de l’URL d’origine (les caractères entre le / D / et / View) et l’utiliser dans cette URL:

https: //.Google.com / uc?export = vue et id =0B6WYAZYZML-OGQ3VUO0Z2THDMC

L’image ci-dessous est intégrée à l’aide de cette méthode:

          
 Télécharger  

répondu le 28 août 2018 à 22:36

2 409 2 2 badges d’or 19 19 badges en argent 16 16 badges en bronze

Aathi, ça ne marche pas pour moi. Même dans Codepen si j’utilise mon lien de lecteur, il n’affiche pas l’image. Y a-t-il un paramètre que nous devons fournir dans le lecteur du fichier?

8 mars 2019 à 11:13

@Aakriti.G êtes-vous sûr d’utiliser le bon ID?. J’arrive à copier au-delà de l’ID du dossier et non de l’ID d’image pendant un certain temps. Vous devez ouvrir l’image dans un nouvel onglet pour obtenir l’ID dans l’URL.

28 mai 2019 à 8:32

Cela fonctionne très bien. Assurez-vous que c’est un dossier public dans GDrive et obtenez le lien partageable. J’utilise une feuille de calcul où je colle le lien partageable généré par GDrive dans une cellule, puis j’utilise cette formule pour l’adapter aux fins décrites ici: remplacer ([IMG GDrive URL], 1,33, “Drive.Google.com / uc?export = View & id = “)

1 juin 2019 à 17:14

Parfait: +1: a travaillé pour moi! Il fallait également déterminer comment ajouter un HTML personnalisé à la signature Gmail, mais a tout réussi à finalement et cela fonctionne comme un charme, merci!

17 décembre 2019 à 18h30

J’aime que tu donne une démo en utilisant un vrai lien. Si nous pouvons le voir, cela signifie que cela fonctionne toujours: D

20 février à 20:26

Utilisez l’option «Obtenez le lien» dans Google Drive pour obtenir l’URL.

Utiliser Tag dans HTML et collez le lien là-dedans.

Changer d’ouverture? Dans l’URL à UC? .

2 399 5 5 badges d’or 26 26 badges en argent 34 34 badges en bronze

répondu le 25 janvier 2016 à 14:01

1 243 2 2 badges d’or 8 8 badges en argent 2 2 badges en bronze

Brilliant, merci. Cela m’a tué toute la journée – où avez-vous appris ce petit bijou pour un “truc” (UC) et pourquoi le diable n’est pas plus connu. Maintenant pour recommencer à faire de la génialité avec des tables de fusion.

2 juillet 2017 à 10:19

INCROYABLE! Travailler en 2017!

29 août 2017 à 19:21

Hmmm, l’incantation habituelle est UC?export = vue et id =. mais semble que la vue export = est la valeur par défaut! (export = télécharger pour déclencher la boîte de dialogue Enregistrer peut aussi être utile)

19 sept. 2017 à 0:46

Pas pour moi; Mes liens sont du type https: //.Google.com / file / d / xxxx / vue?USP = partage

13 mai 2019 à 10h01

Vous pouvez utiliser le lien fourni dans la réponse de QUiTiweb: et remplacer le xxx par l’ID qui est dans l’URL que vous obtenez lorsque vous allez sur ‘Get Link’: ^)

14 juin 2021 à 10h51

J’ai trouvé un moyen de le faire sans utiliser de sites externes.

Vous devrez saisir l’ID de l’image: cliquez sur “Ouvrir dans une nouvelle fenêtre” et obtenir l’ID de l’URL.

109 8 8 Badges en bronze

répondu le 14 mars 2017 à 12h51

1 040 11 11 badges en argent 11 11 badges en bronze

Existe-t-il un moyen de gratter cet identifiant automatiquement?

15 mars 2017 à 15:15

Je n’ai pas trouvé de moyen de le faire, j’ai peur

4 avril 2017 à 12:11

Utilisez Regex pour extraire peut-être

28 juin 2017 à 10:44

Yup (septembre 2019)

14 sept. 2019 à 22:49

Un cookie associé à une ressource inter-sites sur Google.com a été défini sans l’attribut samesite.

3 octobre 2019 à 9h17

Si vous avez des fichiers d’image, téléchargez-les simplement sur un public Dossier sur votre Google Drive, copiez son ID de dossier de la barre d’adresse (e.g. 0b0gi4v5omozuvxhct2kta1l0zg8) Et collez-le sous une forme à GDrives pour choisir votre propre alias (E.g. myimgs) – et le tour est joué! Vous pouvez accéder aux images une par une en utilisant e.g. http: // gdriv.es / myimgs / myimage.jpg.

Si vous souhaitez intégrer un dossier entier sur votre site Web (dans un cadre), vous pouvez utiliser l’une des URL suivantes, en remplaçant [Folderid] par votre propre identifiant:

• http: // gdriv.es / myimgs /
• https: // docs.Google.com / dossier / d / [Folderid] / aperçu?RM = minimal
• https: //.Google.com / FolderView?id = [Folderid]

Si vous préférez obtenir la liste des fichiers dans XML ou JSON, vous pouvez utiliser YQL.

Remarque: vous pouvez utiliser Google + Photos pour héberger et intégrer également vos images.

1 1110 15 15 badges en argent 31 31 badges de bronze

répondu le 2 avril 2013 à 21h00

28.7k 15 15 Badges d’or 94 94 Badges en argent 105 105 Badges de bronze

Les ID de dossier sont plus de 28 caractères, c’est-à-dire combien de temps GDRIVES s’attend à ce que l’identification soit. Cela fonctionne pour les fichiers, mais il semble être rompu avec les dossiers maintenant.

11 juillet 2015 à 21:27

Ne fonctionne pas pour moi pour les photos en raison de la limite de caractère.

25 novembre 2015 à 7:25

GDrives utilise l’hébergement Google Drive, qui sera interrompu le 31 août 2016.

22 août 2016 à 23:05

grivade.es ne semble plus pertinente

1 juin 2019 à 16:54

Exactement: gdriv.es est totalement hors de propos maintenant. Je ne pouvais pas accéder à mes images publiques via mon code intégré sur ma page d’accueil sur les sites.Google.com.

20 sept. 2021 à 12:21

J’ai le même problème en ce moment mais cet article m’aide. Mises à jour de l’année 2020!

Ce sont les étapes de l’article:

1. Téléchargez votre image sur Google Drive.
2. Partagez votre image à partir de l’option de partage.
3. Copiez votre lien de partage (exemple: https: // lecteur.Google.com / file / d / 14hz3yspn-zbd4tu3nty1f05lsgdffwvp / View?USP = partage)
4. Copiez l’ID à partir de votre lien, dans le lien ci-dessus, l’ID est: 14HZ3YSPN-ZBD4TU3NTY1F05LSGDFFWVP
5. Jetez un œil au lien ci-dessous et remplacez l’ID. https: //.Google.com / vignette?id = 1jnwspr_bosbm7iijqttbl7lxx06nh9_r

1. Insérez maintenant le lien vers votre étiqueter.

Et maintenant ça devrait fonctionner.

répondu le 29 octobre 2020 à 13h52

232 2 2 badges en argent 7 7 Badges en bronze

Malheureusement, cette méthode ne vous donne qu’une petite version de 200px de large de votre image (une miniature). Mais si vous visitez la vignette /. URL, vous serez redirigé vers une nouvelle URL qui a un numéro à la fin que vous pouvez modifier pour obtenir une image de taille que vous souhaitez. Incroyable!

8 juin 2021 à 3:41

Cela fonctionne très bien pour les signatures HTML par e-mail!

27 octobre 2021 à 18:05

Mise à jour 18/02/2017 Google avait déprécié la fonction d’hébergement gratuit sur Google Drive et maintenant vous ne pouvez pas héberger votre site Web statique sur Google Drive gratuitement.

Mais si vous souhaitez héberger votre fichier JavaScript et CSS et images sur Google Drive, vous pouvez toujours le faire. Il vous suffit d’obtenir le permalien du fichier. suivant le tutoriel mis à jour (2017).

répondu le 18 février 2017 à 7:32

Vishal Chopra Vishal Chopra

364 5 5 badges en argent 9 9 badges en bronze

C’est la réponse mise à jour et la réponse la plus pertinente! @fmz

15 août 2017 à 10:49

Le lien n’est plus actif.

16 janvier 2019 à 18:49

@eskimwier Vous pouvez vérifier ce lien alternatif

2 sept. 2019 à 13:23

Eh bien, Dead-Link est l’une des raisons pour lesquelles Stack Overflow décourage vraiment la réponse uniquement.

15 août 2022 à 5:05

1. Lecteur ouvert au lecteur.Google.com et sélectionnez un fichier.
2. Cliquez sur le bouton Partager en haut de la page.
3. Cliquez sur Avancé dans le coin inférieur droit de la boîte de partage.
4. Cliquez sur la modification.
5. Choisissez – public sur le Web et cliquez sur Enregistrer.
6. Avant de fermer la zone de partage, copiez l’ID de document de l’URL dans le champ ci-dessous “Lien à partager”. L’ID de document est une chaîne de lettres et de chiffres en majuscules et en minuscules entre les barres obliques dans l’URL.
7. Partagez l’URL qui ressemble à “www.Google Drive.com / host / [doc id] où [doc id] est remplacé par l’ID de document que vous avez copié à l’étape 6.

Si vous souhaitez voir votre image dans un site Web, intégrez le lien vers la photo dans votre HTML comme d’habitude:

      
Exemple d'image de Google Drive
   

À partir du 31 août 2015, l’hébergement Web dans Google Drive pour les utilisateurs et les développeurs sera obsolète. Vous pouvez continuer à utiliser cette fonctionnalité pendant une période d’un an jusqu’au 31 août 2016, date.com / host / [doc id]. Plus d’informations

répondu le 20 juin 2015 à 19:01

Horloger horloger

4 758 1 1 badge d’or 36 36 badges en argent 38 38 badges en bronze

Héberger sur Google Drive à être obsolète bientôt. Hébergement sur Google Drive – Deprécation

23 sept. 2015 à 20:23

Ne fonctionne plus en raison de l’hébergement handicapé l’année dernière

29 août 2017 à 19:20

Extension de la réponse susmentionnée. J’ai écrit une commande Unix pour que je puisse facilement le faire dans mon workflow.

1. Copiez l’URL des photos Google Drive qui doivent être converties. E.g.

Copier URL de l’image Google Drive

https: //.Google.com / file / d / xxxx / vue?USP = partage 

1. Ouvrez le terminal et exécutez cette commande.

Echo https: //.Google.com / uc \?Export \ = View \ & id \ = `echo $ (pbpaste) | Cut -d '/' -f 6` 

https: //.Google.com / uc?export = vue et id = xxxx 

P.S. Si vous copiez la commande d’ici. Assurez-vous de copier à nouveau l’URL de l’image Google Drive. : P

Pas besoin de changer quoi que ce soit dans la commande étape 2 car il prend du presse-papiers. Assurez-vous qu’il est copié au bon format E.g. https: //.Google.com / file / d / xxxx / vue?USP = partage

répondu le 5 janvier 2020 à 20:45

1 088 4 4 badges d’or 16 16 badges en argent 28 28 badges en bronze

J’utilise en php, donc j’ai utilisé Expllode (‘d /’, url); ça marche râper merci

25 juin 2020 à 12:34

Si vous souhaitez intégrer des images Google Drive dans votre blogueur ou n’importe quel site, suivez simplement les instructions: –

Blogueur

1. Téléchargez l’image sur Google Drive
2. Cliquez sur l’image et partagez avec le public

répondu le 13 septembre 2019 à 17h58

sauv singh sauv singh

398 5 5 badges en argent 16 16 badges en bronze

Cette méthode vous permet d’incorporer l’image à la taille ou à la résolution dont vous avez besoin:

1. Créez un dossier dans votre Google Drive
2. Rendre le dossier (ou l’image lui-même) publique via le bouton “partager”
3. Copier l’URL et extraire l’ID. Ça devrait ressembler
   https: //.Google.com / file / d / id here / vues?USP = partage
4. Utilisez quelque chose comme ça comme votre image SRC:
   https: //.Google.com / vignette?id = $ & sz = w $ -h $ Exemple:
   https: //.Google.com / vignette?id = id here & sz = w200-h200

Vous pouvez modifier les chiffres après W et H pour obtenir la taille dont vous avez besoin. L’image sera rétrécie pour s’adapter à ces dimensions.

54.9K 17 17 Badges d’or 138 138 Badges en argent 133 133 Badges de bronze

répondu le 22 juillet 2020 à 20:12

Maicon Gilton Maicon Gilton

543 1 1 badge d’or 7 7 badges en argent 6 6 badges en bronze

Grande pourboire! J’adore la façon dont cette option vous permet d’étendre l’image à la taille dont vous avez besoin.

8 juin 2021 à 3:52

Assurez-vous également que vous avez rendu l’image publique avec “toute personne avec un lien”

6 juillet 2022 à 1:38

& sz = w $-h $ et & sz = w200-h200 ne fonctionnent pas pour moi

25 novembre 2022 à 5:38

répondu le 8 sept. 2015 à 20:06

91 1 1 badge en argent 3 3 badges en bronze

Comment augmenter la taille des images à l’intérieur du iframe

23 mars 2021 à 5:55

L’hébergement Google Drive est désormais obsolète. Il a cessé de travailler à partir du 31 août 2016.

J’ai supprimé l’explication de la façon d’héberger auparavant une image sur Google Drive.

6 979 4 4 badges d’or 24 24 badges en argent 38 38 badges en bronze

répondu le 11 décembre 2013 à 6h40

Alan Wells Alan Wells

30.4K 15 15 Badges d’or 103 103 Badges en argent 150 150 Badges de bronze

Hébergement sur Google Drive à obscurcir. Voir réponse mise à jour.

23 sept. 2015 à 20:19

J’utilise sur mon site WordPress car le stockage des fichiers d’image sur l’hôte local prend beaucoup d’espace et ralentit mon site

J’utilise Textmate car il est facile de modifier plusieurs URL en même temps en utilisant le bouton «Alt / Option»

2 187 8 8 badges d’or 26 26 badges en argent 43 43 badges en bronze

répondu le 25 mai 2018 à 11h05

Ryan Herter Ryan Herter

41 4 4 Badges en bronze

Basé sur différentes réponses, j’ai créé un outil pour aider à créer le code intégré HTML ou le lien direct.

Étapes 1: Copiez l’URL Google Drive.

https: //.Google.com / file / d / 18rx_ewpydzsku0qoblvnidmhvqjpehrh / vue?USP = partage 

Étape 2: Pase l’URL dans l’outil (vérifiez la capture d’écran) et cliquez sur Générer le lien, le résultat sera comme ceci:

répondu le 17 mars 2022 à 4h59

Yayo arellano yayo arellano

3 496 23 23 badges en argent 27 27 badges de bronze

1. Téléchargez l’image dans un dossier spécifique à DGrive
2. Faire de cette image comme un ennemi de vue qui a le lien
3. Copiez le lien, quelque chose comme: https: //.Google.com / file / d / image_id / modifier
4. Prenez l’IDE du lien
5. Utilisez l’ID avec le lien Ebelow: Drive.Google.com / uc?export = View & id = image_id

Cette référence si elle est très utile pour réparer les images HTML5 sur Outlook:

répondu le 27 novembre 2022 à 8h50

Hasan a Yousef Hasan A Yousef

22.1k 23 23 Badges d’or 127 127 Badges en argent 200 200 Badges de bronze

Je ne connais pas une meilleure façon mais vous pouvez dater la page avec PHP. Par exemple, si vous allez sur Google et partagez un dossier, accédez à ce dossier, il ressemblera à quelque chose

^^^ Pas un vrai lien

Ce que vous recherchez, ce sont les images individuelles dans le code source de cette page

Ensuite, en utilisant PHP, obtenez le code source avec

maintenant $ f a la source et vous pouvez utiliser d’autres commandes PHP pour séparer uniquement les URL avec les images que vous souhaitez. Cela prendra un peu de travail mais hautement réalisable.

Une fois que vous avez ces liens d’image montrant la façon dont vous voulez simplement les intégrer dans une structure de div ou de table à afficher sur une galerie, peut-être même ajouter un élément Greybox pour l’effet

2 399 5 5 badges d’or 26 26 badges en argent 34 34 badges en bronze

répondu le 23 août 2015 à 19:43

User3586571 User3586571

57 2 2 badges en bronze

Quelques alternatives intéressantes pour héberger publiquement une image sur le lecteur (déprécié):

1. Photos Google

Si vous téléchargez une image sur Google Photos au lieu de Drive, il obtient un lien Web public.

Ce comportement est un peu surprenant pour moi, mais le lien est très long et aléatoire, donc ils pratiquent apparemment “la confidentialité par obscurité.”

2. Dessin google

Si tu créer Une image utilisant le programme “Google Drawing” (intégré à Drive) Vous pouvez appuyer sur Fichier> Publier sur Web pour obtenir un lien public.

Remarque: ceci pourrait Soyez une solution si vous essayez de partager une image existante – collez l’image dans l’éditeur et recadrez la toile à votre image (Fichier> Configuration de la page) – mais c’est un peu lourd. Si vous devez effectuer un montage d’image de base, cependant, ou si vous essayez de créer une icône / graphique simple, je pense que c’est Nifty.

Hébergeant des images sur Google Drive, Box ou SharePoint

anikdas

Juillet 2021 Édité en décembre 2022 dans la base de connaissances communautaires

Qu’est-ce que la référence visuelle?

La référence visuelle pendant que la planification peut être un outil très puissant. Le cerveau humain traite l’image 60 000 fois plus rapide que le texte, et 90% des informations transmises au cerveau sont visuelles. Puisque nous sommes visuels par nature, nous pouvons utiliser cette compétence pour améliorer le traitement des données et l’efficacité organisationnelle.

Anaplan prospère dans cet aspect à travers plusieurs options de visualisation (graphiques, graphiques) pour mieux raconter une histoire sur les données sous-jacentes.

Mais qu’en est-il des images? Ne souhaitons-nous pas tous voir l’image du produit que l’on planifie tout en faisant la planification? C’était la prémisse sur laquelle des images ont été introduites dans Anaplan il y a presque 3 ans. C’est l’un des indices visuels les plus puissants lorsqu’un individu planifie à travers plusieurs dimensions.

Dans les cas d’utilisation de la chaîne d’approvisionnement, cela devient encore plus pertinent car il faut passer par plusieurs produits. En tant qu’individu faisant la planification, on aimerait comprendre visuellement les performances (vitesse de vente, couverture d’inventaire, etc.) d’un produit en associant l’image du produit aux données sous-jacentes.

Avec l’introduction d’images de grille dans l’UX à la fin de 2020, nous avons maintenant une place à Anaplan pour commencer à tirer parti de la puissance des indices visuels tout en faisant la planification.

Mais la question demeure – comment puis-je héberger les images que je veux montrer dans Anaplan?

À partir du 25 août 2021, Vous pouvez choisir entre 2 options de source pour vos images sur les cartes d’image:

1. [NOUVEAU] Intégrer une URL d’image directement dans la page, ou

2. Stockez le lien d’image dans un élément de ligne formaté URL

Hébergement d’images

Bien qu’il existe des sites d’hébergement d’images comme https: // imgbb.com / ou https: // imgur.com /, ils ne conviennent pas toujours au besoin. En tant qu’organisation, il est souvent nécessaire de gérer les images comme un emplacement central qui peut devenir difficile à gérer dans ces sites d’hébergement d’image.

L’hébergement d’images dans des sites de partage de fichiers comme Google Drive, Box ou SharePoint serait plus facile à gérer les images centralement en un seul endroit. Cet article se concentre sur ces 3 applications, mais il peut également être étendu à d’autres applications de partage de fichiers.

Des instructions étape par étape sur la façon d’utiliser ces sites car les emplacements d’hébergement pour les images sont ci-dessous:

Google Drive

• Étape 1: Téléchargez l’image sur Google Drive.
• Étape 2: cliquez avec le bouton droit sur l’image et cliquez sur “Partager”.

• Étape 3: modifiez la restriction en “Toute personne avec le lien”.
• Étape 4: cliquez sur “Copier le lien” Et vous devriez obtenir un lien comme ceci:

https: //.Google.com / fichier / d // Affichage?USP = partage

Étape 5: Le lien copié dans sa forme ne fonctionnerait pas, doit le convertir en un lien utilisable dans Anaplan. Les liens d’image anaplan doivent avoir une extension de fichier (JPG / GIF, etc.). Vous pouvez convertir le lien généré à l’étape précédente en un lien utilisable pour le partage à l’aide de l’ID de fichier (ou simplement utiliser l’utilitaire Excel dans la pièce jointe). Le lien converti doit être comme ceci:

https: //.Google.com / uc?id = # xxx.gif

Dossier

• Étape 1: Téléchargez l’image dans le dossier de la boîte.
• Étape 2: cliquez avec le bouton droit sur l’image et cliquez sur “Partager”.

• Étape 3: cliquez sur “Créer un lien partagé”. Assurez-vous de changer l’autorisation de “Les gens avec le lien” en bas de la fenêtre contextuelle.

• Étape 4: cliquez sur “Paramètres de liaison”. Copier le ”Lien direct” en bas de la fenêtre contextuelle. Vous pouvez l’utiliser directement dans Anaplan (aucune transformation nécessaire).

SharePoint

• Étape 1: Créez un site dans votre SharePoint

• Étape 2: Une fois le site créé, ouvrez le site et cliquez sur “Modifier” (supérieur droit)

• Étape 3: Ajoutez une nouvelle section (à partir du panneau de gauche) et choisissez une disposition de section comme vous adaptez

• Étape 4: Cliquez sur la connexion “+” dans la section nouvellement créée et choisissez l’option pour télécharger une image.

• Étape 5: Enregistrer et republier le site. Ouvrez le site republié -> Cliquez sur l’image que vous souhaitez -> Copier l’adresse de l’image.

• Vous obtiendrez un lien vers l’image mais cela ne se terminerait pas avec le format de fichier. Ajoutez le format de fichier (JPG / PNG / GIF) à la fin et vous obtiendrez un lien utilisable à utiliser dans Anaplan.

https: // anaplan.SharePoint.com />.jpg

• En utilisant SharePoint, vous pouvez restreindre l’accès aux images aux personnes de l’organisation.

Imgur

Sur la demande populaire, ajoutant “comment héberger d’Imgur” à cet article.

Merci à @pierre_kerkinni pour avoir contribué à cela.

1. Avant de télécharger des images, nous vous recommandons de configurer un compte pour suivre facilement toutes les images que vous téléchargez

1. Sélectionnez un nouveau message

1. Téléchargez toutes les images souhaitées sur Imgur

1. Une fois votre image téléchargée, cliquez sur les ellipses dans le coin supérieur droit de votre image et sélectionnez ‘Obtenez un lien de partage’

1. Les options BBCode ou Markdown devraient fournir à l’URL le ‘Hhtps: //’ Préfixe et suffixe d’extension de fichier approprié. Copiez le lien de l’image et stockez l’URL comme élément de ligne

1. Répétez ce processus jusqu’à ce que vous’ve a stocké tous les liens d’image en tant qu’éléments de ligne dans votre modèle’module S

Remarque: les liens Imgur expirent s’ils’n’est pas vu au moins une fois tous les 6 mois. Assurez-vous de voir les images sur une cadence régulière pour les empêcher d’expirer.

Veuillez noter: Anaplan a besoin des liens d’image pour commencer par “https” et se terminer par le format de fichier. L’URL doit être accessible au public afin que la demande de vue puisse être reconnue par la plate-forme Anaplan. Vérifiez ceci lorsque vous créez le lien, sinon vous pouvez vous retrouver avec l’image ci-dessous:

Heureux anaplanning et attendez avec impatience cette ux jazzy!

Hébergement et optimisation d’image

Si vos images sont trop petites, la qualité de l’image affichée dans Messenger sera médiocre, mais si elles sont trop grandes, elles peuvent ne pas se charger du tout. Vous voudrez vous assurer que vos images sont non seulement optimisées pour être les dimensions idéales, mais aussi une taille de fichier acceptable. Si vous avez des images enregistrées sur votre ordinateur, vous pouvez toujours cliquer avec le bouton droit pour obtenir des informations sur l’image et voir à la fois la taille et les dimensions du fichier.

La taille optimale du fichier est inférieure à 500 Ko et les dimensions recommandées pour les galeries d’images horizontales sont de 909×476 pixels, donc ils ont l’air bien sur presque tous les appareils (mobile et bureau). Si vous n’avez pas d’images à la taille du pixel souhaité, vous pouvez perdre une certaine qualité, mais fournir une image d’au moins 500×262 pixels .

La taille recommandée pour les images carrées est de 909×900 pixels, ce qui rend vos médias sans faille sur presque tous les appareils (mobile et bureau). Si vous n’avez pas d’images de cette résolution, les images qui sont d’au moins 500×500 pixels sont toujours acceptables, et la plupart des utilisateurs ne remarqueront pas une baisse de la qualité de l’image.

Si vous cliquez avec le bouton droit sur votre image et obtenez des informations, vous pouvez voir les dimensions de l’image, puis effectuer des ajustements si nécessaire. Dans cet exemple, les dimensions de l’image peuvent être trop grandes. Cependant, si la taille du fichier (KB) est acceptable, vos images fonctionneront toujours. Ils peuvent ne pas afficher exactement comme vous l’intendez.

N’oubliez pas que si une image est trop petite, l’image sera déformée dans Messenger, mais si elle est trop grande, l’image peut ne pas se charger du tout. La taille du fichier est toujours le facteur le plus important pour déterminer si une galerie chargera des images. Vous devrez peut-être expérimenter, mais chaque fois que votre bot fait une demande d’une feuille Google, l’image de Messenger mettra à jour en temps réel.

Réglage des dimensions de l’image

Si vous devez recadrer vos images dans une dimension cible, nous recommandons PicResize, un outil d’édition d’image en ligne gratuit, ou vous pouvez utiliser un éditeur d’image par défaut sur votre ordinateur, ou l’outil de recadrage dans Adobe Photoshop.

Comprimer la taille de l’image

Si vous devez compresser vos images à une taille de fichier plus raisonnable, nous recommandons Tinypng. Tinypng comprimera les types de fichiers PNG et JPEG. Lorsque vous téléchargez vos images compressées, vous devrez peut-être renommer vos fichiers afin qu’ils correspondent aux noms de fichiers dans votre feuille Google.

Vous pouvez télécharger et télécharger des images individuellement, ou télécharger plusieurs images à la fois, puis télécharger un fichier zip avec les images compressées.

Hébergement d’images

Vous devrez héberger vos images quelque part, puis inclure un lien vers le fichier hébergé dans votre feuille Google.

Il existe une variété d’options d’hébergement d’images et bien que la plupart soient gratuits, certaines méthodes d’hébergement d’image peuvent être plus fiables que d’autres. Votre hôte de cloud personnel (je.e. Google Drive ou Dropbox) peut fonctionner pour des volumes très faibles car ceux-ci ont été conçus pour votre propre consommation de médias et un partage limité à la famille et aux amis. Il existe des services d’hébergement d’images sur le Web qui sont gratuits et prennent en charge une plus grande échelle, mais sont des services partagés entre vous et d’autres membres de la communauté du service. Gérer votre propre site Web et l’utiliser pour héberger des images est la plus fiable, mais est généralement livré avec un coût.

Hébergeant des images avec Imgur

Imgur est un service Web construit spécifiquement pour l’hébergement d’images et offre de meilleures performances, capables de servir des images à grande échelle dans les réseaux sociaux. Imgur est gratuit et les attentes devraient être que tout service gratuit peut ne pas être fiable à 100%. Pour héberger vos images avec Imgur, vous voudrez peut-être créer un compte gratuit afin que vous puissiez facilement accéder à toutes vos images à l’avenir. Cliquez sur “Nouveau post” pour télécharger une image.

Faites glisser l’image depuis votre bureau vers la fenêtre de téléchargement sur Imgur

Vous n’avez pas besoin de donner un titre à votre message. Roulez simplement l’image et cliquez sur les trois points pour accéder au menu et cliquez sur Obtenir des liens de partage .

À partir des options de partage d’images, copiez le lien de BBCode à votre presse-papiers car ce lien comprend l’extension de fichier (PNG ou JPG) pour votre image et vous devrez vous lier directement vers le fichier lui-même, pas une page Imgur.

Supprimez le [IMG] du début et de la fin de l’URL, donc c’est juste un lien direct vers le fichier image. Collez le lien direct vers le fichier d’image hébergé dans votre feuille Google. L’extension du fichier image doit être à l’URL, avec https: // au début du lien.

Hébergeant des images avec IMGBB

Tout comme IMGUR, IMGBB est un service d’hébergement d’image sur le Web gratuit. Sélectionnez une image à partir de votre ordinateur pour télécharger et assurez-vous que ne pas Autodelete est sélectionné avant de télécharger. Cela garantira que votre image est hébergée indéfiniment.

Après avoir cliqué sur Télécharger, sélectionnez l’option BBCode complète complète dans le menu et vous recevrez un code. Vous pouvez copier le lien vers votre presse-papiers, mais il y a des données au début et à la fin du lien que vous voudrez supprimer afin qu’il vous reste le lien direct vers le fichier image hébergé.

Voici à quoi ressemblera le lien dans votre feuille Google.

Hébergeant des images de votre propre serveur Web

Si vous avez déjà votre propre site Web, vous hébergez déjà des fichiers d’image sur un serveur Web et il vous suffit d’ajouter un lien direct vers le fichier image dans votre feuille Google. Godaddy et une gamme d’autres fournisseurs d’hébergement Web facilitent l’hébergement d’images, mais facturent un petit coût pour l’hébergement Web mensuel. Ici, vous pouvez voir une image d’une pizza est hébergée dans un dossier “Images” sur un serveur Web et en utilisant un programme FTP, le fichier a été transféré d’un ordinateur vers le serveur Web.

Une fois l’image stockée sur le serveur Web, vous pouvez saisir le chemin direct vers le fichier image de votre navigateur Web, copier le lien Coller l’image dans une feuille Google.

Hébergeant des images de Google Drive

Vous pouvez héberger des images de Google Drive et tout comme vous devez rendre votre feuille Google partageable pour que les données soient accessibles par botsheets, rendez vos images partageables aussi. Google Drive n’a pas été conçu pour héberger des images qui pourraient être demandées fréquemment, et certainement pas à l’échelle. Si vous exécutez un chatbot avec une faible quantité de trafic et que vous ne faites pas de demandes fréquentes de Botsheets, cette méthode pourrait être acceptable, bien que nous recommandons Imgur comme première option d’hébergement d’image. Vous pouvez importer cette feuille Google qui a une formule intégrée à la feuille qui convertira les liens vers un format convivial messager. Regardez cette vidéo sur la façon de rendre vos images accessibles à partir de Google Drive.

En conclusion, bien que l’hébergement d’images de Google Drive peut être pratique et collaboratif, choisissez cette option pour des robots à très faible volume où vous ne faites que quelques demandes de Botsheets peu fréquentes. Imgur et IMGBB sont des services d’hébergement d’images basés sur le cloud conçus pour l’échelle, mais ceux-ci sont également gratuits et vous obtenez ce que vous payez dans n’importe quel service gratuit. L’un ou l’autre fournira des performances acceptables cependant pour la plupart des cas d’utilisation. Pour Ultimate Limilité, envisagez d’héberger vos propres images à partir de votre propre compte d’hébergement Web.