Next Export Optimize Images screenshot

Next Export Optimize Images

Author Avatar Theme by Dc7290
Updated: 23 May 2025
442 Stars

Optimize images at build time with Next.js.

Categories

Overview

The Next Export Optimize Images repository offers the advantages of next/image even during next export by optimizing images at build time. This feature enables the creation of high-performance websites with ease, whether for a basic website or a fully static output.

Features

  • Optimize images at build time
  • Convert formats (png → webp, etc.)
  • Download external images locally
  • Utilizes sharp for speed
  • Cache to avoid repetitive optimization
  • Supports TypeScript
  • Support for AppRouter

Installation

To install Next Export Optimize Images, follow these steps:

  1. Install the package using npm:
npm install next-export-optimize-images
  1. Import the package into your Next.js project:
import nextExportOptimizeImages from 'next-export-optimize-images';
  1. Utilize the features in your project as needed.

Summary

Next Export Optimize Images enhances the functionalities of next/image by providing image optimization during next export. With features like format conversion, local image downloading, and cache support, developers can create high-performing websites effortlessly. The repository also supports TypeScript and AppRouter, making it a versatile solution for various project requirements.