# next-export-optimize-images | d-suke | Knowledge Base | Instagit

Optimize images at build time with Next.js.

GitHub Stars: 475

Repository: https://github.com/dc7290/next-export-optimize-images

---

## Articles

### [How the next-export-optimize-images CLI Performs Image Optimization](/dc7290/next-export-optimize-images/how-does-cli-bin-index-js-perform-image-optimization)

Discover how the next-export-optimize-images CLI optimizes images through configuration loading, manifest building, and parallel processing with Sharp and smart caching for efficient image optimization.

- Tags: internals
- Published: 2026-02-28

### [How to Limit Concurrent Image Processing in next-export-optimize-images with `processingConcurrency`](/dc7290/next-export-optimize-images/how-to-limit-concurrent-image-processing-processingconcurrency)

Control concurrent image processing in next-export-optimize-images by setting the processingConcurrency option. Optimize your build times effortlessly.

- Tags: how-to-guide
- Published: 2026-02-28

### [How to Configure `remoteImagesDownloadsDelay` for External Images in next-export-optimize-images](/dc7290/next-export-optimize-images/how-to-manage-download-delays-for-external-images-remoteimagesdownloadsdelay)

Learn to configure remoteImagesDownloadsDelay in next-export-optimize-images to prevent CDN rate limiting. Add a pause between external image downloads during static exports.

- Tags: how-to-guide
- Published: 2026-02-28

### [How to Configure Automatic Downloading of Remote Images in next-export-optimize-images](/dc7290/next-export-optimize-images/how-to-configure-automatic-downloading-of-remote-images-remoteimages)

Learn how to configure automatic downloading of remote images in next-export-optimize-images by defining the remoteImages option in your export-images.config.js file. Optimize your workflow today.

- Tags: how-to-guide
- Published: 2026-02-28

### [How to Implement a Custom sourceImageParser for Image Paths in next-export-optimize-images](/dc7290/next-export-optimize-images/how-to-implement-custom-sourceimageparser-for-image-paths)

Learn to implement a custom sourceImageParser for image paths in next-export-optimize-images. Transform image URLs for CDNs and custom structures by intercepting paths before optimization.

- Tags: how-to-guide
- Published: 2026-02-28

### [How to Use `generateFormats` to Create Multiple Image Formats (WebP, AVIF) in Next.js](/dc7290/next-export-optimize-images/how-to-use-generateformats-to-create-multiple-image-formats-eg-webp-avif)

Learn how to use generateFormats in Next.js to automatically create and serve WebP and AVIF image formats for faster load times. Optimize your images effortlessly.

- Tags: how-to-guide
- Published: 2026-02-28

### [How to Configure Format Conversion (convertFormat) in next-export-optimize-images: PNG to WebP Guide](/dc7290/next-export-optimize-images/how-to-configure-format-conversion-convertformat-like-png-to-webp)

Learn how to configure PNG to WebP format conversion with next-export-optimize-images. Add convertFormat to your export-images.config.js for optimized image generation.

- Tags: how-to-guide
- Published: 2026-02-28

### [How to Apply Custom SharpOptions for Different Image Formats in next-export-optimize-images](/dc7290/next-export-optimize-images/how-to-apply-custom-sharpoptions-for-different-image-formats)

Learn to apply custom sharpOptions for various image formats like PNG, JPG, WebP, and AVIF in next-export-optimize-images using format-specific settings in your config file.

- Tags: how-to-guide
- Published: 2026-02-28

### [How to Define a Custom Filename Generator in next-export-optimize-images](/dc7290/next-export-optimize-images/how-to-define-custom-filename-generator-filenamegenerator)

Learn how to define a custom filenameGenerator for next-export-optimize-images. Control optimized image file naming with a custom function in export-images.config.js for precise control.

- Tags: how-to-guide
- Published: 2026-02-28

### [How to Adjust the Image Quality in next-export-optimize-images: Complete Configuration Guide](/dc7290/next-export-optimize-images/how-to-adjust-image-quality-quality-for-optimized-images)

Learn to adjust image quality in next-export-optimize-images. Configure the quality setting in export-images.config.js for optimal image compression using Sharp.

- Tags: how-to-guide
- Published: 2026-02-28

### [How to Specify a Directory for Downloaded External Images in next-export-optimize-images](/dc7290/next-export-optimize-images/how-to-specify-directory-for-downloaded-external-images-externalimagedir)

Learn how to set the externalImageDir option in your export-images.config.js to specify a custom directory for downloaded external images during your next export.

- Tags: how-to-guide
- Published: 2026-02-28

### [How to Set the Base Path for Optimized Images in Next.js](/dc7290/next-export-optimize-images/how-to-set-basepath-for-optimized-images-in-next-js)

