IntelliJ IDEA suggests several ways to view images, embedded in the HTML files. You can use navigation to source, open an image in an external graphical editor, or preview images on-the-fly. The viewing modes are configurable in the Images dialog.

To view an image in IntelliJ IDEA
  1. In the Project tool window, select the desired image file.
  2. On the context menu of the file, choose Jump to Source, or press ⌘↓F4F3F4F4.

Configure the path to the desired external editor in the External Editor section of the Images dialog.

To view an image in an external editor
  1. In the Project tool window, select an image file.
  2. On the context menu of the file, choose Open in external editor, or press ⌥⌘F4⌥⌘F4⌥⌘F4^ ⌥ F4^ ⌥ F4.
To preview an image, place the caret at a reference to an image in the editor, and do one of the following
  • On the context menu, choose Jump to Source.
  • Invoke the Navigate to declaration feature by pressing ⌘B⌘BF3F12^ ⌥ G.