14

While I love the rich image set readily available to me, I'd like to include custom images (my drawings, photos...) in draw.io documents. Is it possible?

I've tried CTRL+V with a clipboard image but with no success.

9

The marked answer is old and is no longer correct.
Click Arrange → Insert → Insert Image.

  • 1
    this answer is technically correct, I'd prefer the drag and drop method – Kenneth Garza Mar 9 '16 at 16:07
  • 1
    This answer is correct for the current version, and once you go through the steps of this method it allows for drag and drop, as well as a URL. – RustProof Labs Apr 20 '16 at 23:00
  • directly importing from local file can resize your image. You need to do the trick: keep the draw.io's page active, drag your image, before the mouse reach the page's region, remember to press and keep Ctrl button, then drop it in the page. – Truong Nguyen May 17 '16 at 10:03
  • Em português esse mesmo comando encontra-se no menu "EXTRAS" – Jean Feb 14 '17 at 14:57
5

You need to go logged into a Google Account to import images. When you are, click the image icon (4th from right on toolbar) and the Google Image Picker appears. Select from the options on the left to either DnD an image into the picker or pick an image from the local filesystem.

  • Ah, the Image icon. Now I feel really embarrassed (is long day at work a valid excuse? :-) ). Thank you for your help (unfortunately I cannot upvote you as I don't have enough rep right now). – Peter Kovac May 28 '13 at 6:45
  • removed my answer friend – BlueBerry - Vignesh4303 May 28 '13 at 10:00
  • I can't seem to find the option to load from "local filesystem". Having only just started using draw.io, I'm reluctant to hook it straight up to my Google Drive. Am I missing something? – Michael12345 Apr 5 '14 at 19:53
  • 4
    @Michael12345 Just drag and drop the images from your file explorer to the diagram. – David Apr 6 '14 at 9:23
  • Oh wow @David, that's awesome - it works. I'm starting to really really like this software. – Michael12345 Apr 6 '14 at 21:09
3

You can now simply drag-and-drop an image file onto the canvas to insert an image.

Precautionary note: If you are worried your browser will consider the dropped image as a link and set your url to the path of the image, potentially making you lose progress, then you can simply open a new draw.io tab, drag and drop the image on there, ctrl+c it, go back to your first draw.io tab, ctrl+v.

  • ctrl+c then ctrl+v on a new draw.io tab does not work. It remains a link. You have to save the image to local drive and then drag it back onto the draw.io diagram. – Curtis Yallop Jun 15 '17 at 16:17
  • Hi Curtis! I just tested it, worked with me on Chrome ... here's exactly what I did: Opened two draw.io tabs, drag and drop an image onto the first one, it loaded, clicked the image, ctrl+c, moved to the next tab, ctrl+v – Rani Kheir Jun 16 '17 at 18:22
  • Right-click your image, choose "Edit Image". Does it start with "data:" or "http"? When I do your exact steps, my copied image remains a link (http). – Curtis Yallop Jun 21 '17 at 19:36
  • Starts with 'data:', are you dragging an image from another tab? I was dragging images from my desktop ... but I just tried dragging an image from another tab (url ends with .jpg) and it copy pasted fine onto another draw.io tab too, it did start with 'https:' too. – Rani Kheir Jun 21 '17 at 21:25

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.