Learn to set the basePath for optimized images in Next.js by configuring next.config.js and next-export-optimize-images for correct URL resolution at build and runtime.

- Tags: how-to-guide
- Published: 2026-02-28

### [How to Ignore Specific Paths from Optimization Using `ignorePaths`](/dc7290/next-export-optimize-images/how-to-ignore-specific-paths-from-optimization-using-ignorepaths)

Learn how to ignore specific paths from image optimization in your Next.js project. Use ignorePaths in export-images.config.js to exclude files by their relative path.

- Tags: how-to-guide
- Published: 2026-02-28

### [How to Configure the Cache Directory (`cacheDir`) for Image Optimization in next-export-optimize-images](/dc7290/next-export-optimize-images/how-to-configure-cache-directory-cachedir-for-image-optimization)

Learn to configure the cacheDir for image optimization with next-export-optimize-images. Customize the manifest location in export-images.config.js for better control.

- Tags: how-to-guide
- Published: 2026-02-28

### [How to Customize the Output Directory for Optimized Images in next-export-optimize-images](/dc7290/next-export-optimize-images/how-to-customize-output-directory-for-optimized-images-imagedir)

Customize the output directory for optimized images in next-export-optimize-images by setting the imageDir option in your export-images.config.js file. Control where your optimized images are saved.

- Tags: how-to-guide
- Published: 2026-02-28

### [How to Use the export-images.config.js Configuration File in next-export-optimize-images](/dc7290/next-export-optimize-images/how-to-use-export-images-config-js-configuration-file)

Learn how to configure your image exports with the `export-images.config.js` file in next-export-optimize-images. Optimize your build process and image assets efficiently.

- Tags: how-to-guide
- Published: 2026-02-28

### [Does next-export-optimize-images Support TypeScript and Next.js App Router?](/dc7290/next-export-optimize-images/does-next-export-optimize-images-support-typescript-and-next-js-app-router)

Discover if next-export-optimize-images supports TypeScript and Next.js App Router. Learn how it seamlessly integrates with Pages and App Routers for optimal image performance.

- Tags: faq
- Published: 2026-02-28

### [How the Caching Mechanism Prevents Repeated Image Optimization in next-export-optimize-images](/dc7290/next-export-optimize-images/how-does-caching-mechanism-prevent-repeated-image-optimization)

Learn how the caching mechanism in next-export-optimize-images prevents repeated image optimization by storing SHA-256 hashes and skipping redundant processing for faster builds.

- Tags: internals
- Published: 2026-02-28

### [How the Sharp Image Processing Library Integrates with next-export-optimize-images: Complete Technical Guide](/dc7290/next-export-optimize-images/how-does-sharp-image-processing-library-integrate-with-next-export-optimize-images)

Learn how the sharp image processing library integrates with next-export-optimize-images. This guide details how sharp transforms images for optimized outputs using user configurations.

- Tags: deep-dive
- Published: 2026-02-28

### [How to Download External Images Locally for Optimization with Next.js](/dc7290/next-export-optimize-images/how-to-download-external-images-locally-for-optimization-with-next-js)

Optimize external images in Next.js by downloading them locally during static export. Learn how next-export-optimize-images automates this process for better performance.

- Tags: how-to-guide
- Published: 2026-02-28

### [How to Convert Images (PNG to WebP/AVIF) During Next.js Build](/dc7290/next-export-optimize-images/how-to-convert-images-png-to-webp-avif-during-next-js-build)

Convert PNG to WebP and AVIF images during your NextJS build. Use next-export-optimize-images to automatically generate optimized assets and improve website performance.

- Tags: how-to-guide
- Published: 2026-02-28

### [How to Enable Build-Time Image Optimization with the `next-export-optimize-images` Next.js Plugin](/dc7290/next-export-optimize-images/how-to-enable-build-time-image-optimization-with-this-next-js-plugin)

Learn to enable build-time image optimization for your Next.js app with next-export-optimize-images. Optimize images during your production build using Sharp.

- Tags: how-to-guide
- Published: 2026-02-28

### [How to Configure Image Optimization During `next export` with next‑export‑optimize‑images](/dc7290/next-export-optimize-images/how-to-configure-image-optimization-during-next-export)

Optimize images during next export by creating an export-images.config.js file and using the withExportImages plugin. Speed up your Next.js site.

- Tags: how-to-guide
- Published: 2026-02-28

### [How next-export-optimize-images Works with Next.js Static Export](/dc7290/next-export-optimize-images/how-does-next-export-optimize-images-plugin-work-with-next-js-static-export)

Learn how next-export-optimize-images enhances Next.js static export. This plugin optimizes images during build using webpack and Sharp for responsive variants.

- Tags: deep-dive
- Published: 2026-02-28