Skip to content

Nonelixir/WEBP-Viewer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

WebP Viewer

一个纯前端的本地图片浏览器,单 HTML 文件,无需安装任何依赖。

启动方式

Microsoft Edge(或其他基于 Chromium 的浏览器)直接打开 index.html 即可。

需要浏览器支持 File System Access API,Firefox / Safari 不支持。

功能

  • 根目录扫描 — 选择一个根目录,自动扫描所有含图片的子文件夹,以卡片网格展示
  • 多格式支持 — WebP / PNG / JPG / JPEG / GIF / BMP / SVG / AVIF / ICO
  • 图片浏览器 — 点击卡片进入子文件夹,左右切换图片,底部缩略图条
  • 双击放大 — 双击图片 1.5x 放大,可拖拽平移,再次双击还原
  • 自动播放 — 可调速(0.5s ~ 5s),自动循环
  • 全屏模式 — 按 F 或点击按钮进入全屏
  • 拖拽排序 — Gallery 页面可拖拽调整文件夹顺序,顺序自动保存到 localStorage
  • 记住目录 — 通过 IndexedDB 记住上次打开的根目录,下次打开自动恢复
  • 拖放支持 — 可直接拖放文件夹或图片文件到页面

快捷键

按键 功能
上一张 / 下一张
Space 开始 / 暂停自动播放
F 切换全屏
Esc 退出放大 / 全屏 / 返回上一层
滚轮 切换图片

技术

纯 HTML + CSS + JavaScript,无框架无构建,单文件部署。使用 File System Access API 读取本地文件。

About

A lightweight single-file local image viewer for WebP/PNG/JPG/GIF and more. No install, just open in Edge.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages