PhpStorm 2023.3 Help

Thumbnails tool window

The Thumbnails tool window provides the functions similar to those of an image browser. It shows thumbnails for folders and image files, and lets you navigate and manage them.

To open the tool window, select a folder with images in the Project tool window (Alt+1), press Ctrl+Shift+A and type Show Image Thumbnails. Once the action has been found, click it or press Enter.

Toolbar icons

The toolbar icons provide access to the most frequently used functions available in the tool window. The same and other functions are available as context menu options in the content pane.

Item

Shortcut

Description

Level up

Backspace

Moves one level up in the folder hierarchy.

The path to the current folder is shown on the title bar to the right of the tool window name.

Flatten Packages

Ctrl+Alt+NumPad +

Turns the Recursive option on or off.

If this option is off, subfolders of the current folder and image files located in the root of the current folder are shown.

If this option is on, the subfolders are not shown; the image files located in the current folder and all its subfolders are shown.

The following picture shows the contents of the same folder with the Recursive off and on.

Recursive on and off

the Hide/Show Chessboard button

Shows or hides a transparency grid.

The grid is shown underneath the images so that you can see transparent image areas for .gif and .png files.

The following picture shows the same thumbnail with the grid shown and hidden.

Chessboard Shown/Hidden

Show/Hide File Size

Shows or hides image file size.

Show/Hide File Name

Shows or hides image file name.

Show/Hide Tags Panel

Shows or hides the tag panel.

Close

Ctrl+F4

Closes the tool window.

Title bar context menu

The title bar context menu provides the options for controlling the tool window viewing modes. It also contains the options for moving the tool window, resizing and hiding it.

To access the menu, right-click the window name (Thumbnails).

Item

Shortcut

Description

Show Toolbar

Shows or hides the tool window toolbar.

View Mode

Controls the general appearance and behavior of the tool window. For more information, refer to Tool window view modes.

Move to

Moves the tool window to a different tool window bar. Select this option, and then select the destination tool window bar (Top, Left, Bottom or Right).

Resize

Resizes the tool window by moving one of its borders. Select this option and then select the necessary Stretch to option.

Note that this option is not available in the floating mode.

Hide

Shift+Escape

Hides the tool window.

Content pane: context menu options

The following table lists and briefly explains the main context menu options for thumbnails. Other options are similar to those in the Context menu commands for the content pane items.

Item

Shortcut

Description

Browse

Enter

For a folder: shows the folder contents (subfolders and images).

You can access the same option by double-clicking a folder.

Jump to Source

F4 or Enter

For an image file: shows the selected file in the editor.

You can access the same option by double-clicking an image thumbnail.

Level up

Backspace

Moves one level up in the folder hierarchy.

Recursive

Ctrl+Alt+NumPad +

Turns the Recursive option on or off.

Show or Hide Chessboard

Shows or hides the transparency grid.

Close thumbnails

Ctrl+F4

Closes the tool window.

Jump to External Editor

Ctrl+Alt+F4

For an image file: opens the image in an external editor.

Last modified: 25 March 2024