https://github.com/JonasKruckenberg/vite-imagetools

Load and transform images using a toolbox :toolbox: of custom import directives!
https://github.com/JonasKruckenberg/vite-imagetools

image-transformations images resize-images responsive-images vite vite-plugin

Last synced: about 1 month ago
JSON representation

Load and transform images using a toolbox :toolbox: of custom import directives!

• Host: GitHub
• URL: https://github.com/JonasKruckenberg/vite-imagetools
• Owner: JonasKruckenberg
• License: mit
• Created: 2021-01-26T16:14:53.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-06-10T12:58:52.000Z (3 months ago)
• Last Synced: 2024-06-17T05:27:27.179Z (3 months ago)
• Topics: image-transformations, images, resize-images, responsive-images, vite, vite-plugin
• Language: TypeScript
• Homepage:
• Size: 20.8 MB
• Stars: 880
• Watchers: 5
• Forks: 54
• Open Issues: 30
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• fucking-awesome-vite - vite-imagetools - Load and transform images using url query parameters. (Plugins / Framework-agnostic Plugins)
• awesome-vite - vite-imagetools - Load and transform images using url query parameters. (Plugins / Framework-agnostic Plugins)

README

        
# Imagetools

A toolbox of easy-to-use import directives that transform and optimize your images at compile-time. All of the image

transformations are powered by [sharp](https://sharp.pixelplumbing.com).

## Features

- **🚀 Output modern formats**

- **🖼 Resize Images**

- **🔗 Easy Srcset generation**

- **⚡️ Fast in development mode**

- **🔒 Remove Image Metadata**

- **🧩 Extensible**

[Read the docs to learn more!](https://github.com/JonasKruckenberg/imagetools/blob/main/docs/README.md)

## Packages

| Package                          | Version (click for changelogs)                                                                                   |

| -------------------------------- | :--------------------------------------------------------------------------------------------------------------- |

| [imagetools-core](packages/core) | [![imagetools-core version](https://img.shields.io/npm/v/imagetools-core?label=%20)](packages/core/CHANGELOG.md) |

| [vite-imagetools](packages/vite) | [![vite-imagetools version](https://img.shields.io/npm/v/vite-imagetools?label=%20)](packages/vite/CHANGELOG.md) |

## Contributing

Feel free to dive in! [Open an issue](https://github.com/JonasKruckenberg/vite-imagetools/issues/new) or submit PRs! All

information to get you started hacking on imagetools is in [CONTRIBUTING.md](./CONTRIBUTING.md)!

## Sponsoring

Are you using imagetools in your company, in a commercial project or just feeling generous? 
 Consider

[sponsoring me on GitHub](https://github.com/sponsors/JonasKruckenberg) to support the development and get your

companies logo featured!

## Acknowledgements

Thanks to [@the-yamiteru](https://github.com/the-yamiteru) for their ideas and support on improving this project.

## License

[MIT © Jonas Kruckenberg.](./LICENSE)