{"repo":"Niels-IO/next-image-export-optimizer","free":true,"listed":false,"github":"https://github.com/Niels-IO/next-image-export-optimizer","clone":"git clone https://github.com/Niels-IO/next-image-export-optimizer.git","description":"Use Next.js advanced <Image/> component with the static export functionality. Optimizes all static images in an additional step after the Next.js static export.","language":"JavaScript","stars":539,"topics":["image-manipulation","images","nextjs","react","resize"],"license":"MIT","category":"media-processing","readme_excerpt":"Next-Image-Export-Optimizer Use Next.js advanced \\ component with the static export functionality. Optimizes all static images in an additional step after the Next.js static export. - Reduces the image size and page load times drastically through responsive images - Fast image transformation using sharp.js (also used by the Next.js server in production) - Conversion of JPEG and PNG files to the modern WEBP format by default - Serve the exported React bundle only via a CDN. No server required - Automatic generation of tiny, blurry placeholder images - Minimal configuration necessary - Supports TypeScript - Supports remote images which will be downloaded and optimized - Supports animated images (accepted formats: GIF and WEBP) - Note that only one global value can be used for the image quality setting. The default value is 75. Placement of the images: For images using a path string: (e.g. src=\"/profile.png\") Place the images in a folder inside the public folder like public/images For images using a static import: (e.g. src={profileImage}) You can place the images anywhere in your project. The images will be optimized and copied to the export folder. For remote images: (e.g. src=\"https://example.com/image.jpg\") Please refer to the section on remote images. Installation Configuration Basic configuration Add the following to your next.config.js . You can also use next.config.ts for TypeScript projects.: Update the build command in package.json Replace the \\ component with the \\ co","default_branch":null,"files":null,"tree":[],"storefront":"/r/Niels-IO","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Niels-IO/next-image-export-optimizer/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}