Working with Images in MyEclipse

1. Getting a Quick Image Preview

MyEclipse offers a view option allowing you to browse image folders (through the Package Explorer) and display images without opening them in a separate image editor. The image preview option offers basic image view/sizing, zoom in / zoom out and supports GIF, JPG, BMP, PNG, and ICO image types.

To enable this view, select Window>Show View>Other>Image Preview from the menu. To display the image, select the image file in the Package Explorer view.

Image preview

In addition, you can see icon previews right in your Explorer. (Available in MyEclipse 2015 CI 12 and later.)

Image icons in the Explorer

Note: To keep things efficient, we only render thumbnails for images that are 100KB or smaller in size. Images larger than that typically have dimensions that reduce the utility of the 16×16 scaled down versions.

2. Editing Images within Your IDE

The Image editor is part of the Image Editor perspective. Open the Image Editor perspective by selecting Window>Show Perspective>Other from the menu, and choosing the MyEclipse Image Editor perspective.

Image Editor perspective

When you use the screen capture feature, the image opens automatically into the Image editor, and you are prompted to open the Image Editor perspective. The exception is if you choose the Capture to Clipboard option. To open an image from your project into the editor, drag it into the Image editor.

 3. Viewing Images During Design

The Design mode of the HTML Visual Designer renders images if their src attribute value is relative to the current document’s location. Enter the image src attribute in the Properties view.

New HTML Img window

4. Capturing a Screen Image

Integrated advanced screen-capture support allows you to grab images of your desktop, window, and a region. This feature is available on Windows Vista, Windows 7, and Windows XP. You can save screenshots to the Windows clipboard or have it open in the MyEclipse Image editor. You can set the screen capture to include your cursor. To capture a screen image, click the Screen Capture icon  on the toolbar.

Screen capture options