JPEG, PNG, and SVG images can all be inserted into the diagram editor at diagrams.internet with drag and drop or via the menu.

Image files in diagrams work in the same mode as in documents - yous tin resize, rotate and flip them as a single image, but you can't resize whatsoever components within the epitome.

Insert an prototype into a diagram

Elevate and drop

Drag the image file on your computer, or drag the epitome from a web page in your browser window, and driblet it onto the drawing sheet at diagrams.cyberspace.

Once the image file has been loaded into the editor, yous can resize it or rotate information technology just like a shape.

Via the menu

  1. Select Arrange > Insert > Image.
  2. Paste the URL to your image file, or elevate it from your desktop onto the dialog.

Note: Larger epitome files may take a few moments before they are visible in the diagram editor.

Paradigm quality and size

Big images dull down the browser and editor, specially when autosaving your diagram. If you are using a deject platform like Google Drive or One Bulldoze, the file size of the image yous insert into the editor counts towards your account's

  1. When you first drag an image into the diagram editor, select whether you want to resample/resize an epitome then that it is not and then big, or continue the paradigm quality and size the same as the original file.
  2. Click on the Remember this setting checkbox and then you are not prompted every time you lot add an paradigm to your diagram.

To alter this setting once more, you volition need to delete two entries from your browser's internal storage.

Reset the image quality and size setting

As your browser remembers this setting in its internal storage, y'all will need to clear that to reset the image quality and size settings for the diagrams.internet editor.

If you are using Firefox, follow the steps below. These steps are similar in other browsers.

  1. Press Ctrl+Alt+I on Windows or Cmd+Pick+I on macOS to open the browser debugger console.
  2. On the Storage tab, correct-click on the database(default) entry under https://app.diagrams.net in the _Indexed DB section and select Delete "database (default).
  3. Right-click on the https://app.diagrams.cyberspace entry under the Local Storagesection and select Delete All.

When you next add an prototype to your diagram, yous will be prompted to choose the image quality and size behaviour.