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 ⌘↓, F4, ⌘↓ or F4F4 or F4F3 or F3F4, F4 or F4F4, F4 or F4.

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 or ⌥⌘F4⌥⌘F4 or ⌥⌘F4⌥⌘F4 or ⌥⌘F4^ ⌥ F4, ⌃⌥F4 or ⌃⌥F4^ ⌥ F4, ⌃⌥F4 or ⌃⌥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, ⌘Button1 Click, Button2 Click, ⌘B, ⌘Button1 Click or Button2 Click⌘B, ⌘Button1 Click, Button2 Click, ⌘B, ⌘Button1 Click or Button2 ClickF3, ⌃Button1 Click, F3 or ⌃Button1 ClickF12, ⇧ F2, ^ B, ^ Button1 Click, Button2 Click, F12, ⇧F2, ⌃B, ⌃Button1 Click, Button2 Click, F12, ⇧F2, ⌃B, ⌃Button1 Click or Button2 Click^ ⌥ G, Escape, Period, ⌥ Period, ^ Button1 Click, ⌃⌥G, ⎋, ., ⌥., ⌃Button1 Click, ⌃⌥G, ⎋, ., ⌥. or ⌃Button1 Click.