https://github.com/elringus/imgit
Transform media links to HTML optimized for web vitals
https://github.com/elringus/imgit
avif cls compress embed encode lazy-load md size vite-plugin
Last synced: 6 months ago
JSON representation
Transform media links to HTML optimized for web vitals
- Host: GitHub
- URL: https://github.com/elringus/imgit
- Owner: elringus
- License: mit
- Created: 2023-06-07T15:41:58.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-03-31T16:01:00.000Z (6 months ago)
- Last Synced: 2025-03-31T16:06:04.976Z (6 months ago)
- Topics: avif, cls, compress, embed, encode, lazy-load, md, size, vite-plugin
- Language: TypeScript
- Homepage: https://imgit.elringus.com
- Size: 96 MB
- Stars: 22
- Watchers: 1
- Forks: 1
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
Awesome Lists containing this project
README
# Convert media links to optimized HTML
Images, video and YouTube: fetch, encode, scale, lazyload – for best UX and [Web Vitals](https://web.dev/vitals) — imgit is a JavaScript package and set of plugins for popular web frameworks to enhance user experience when interacting with media-heavy websites, such as blogs, landings, portfolios and documentation sites.
## Features
✨ Builds optimized HTML for media URLs, markdown or JSX tags
⚡ Encodes to AV1/AVIF utilizing GPU acceleration
♻️ Supports JPG, A/PNG, GIF, WEBM/P, AVI, MKV, TIFF, PSD and more
🌊 Generates tiny blurred covers cross-faded into HD source on lazy-load
📐 Scales the content while preserving HD original for high-DPI displays
🌐 Fetches sources from remote URLs, uploads optimized versions to CDN
🗺️ Plugs into Astro, Svelte, VitePress and more; runs on Node, Deno and Bun
## 🎬 Get Started
http://imgit.dev/guide