WebStorm 2017.2 Help

Setting Background Image

WebStorm allows you to define any image as a background. So doing, you can set a background image for the current project only, or for any project you open or create anew.

This feature has no keyboard shortcut (you can easily create a shortcut as described in the section Configuring Keyboard Shortcuts).

To set a background image

  1. Do one of the following:
    set background image1
  2. In the dialog box that opens, specify the image you want to use as the background, its opacity, filling and placement options. Besides that, you can choose to show background in the editor and tool windows, or in the WebStorm frame.

    Also, select the check box This project only to show background in the current project, and ignore this background in the other projects.

    set background image2

If an image is already selected in a WebStorm project, this action is also available from the context menu of the Project tool window:

set background image3

and in the image editor

set background image4
Last modified: 29 November 2017

See Also