{
  "id": 421312,
  "title": "How to display image in a notebook/markdown?",
  "url": "/competitions/2023-kaggle-ai-report/discussion/421312",
  "author_name": "",
  "post_date": "2023-07-04T21:22:22.264979300Z",
  "votes": 1,
  "comment_count": 9,
  "views": 0,
  "content": "<p>I am using this markdown syntax to display image but it is not loading <br>\n<img src=\"../input/ai-timeline/AI_timeline.jpg\" alt=\"AI Timeline\"></p>\n<p>I checked the current directory, file permissions and image directory. Everything looks fine to me. What could I have missed? Any Idea</p>",
  "messages": [
    {
      "id": "2330278",
      "postDate": "07/04/2023 21:22:22",
      "content": "<p>I am using this markdown syntax to display image but it is not loading <br>\n<img src=\"../input/ai-timeline/AI_timeline.jpg\" alt=\"AI Timeline\"></p>\n<p>I checked the current directory, file permissions and image directory. Everything looks fine to me. What could I have missed? Any Idea</p>",
      "rawMarkdown": "I am using this markdown syntax to display image but it is not loading \n![AI Timeline](../input/ai-timeline/AI_timeline.jpg)\n\nI checked the current directory, file permissions and image directory. Everything looks fine to me. What could I have missed? Any Idea",
      "votes": null
    },
    {
      "id": "2330319",
      "postDate": "07/04/2023 22:35:10",
      "content": "<p>Check out this link - <a href=\"https://www.kaggle.com/discussions/questions-and-answers/173380\" target=\"_blank\">https://www.kaggle.com/discussions/questions-and-answers/173380</a></p>\n<p>You can also just drop the image from your local folder into the markdown cell and it should display.</p>",
      "rawMarkdown": "Check out this link - https://www.kaggle.com/discussions/questions-and-answers/173380\n\nYou can also just drop the image from your local folder into the markdown cell and it should display.",
      "votes": null
    },
    {
      "id": "2330349",
      "postDate": "07/04/2023 23:22:09",
      "content": "<p>Hi Suman,</p>\n<p>Display on Notebooks markdown cell:</p>\n<p>Click on the image that you want to display. Choose (right button on Google Chrome) \"copy image address\".<br>\nOn the markdown cell click on the image icon. Then paste the Url inside those parenthesis<br>\n ![](url to embed)</p>\n<p>Display on Topics/comments:</p>\n<p>However, to display on a Topic or comment is different: you have to remove the EXIF by clicking on the image, then choose Properties, Details,  Remove properties and personal information, Ok.<br>\nNow you have a copy, that you'll be able to share on a topic or comment. Then choose: (Upload image from computer). It will open Downloads window, then click on the copy that you made. It will be automatically placed inside the parenthesis.</p>\n<p>I hope it could help you.<br>\nMarília.</p>",
      "rawMarkdown": "Hi Suman,\n\nDisplay on Notebooks markdown cell:\n\nClick on the image that you want to display. Choose (right button on Google Chrome) \"copy image address\".\nOn the markdown cell click on the image icon. Then paste the Url inside those parenthesis\n ![](url to embed)\n\nDisplay on Topics/comments:\n\nHowever, to display on a Topic or comment is different: you have to remove the EXIF by clicking on the image, then choose Properties, Details,  Remove properties and personal information, Ok.\nNow you have a copy, that you'll be able to share on a topic or comment. Then choose: (Upload image from computer). It will open Downloads window, then click on the copy that you made. It will be automatically placed inside the parenthesis.\n\nI hope it could help you.\nMarília.",
      "votes": null
    },
    {
      "id": "2330432",
      "postDate": "07/05/2023 02:19:57",
      "content": "<p>Some image hosting websites may be blocked or incompatible. Does it work if you use imgur.com or GitHub to host your images?</p>",
      "rawMarkdown": "Some image hosting websites may be blocked or incompatible. Does it work if you use imgur.com or GitHub to host your images?",
      "votes": null
    },
    {
      "id": "2330497",
      "postDate": "07/05/2023 04:04:02",
      "content": "<p>Thank you so much. This method worked for me. </p>\n<p>Have you also seen any size issues after uploading the image while saving the notebook?</p>",
      "rawMarkdown": "Thank you so much. This method worked for me. \n\nHave you also seen any size issues after uploading the image while saving the notebook?",
      "votes": null
    },
    {
      "id": "2330501",
      "postDate": "07/05/2023 04:04:45",
      "content": "<p>Click on the image that you want to display. Choose (right button on Google Chrome) \"copy image address\".<br>\nOn the markdown cell click on the image icon. Then paste the Url inside those parenthesis<br>\n![](url to embed)<br>\nMethod worked for me.</p>\n<p>Have you also seen any size issues after uploading the image while saving the notebook?</p>",
      "rawMarkdown": "Click on the image that you want to display. Choose (right button on Google Chrome) \"copy image address\".\nOn the markdown cell click on the image icon. Then paste the Url inside those parenthesis\n![](url to embed)\nMethod worked for me.\n\nHave you also seen any size issues after uploading the image while saving the notebook?",
      "votes": null
    },
    {
      "id": "2330541",
      "postDate": "07/05/2023 04:29:24",
      "content": "<p>Will it also display and be committed while submitting the notebook to the competition?</p>",
      "rawMarkdown": "Will it also display and be committed while submitting the notebook to the competition?",
      "votes": null
    },
    {
      "id": "2331289",
      "postDate": "07/05/2023 13:21:00",
      "content": "<p>Once the image is on the Notebook, if the draft was saved. It will remain there.</p>\n<p>Sometimes, it's an image that could bring issues to Kaggle.<br>\nIn that case, the issue isn't with the image. It's about the authors of the images rights.  Then Kaggle team may remove it.</p>",
      "rawMarkdown": "Once the image is on the Notebook, if the draft was saved. It will remain there.\n\nSometimes, it's an image that could bring issues to Kaggle.\nIn that case, the issue isn't with the image. It's about the authors of the images rights.  Then Kaggle team may remove it.",
      "votes": null
    },
    {
      "id": "2331494",
      "postDate": "07/05/2023 15:29:57",
      "content": "<p>There is an option specifying image in the markdown</p>",
      "rawMarkdown": "There is an option specifying image in the markdown",
      "votes": null
    },
    {
      "id": "2331811",
      "postDate": "07/05/2023 19:39:12",
      "content": "<p>Yes it does.</p>",
      "rawMarkdown": "Yes it does.",
      "votes": null
    }
  ],
  "comments": [
    {
      "id": 2330319,
      "author_name": "gouriprakash",
      "author_url": "",
      "post_date": "07/04/2023 22:35:10",
      "content": "<p>Check out this link - <a href=\"https://www.kaggle.com/discussions/questions-and-answers/173380\" target=\"_blank\">https://www.kaggle.com/discussions/questions-and-answers/173380</a></p>\n<p>You can also just drop the image from your local folder into the markdown cell and it should display.</p>",
      "votes": null,
      "replies": [
        {
          "id": 2330541,
          "author_name": "sumanadhikari04",
          "author_url": "",
          "post_date": "07/05/2023 04:29:24",
          "content": "<p>Will it also display and be committed while submitting the notebook to the competition?</p>",
          "votes": null,
          "replies": [
            {
              "id": 2331811,
              "author_name": "gouriprakash",
              "author_url": "",
              "post_date": "07/05/2023 19:39:12",
              "content": "<p>Yes it does.</p>",
              "votes": null,
              "replies": []
            }
          ]
        }
      ]
    },
    {
      "id": 2330349,
      "author_name": "mpwolke",
      "author_url": "",
      "post_date": "07/04/2023 23:22:09",
      "content": "<p>Hi Suman,</p>\n<p>Display on Notebooks markdown cell:</p>\n<p>Click on the image that you want to display. Choose (right button on Google Chrome) \"copy image address\".<br>\nOn the markdown cell click on the image icon. Then paste the Url inside those parenthesis<br>\n ![](url to embed)</p>\n<p>Display on Topics/comments:</p>\n<p>However, to display on a Topic or comment is different: you have to remove the EXIF by clicking on the image, then choose Properties, Details,  Remove properties and personal information, Ok.<br>\nNow you have a copy, that you'll be able to share on a topic or comment. Then choose: (Upload image from computer). It will open Downloads window, then click on the copy that you made. It will be automatically placed inside the parenthesis.</p>\n<p>I hope it could help you.<br>\nMarília.</p>",
      "votes": null,
      "replies": [
        {
          "id": 2330497,
          "author_name": "sumanadhikari04",
          "author_url": "",
          "post_date": "07/05/2023 04:04:02",
          "content": "<p>Thank you so much. This method worked for me. </p>\n<p>Have you also seen any size issues after uploading the image while saving the notebook?</p>",
          "votes": null,
          "replies": [
            {
              "id": 2331289,
              "author_name": "mpwolke",
              "author_url": "",
              "post_date": "07/05/2023 13:21:00",
              "content": "<p>Once the image is on the Notebook, if the draft was saved. It will remain there.</p>\n<p>Sometimes, it's an image that could bring issues to Kaggle.<br>\nIn that case, the issue isn't with the image. It's about the authors of the images rights.  Then Kaggle team may remove it.</p>",
              "votes": null,
              "replies": []
            }
          ]
        }
      ]
    },
    {
      "id": 2330432,
      "author_name": "paultimothymooney",
      "author_url": "",
      "post_date": "07/05/2023 02:19:57",
      "content": "<p>Some image hosting websites may be blocked or incompatible. Does it work if you use imgur.com or GitHub to host your images?</p>",
      "votes": null,
      "replies": []
    },
    {
      "id": 2330501,
      "author_name": "sumanadhikari04",
      "author_url": "",
      "post_date": "07/05/2023 04:04:45",
      "content": "<p>Click on the image that you want to display. Choose (right button on Google Chrome) \"copy image address\".<br>\nOn the markdown cell click on the image icon. Then paste the Url inside those parenthesis<br>\n![](url to embed)<br>\nMethod worked for me.</p>\n<p>Have you also seen any size issues after uploading the image while saving the notebook?</p>",
      "votes": null,
      "replies": []
    },
    {
      "id": 2331494,
      "author_name": "harishbhalaas",
      "author_url": "",
      "post_date": "07/05/2023 15:29:57",
      "content": "<p>There is an option specifying image in the markdown</p>",
      "votes": null,
      "replies": []
    }
  ],
  "raw_markdown_by_id": {
    "2330278": "I am using this markdown syntax to display image but it is not loading \n![AI Timeline](../input/ai-timeline/AI_timeline.jpg)\n\nI checked the current directory, file permissions and image directory. Everything looks fine to me. What could I have missed? Any Idea",
    "2330319": "Check out this link - https://www.kaggle.com/discussions/questions-and-answers/173380\n\nYou can also just drop the image from your local folder into the markdown cell and it should display.",
    "2330349": "Hi Suman,\n\nDisplay on Notebooks markdown cell:\n\nClick on the image that you want to display. Choose (right button on Google Chrome) \"copy image address\".\nOn the markdown cell click on the image icon. Then paste the Url inside those parenthesis\n ![](url to embed)\n\nDisplay on Topics/comments:\n\nHowever, to display on a Topic or comment is different: you have to remove the EXIF by clicking on the image, then choose Properties, Details,  Remove properties and personal information, Ok.\nNow you have a copy, that you'll be able to share on a topic or comment. Then choose: (Upload image from computer). It will open Downloads window, then click on the copy that you made. It will be automatically placed inside the parenthesis.\n\nI hope it could help you.\nMarília.",
    "2330432": "Some image hosting websites may be blocked or incompatible. Does it work if you use imgur.com or GitHub to host your images?",
    "2330497": "Thank you so much. This method worked for me. \n\nHave you also seen any size issues after uploading the image while saving the notebook?",
    "2330501": "Click on the image that you want to display. Choose (right button on Google Chrome) \"copy image address\".\nOn the markdown cell click on the image icon. Then paste the Url inside those parenthesis\n![](url to embed)\nMethod worked for me.\n\nHave you also seen any size issues after uploading the image while saving the notebook?",
    "2330541": "Will it also display and be committed while submitting the notebook to the competition?",
    "2331289": "Once the image is on the Notebook, if the draft was saved. It will remain there.\n\nSometimes, it's an image that could bring issues to Kaggle.\nIn that case, the issue isn't with the image. It's about the authors of the images rights.  Then Kaggle team may remove it.",
    "2331494": "There is an option specifying image in the markdown",
    "2331811": "Yes it does."
  },
  "source": "meta"
}