中文文档

Image Preview

This is a powerful VSCode extension that allows you to preview all images in the folder, including avif, ico, jpg, jpeg, png, gif, webp, svg.

Features

• Recursive preview of all images in the folder.
• Display the height, width, and original size of the image when hovering.
• Support adjusting the image size and background color.
• Support filtering by image type.
• Support searching by image name.
• Allow opening the folder using the system file manager.
• Click on the image to preview it in a large window.
• Right click on the image to open the operation menu, which includes revealing in the sidebar, revealing in the file folder, copying image name, copying base64, copying complete path, compressing the image, and deleting the image.
• Support setting theme (light / dark).
• Support setting language (en / zh).

Usage

Find the folder you want to preview, and right-click to select Image Preview.

If you want to preview the whole project, you can use the command palette to open the image preview.

Configuration

Use superImagePreview.excludeDirectoryNames to exclude the directory name from the recursive preview (it is ["node_modules", "dist"] by default):

{
  "superImagePreview.excludeDirectoryNames": ["node_modules", "dist"]
}

Use superImagePreview.theme to set the theme for image preview (it is light by default):

{
  "superImagePreview.theme": "dark"
}

Use superImagePreview.language to set the language for image preview (it is en by default):

{
  "superImagePreview.language": "zh"
}

Contact me

If you have any questions or suggestions, please feel free to contact me.

• Email: coderwsh@gmail.com
• WeChat: Java770880