{"id":252436,"date":"2025-02-24T09:33:16","date_gmt":"2025-02-24T17:33:16","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/visualstudio\/?p=252436"},"modified":"2025-02-25T07:27:33","modified_gmt":"2025-02-25T15:27:33","slug":"attach-images-in-github-copilot-chat","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/visualstudio\/attach-images-in-github-copilot-chat\/","title":{"rendered":"Leverage vision in Copilot Chat"},"content":{"rendered":"<p><span class=\"TextRun SCXW44648517 BCX8\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW44648517 BCX8\">Now, in the preview channel, you can attach images in<\/span><span class=\"NormalTextRun SCXW44648517 BCX8\"> GitHub Copilot<\/span><span class=\"NormalTextRun SCXW44648517 BCX8\"> chat to help you <\/span><span class=\"NormalTextRun SCXW44648517 BCX8\">illustrate <\/span><span class=\"NormalTextRun SCXW44648517 BCX8\">your ideas<\/span><span class=\"NormalTextRun SCXW44648517 BCX8\"> effectively and get the best <\/span><span class=\"NormalTextRun SCXW44648517 BCX8\">responses<\/span><span class=\"NormalTextRun SCXW44648517 BCX8\">.<\/span><\/span><span class=\"EOP SCXW44648517 BCX8\" data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2025\/02\/Upload-image-icon.png\"><img decoding=\"async\" class=\"alignnone  wp-image-252439\" src=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2025\/02\/Upload-image-icon-300x138.png\" alt=\"Upload image to copilot prompt box\" width=\"487\" height=\"224\" srcset=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2025\/02\/Upload-image-icon-300x138.png 300w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2025\/02\/Upload-image-icon-1024x472.png 1024w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2025\/02\/Upload-image-icon-768x354.png 768w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2025\/02\/Upload-image-icon.png 1047w\" sizes=\"(max-width: 487px) 100vw, 487px\" \/><\/a><\/p>\n<p><span data-contrast=\"auto\">Imagine working on a UI development task where describing a design or layout through text just doesn&#8217;t cut it. Or perhaps you&#8217;re debugging an issue and need to share a screenshot of an error state or message. Starting in 17.13 Preview channels, you can now paste an image from your clipboard or use the paperclip icon in the chat window to upload your image directly from your file explorer. Simply add your prompt text and send! Copilot will analyze the image and use it as additional context to generate a better response.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2025\/02\/Breakout-Game-Vision-Example.png\"><img decoding=\"async\" class=\"alignnone  wp-image-252438\" src=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2025\/02\/Breakout-Game-Vision-Example-236x300.png\" alt=\"Vision attachment breakout game example\" width=\"448\" height=\"570\" srcset=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2025\/02\/Breakout-Game-Vision-Example-236x300.png 236w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2025\/02\/Breakout-Game-Vision-Example-805x1024.png 805w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2025\/02\/Breakout-Game-Vision-Example-768x976.png 768w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2025\/02\/Breakout-Game-Vision-Example.png 1072w\" sizes=\"(max-width: 448px) 100vw, 448px\" \/><\/a><\/p>\n<p><span class=\"TextRun SCXW40513968 BCX8\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW40513968 BCX8\">In this <\/span><span class=\"NormalTextRun SCXW40513968 BCX8\">simple <\/span><span class=\"NormalTextRun SCXW40513968 BCX8\">example, Copilot was able to <\/span><span class=\"NormalTextRun SCXW40513968 BCX8\">interpret the attached image<\/span><span class=\"NormalTextRun SCXW40513968 BCX8\"> context as a colorful <\/span><span class=\"NormalTextRun SCXW40513968 BCX8\">breakout game<\/span><span class=\"NormalTextRun SCXW40513968 BCX8\">. <\/span> <span class=\"NormalTextRun SCXW40513968 BCX8\">Combining that request with <\/span><span class=\"NormalTextRun SCXW40513968 BCX8\">the open file<\/span><span class=\"NormalTextRun SCXW40513968 BCX8\"> and the loaded project, Copilot can create a plan and suggest code to scaffold an entire working project from scratch. When combined with the<\/span><span class=\"NormalTextRun SCXW40513968 BCX8\"> iteration<\/span><span class=\"NormalTextRun SCXW40513968 BCX8\"> power of <\/span><\/span><a class=\"Hyperlink SCXW40513968 BCX8\" href=\"https:\/\/learn.microsoft.com\/en-us\/visualstudio\/ide\/copilot-edits?view=vs-2022\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"TextRun Underlined SCXW40513968 BCX8\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW40513968 BCX8\" data-ccp-charstyle=\"Hyperlink\">Copilot edits<\/span><\/span><\/a><span class=\"TextRun SCXW40513968 BCX8\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW40513968 BCX8\">, even more is possible with existing code bases. Check out this <\/span><span class=\"NormalTextRun SCXW40513968 BCX8\">clip <\/span><span class=\"NormalTextRun SCXW40513968 BCX8\">of the Microsoft Ignite session that previewed this functionality<\/span><span class=\"NormalTextRun SCXW40513968 BCX8\"> to see it in action.<\/span><\/span><span class=\"EOP SCXW40513968 BCX8\" data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559685&quot;:0,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><iframe title=\"YouTube video player\" src=\"\/\/www.youtube.com\/embed\/-y3FEblPRj4?si=iToQQsKoYxzqUo5Y&amp;start=1594\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h3 aria-level=\"1\"><span data-contrast=\"none\">More details<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;134245418&quot;:true,&quot;134245529&quot;:true,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559685&quot;:0,&quot;335559737&quot;:0,&quot;335559738&quot;:360,&quot;335559739&quot;:80,&quot;335559740&quot;:259}\">\u00a0<\/span><\/h3>\n<p><span data-contrast=\"auto\">PNG, JPG, and GIF image attachments are only supported in the preview release on GPT-4o, though the model will only take a single frame of an animated GIF. Additionally, you can attach up to three images per message, providing ample space to convey your ideas visually. <\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<h3 aria-level=\"1\"><span data-contrast=\"none\">Building with your feedback<\/span><span data-ccp-props=\"{&quot;134245418&quot;:true,&quot;134245529&quot;:true,&quot;335559738&quot;:360,&quot;335559739&quot;:80}\">\u00a0<\/span><\/h3>\n<p><span data-contrast=\"auto\">This capability to attach images in GitHub Copilot chat helps bring the latest in LLM improvements to work for you in Visual Studio. To continue to improve these experiences, please share your feedback on <a href=\"https:\/\/aka.ms\/ChatImageAttachments\">this survey<\/a>.<\/span><\/p>\n<p>As we continuously strive to improve Visual Studio, and your feedback is invaluable! We appreciate your ongoing support and are excited to bring you this new feature to enhance your coding experience.<span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Now, in the preview channel, you can attach images in GitHub Copilot chat to help you illustrate your ideas effectively and get the best responses.\u00a0 Imagine working on a UI development task where describing a design or layout through text just doesn&#8217;t cut it. Or perhaps you&#8217;re debugging an issue and need to share a [&hellip;]<\/p>\n","protected":false},"author":98326,"featured_media":252439,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6888,6967,155],"tags":[6883,6974,6924,6969],"class_list":["post-252436","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-copilot","category-github-copilot","category-visual-studio","tag-copilot","tag-copilotfree","tag-github-copilot","tag-github-copilot-chat"],"acf":[],"blog_post_summary":"<p>Now, in the preview channel, you can attach images in GitHub Copilot chat to help you illustrate your ideas effectively and get the best responses.\u00a0 Imagine working on a UI development task where describing a design or layout through text just doesn&#8217;t cut it. Or perhaps you&#8217;re debugging an issue and need to share a [&hellip;]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts\/252436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/users\/98326"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/comments?post=252436"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts\/252436\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/media\/252439"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/media?parent=252436"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/categories?post=252436"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/tags?post=252436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}