https://github.com/CH563/shot-easy-website
image editor online
https://github.com/CH563/shot-easy-website
astro imageeditor screenshot
Last synced: about 1 year ago
JSON representation
image editor online
- Host: GitHub
- URL: https://github.com/CH563/shot-easy-website
- Owner: CH563
- Created: 2023-11-08T06:48:32.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-28T13:33:53.000Z (about 2 years ago)
- Last Synced: 2024-05-29T03:27:58.071Z (about 2 years ago)
- Topics: astro, imageeditor, screenshot
- Language: JavaScript
- Homepage: https://shoteasy.fun/
- Size: 5.51 MB
- Stars: 78
- Watchers: 3
- Forks: 9
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- StarryDivineSky - CH563/shot-easy-website - easy-website 是一个基于浏览器的在线截图与图片压缩工具，通过 WebAssembly 技术实现高效图像处理。用户无需安装额外软件，仅需通过网页界面即可完成截图操作，并利用浏览器内置的 WebAssembly 模块对图像进行实时压缩。该项目的核心特色在于其隐私保护设计——所有图像处理过程完全在用户本地浏览器中完成，无需将截图上传至服务器，从而避免数据泄露风险。其工作原理依赖于 WebAssembly 的高性能编译能力，将图像压缩算法（如 WebP 或 JPEG 压缩）编译为可在浏览器中运行的二进制代码，显著提升压缩速度并降低资源消耗。项目支持用户自定义压缩参数，例如调整图片质量、分辨率或输出格式，满足不同场景下的需求。此外，界面简洁直观，用户可通过点击按钮一键完成截图与压缩操作，压缩后的文件可直接下载或分享。技术实现上，项目采用 HTML5 Canvas 进行截图捕获，并通过 WebAssembly 调用 C/C++ 编写的图像处理库，确保在浏览器中实现接近原生代码的处理效率。与传统依赖后端服务器的压缩工具不同，该项目完全基于前端技术栈构建，降低了部署复杂度并提升了跨平台兼容性。适合需要快速处理图片且重视隐私的用户群体，尤其适用于在线协作、网页内容提取等场景。项目代码开源，用户可自由查看或扩展其功能，例如集成更多图像格式支持或优化压缩算法。总结而言，CH563/shot-easy-website 通过 WebAssembly 技术实现了安全、高效、易用的在线截图与压缩解决方案，兼顾了功能性与隐私保护需求。 (其他_机器视觉 / 资源传输下载)
README
# ShotEasy - take a screenshot online
Photo edit online for free, resize, and filter any photos, edit photo on browser, convert image to jpg/png/jpeg/webp, easy to screenshot area or full page
[🏆 Chrome Extension](https://chromewebstore.google.com/detail/nmppkehciohcgcehlnifgeokgioidknh)
[🏞️ Image Editor](https://shoteasy.fun/)
[😱 Screenshot Beautifier](https://shoteasy.fun/screenshot-beautifier/)
[🚴 Photo to Rounded](https://shoteasy.fun/photo-to-rounded/)
[🎉 Background Remover](https://shoteasy.fun/background-remover/)
[😬 Image Compressor](https://shoteasy.fun/image-compressor/)
## Blog
Use GitHub issues as blog storage
need create github access token
## Environment variables
```
// request secret key
PUBLIC_SECRET_KEY=
// github access token
GITHUB_CLIENT_SECRET=
// github name
GITHUB_OWNER=
// github repository
GITHUB_REPO=
```
## 🧞 Commands
All commands are run from the root of the project, from a terminal:
| Command | Action |
| :------------------------ | :----------------------------------------------- |
| `pnpm install` | Installs dependencies |
| `pnpm run dev` | Starts local dev server at `localhost:4321` |
| `pnpm run build` | Build your production site to `./dist/` |
| `pnpm run preview` | Preview your build locally, before deploying |
| `pnpm run astro ...` | Run CLI commands like `astro add`, `astro check` |
| `pnpm run astro -- --help` | Get help using the Astro CLI |
## 🚀 Deploy With Vercel
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FCH563%2Fshot-easy-website)
[Vercel:](https://vercel.com/) used for deploying website
### If you find anything wrong, give me an Issues
[Give me the bugs](https://github.com/CH563/shot-easy-website/issues)
## Update
- 2024-11-26: add background remover use Hugging Face model: [Xenova/modnet](https://huggingface.co/Xenova/modnet)
## 👀 Want to learn more?
Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).