Image Previewer

A powerful image viewer for Obsidian. Features include zooming, panning, rotating, flipping, and grayscale toggle for images within your notes.

English | 中文 | 日本語

English

Image Previewer allows you to view images in your Obsidian notes with advanced controls.

Features

• Zoom: Use the mouse wheel, pinch gesture on touchscreens, or the toolbar buttons (+ / -) to zoom in and out.
• Pan: Click and drag (or touch and drag) to move the image around.
• Rotate:
  • Use the slider for fine-grained rotation.
  • Use the toolbar buttons to rotate left/right by 45 degrees.
  • Two-finger rotate gesture is supported on touch devices.
• Flip: Flip the image horizontally or vertically.
• Grayscale: Toggle grayscale mode to view the image in black and white.
• Reset: Quickly reset all transformations to the original state.

How to Use

1. Click on any image within your Obsidian notes (in Preview or Live Preview mode).
2. The image will open in a modal overlay.
3. Use the toolbar at the bottom to adjust the image.
4. Click the Close (X) button or click anywhere outside the image to close the preview.

中文

Image Previewer 是一个为 Obsidian 设计的强大图片查看插件，提供多种高级图片浏览功能。

功能特点

• 缩放：使用鼠标滚轮、触摸屏捏合手势，或点击工具栏的放大/缩小按钮。
• 平移：按住并拖动图片（或在触摸屏上滑动）即可移动查看区域。
• 旋转：
  • 使用滑块进行任意角度旋转。
  • 使用工具栏按钮向左/向右旋转 45 度。
  • 支持触摸屏双指旋转手势。
• 翻转：支持水平翻转和垂直翻转。
• 灰度模式：一键切换黑白灰度显示。
• 重置：快速将图片恢复到初始状态。

使用说明

1. 在 Obsidian 笔记中（预览模式或实时预览模式）点击任意图片。
2. 图片将在全屏模态窗口中打开。
3. 使用底部的工具栏对图片进行操作。
4. 点击关闭 (X) 按钮或点击图片外部区域即可关闭预览。

日本語

Image Previewer は、Obsidian のノート内の画像を閲覧するための強力なプラグインです。

機能

• ズーム: マウスホイール、タッチスクリーンのピンチ操作、またはツールバーのボタンで拡大・縮小ができます。
• パン（移動）: 画像をドラッグ（またはタッチしてスワイプ）することで、表示位置を動かせます。
• 回転:
  • スライダーを使用して細かく回転できます。
  • ツールバーのボタンで左右に 45 度ずつ回転できます。
  • タッチデバイスでは、2 本指での回転ジェスチャーに対応しています。
• 反転: 画像を水平または垂直に反転できます。
• グレースケール: 画像を白黒モードに切り替えることができます。
• リセット: すべての変更を初期状態に素早く戻せます。

使用方法

1. Obsidian のノート内（プレビューまたはライブプレビューモード）にある画像をクリックします。
2. 画像がモーダルウィンドウで開きます。
3. 画面下部のツールバーを使用して画像を操作します。
4. 閉じる (X) ボタンをクリックするか、画像の背景をクリックするとプレビューを閉じます。

Installation / 安装 / インストール

1. Open Settings > Community Plugins in Obsidian.
2. Turn off Safe Mode.
3. Click Browse and search for "Image Previewer".
4. Click Install and then Enable.

Support / 支持 / サポート

If you find this plugin useful, please consider supporting my work: