React Component Library for ImageEngine

Docker container for image optimization, 2 options for optimize: batch command or web frontend

Bunny Image Optimizer Worker (Cloudflare)

This project will demonstrate the infinite scroll behaviour with Next.js image optimization

DEPRECATED: 📄 Webpack loader which uploads local file references in HTML and other files to an S3 bucket and replaces them with a CDN endpoint in the production build.

Airbnb clone using Next.js and Tailwind CSS. I used image optimisation as well as serverside rendering features of next js in this project.

Image Sizing, Optimization, Conversion

ImageTune React component for automatically resizing and compressing images uploaded via a native file selector.

SudiptoImgTranscode is a Node.js library designed to simplify the process of converting images to next-gen formats like PNG, WebP, and AVIF. It aims to optimize image quality and performance for web applications.

Generate and render blurred placeholders for lazy loaded images.

This project is a Node.js script that utilizes the Sharp library to convert JPG, JPEG and PNG images to the WebP format and optimize them for faster web performance. The script allows you to specify multiple input directories, and it will process all images in those directories, converting them to WebP and saving them in the same location.

Image Optimization for SVG, GIF, PNG and JPEG formats

Image compression app built using Electron, React and NodeJS

Minimum image optimization using gulp

This project is a starter kit for develop the very small front-end web applications with Gulp 😋

Resize/compress your images easily!

A lazyload componet work with Vue.sj 2, based on IntersectionObserver.

Optimizes JPEG's within your Webpack project

Blur Up Image Example with Vanilla JS