https://github.com/princegupta101/pixelslim
PixelSlim optimizes images for web with 90% compression, making websites faster and images sharper. (built with Next.js 14)
https://github.com/princegupta101/pixelslim
clerk compression-algorithm nextjs14 tailwindcss typescript
Last synced: about 1 month ago
JSON representation
PixelSlim optimizes images for web with 90% compression, making websites faster and images sharper. (built with Next.js 14)
- Host: GitHub
- URL: https://github.com/princegupta101/pixelslim
- Owner: Princegupta101
- Created: 2024-05-13T05:33:06.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-13T07:24:40.000Z (about 2 years ago)
- Last Synced: 2025-01-13T21:08:21.319Z (over 1 year ago)
- Topics: clerk, compression-algorithm, nextjs14, tailwindcss, typescript
- Language: TypeScript
- Homepage:
- Size: 57.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pixel Slim
## Table of Contents
- [Overview](#overview)
- [Features](#features)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
- [Further-Support](#further-support)
## Overview
Pixel Slim is a powerful image optimization tool built with Next.js 14, empowering you to enhance and compress images for superior web performance and captivating visual impact. Achieve the perfect balance between speed and aesthetics with effortless ease.
## Features
- **Unmatched Compression (Up to 90%)**: Significantly reduce image file sizes without sacrificing visual quality, ensuring lightning-fast website loading times.
- **AI-Powered Enhancement**: Leverage cutting-edge AI algorithms to automatically improve image clarity, detail, and overall sharpness.
- **Seamless Responsive Design**: Enjoy a flawless user experience on any device, from desktops to mobile phones.
- **Efficient Batch Processing**: Optimize multiple images simultaneously, saving you valuable time and effort.
- **Granular Customization**: Fine-tune compression settings to strike the perfect balance between quality and file size based on your specific needs.
- **Intuitive Interface**: Navigate and operate Pixel Slim with ease thanks to its streamlined user interface.
- **Cross-Platform Compatibility**: Works flawlessly on Windows, macOS, and Linux operating systems.
## Installation
#### Prerequisites
- Node.js and npm (or yarn) installed on your system. You can verify by running `node -v` and `npm -v` (or `yarn -v`) in your terminal.
#### Clone the Repository
1. install dependenices
```bash
npm install
```
2. run the server
```bash
npm run dev
```
3. Set up environment variables: Create a `.env.local` file.
## Usage
1. Drag and drop your images into the Pixel Slim interface.
2. Choose your desired compression level if needed (default settings often provide optimal results).
3. Optionally, configure additional processing options for specific image requirements.
4. Click "Optimize" to begin the process.
5. Download the optimized images upon completion.
## Contributing
We welcome contributions to Pixel Slim! Feel free to create pull requests with your enhancements or bug fixes. Please ensure your contributions adhere to the coding style and conventions used in the project.
## Further-Support
If you encounter any issues or have questions, feel free to raise them as GitHub issues, and we'll be happy to assist you.