title: JavaFX Scene Builder, multiple ImageViews with the same image
body: <p>I have placed a few image views to the scene, all pointing to the same image with different 
  viewports.</p>
  
  <p><strong>generated fxml:</strong></p>
  
  <pre><code>&lt;AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1"&gt;
  &lt;children&gt;
      &lt;ImageView fitHeight="150.0" fitWidth="200.0" layoutX="80.0" layoutY="91.0" pickOnBounds="true" preserveRatio="true"&gt;
          &lt;image&gt;
              &lt;Image url="@../../../../../Pictures/sas.png" /&gt;
          &lt;/image&gt;
          &lt;viewport&gt;
              &lt;Rectangle2D height="50.0" minY="50.0" width="50.0" /&gt;
          &lt;/viewport&gt;
      &lt;/ImageView&gt;
      &lt;ImageView fitHeight="150.0" fitWidth="200.0" layoutX="308.0" layoutY="91.0" pickOnBounds="true" preserveRatio="true"&gt;
          &lt;viewport&gt;
              &lt;Rectangle2D height="50.0" minX="50.0" minY="50.0" width="50.0" /&gt;
          &lt;/viewport&gt;
          &lt;image&gt;
              &lt;Image url="@../../../../../Pictures/sas.png" /&gt;
          &lt;/image&gt;
      &lt;/ImageView&gt;
      &lt;ImageView layoutX="225.0" layoutY="250.0"&gt;
          &lt;image&gt;
              &lt;Image url="@../../../../../Pictures/sas.png" /&gt;
          &lt;/image&gt;
      &lt;/ImageView&gt;
  &lt;/children&gt;
  </code></pre>
  
  <p></p>
  
  <p>Question is, will this create 3 instances of the same image in memory?
  If yes, then what is the best ways to avoid it, url("") in style attribute, css class? I would like to avoid creating css class for each individual icon!</p>
  
  <p>Is it even worth using single large croped image for multiple icons &amp; UI elements instead of small image for each at this day &amp; age?</p>