Image Viewer
View and inspect images directly in TeamIDE
Overview
When you open an image file, TeamIDE displays it in a dedicated image viewer with zoom controls and dimension information.
Supported Formats
| Format | Extensions |
|---|---|
| PNG | .png |
| JPEG | .jpg, .jpeg |
| GIF | .gif |
| WebP | .webp |
| SVG | .svg |
| ICO | .ico |
Opening Images
Click any image file in the file tree to open it in the viewer. The image opens in a new tab like any other file.
Viewer Controls
The toolbar at the top provides these controls:
| Control | Description |
|---|---|
| Zoom In (+) | Increase zoom level |
| Zoom Out (-) | Decrease zoom level |
| Zoom Level | Shows current zoom percentage |
| Fit | Scale image to fit the viewer |
| Actual Size | Reset to 100% (1:1 pixels) |
Zoom
Button Zoom
- Click + to zoom in (1.25x per click)
- Click - to zoom out
- Zoom range: 10% to 500%
Mouse Wheel Zoom
Hold Cmd (Mac) or Ctrl (Windows/Linux) and scroll to zoom smoothly.
Quick Actions
- Fit: Scales the image to fit within the viewer area
- Actual Size: Resets zoom to 100% for pixel-perfect viewing
Image Information
The toolbar displays: - Dimensions: Width × Height in pixels - Zoom level: Current zoom percentage
Transparency
Images with transparent backgrounds (PNG, GIF, WebP) display against a checkerboard pattern, making it easy to see transparent areas.
Tips
- Use Fit to see the whole image at once
- Use Actual Size (100%) to inspect individual pixels
- Mouse wheel zoom gives you precise control
Related
- Code Module - File explorer and editor
Changelog
| Date | Change |
|---|---|
| 2026-02-02 | Initial documentation |