webp-optimizer

Convert PNG/JPG images to WebP with Sharp in Node.js.

2|Updated Apr 7, 2026

Search Tags:#automation #webp #nodejs #wordpress #sharp #image-optimization #elementor

Ready to run

npx skills add https://github.com/eliuhads/stitch2elementor --skill webp-optimizer

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: webp-optimizer
Source: https://github.com/eliuhads/stitch2elementor/tree/main/.agent/skills/webp-optimizer
Command: npx skills add https://github.com/eliuhads/stitch2elementor --skill webp-optimizer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

WebP-Optimizer reduces image sizes by converting PNG/JPGs to WebP using Sharp, improving page load times and site performance on WordPress/Elementor stacks.

Core Features & Use Cases

Batch Convert: Convert multiple PNG/JPG files to optimized WebP in a target directory.
Preserve Names: Keeps base filenames while changing extension to .webp, ensuring consistent asset references.
Use Case: Deploy in WordPress or Elementor projects to optimize media libraries for faster front-end rendering.

Quick Start

Run node optimize.js <source_folder> <destination_folder> to convert all PNG/JPG images in the source folder to WebP in the destination folder.

Frequently Asked Questions about webp-optimizer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I batch convert PNG and JPG images to WebP for WordPress?▼

Batch convert PNG and JPG images to WebP for WordPress by running a Node.js script powered by Sharp. The tool processes all images in a source folder and writes optimized .webp files to a destination directory.

Does converting images to WebP preserve the original filenames?▼

Converting images to WebP preserves the original base filenames while changing the extension to .webp. This ensures consistent asset references within your WordPress or Elementor media libraries.

How do I optimize large image libraries for Elementor using Node.js?▼

Optimize large image libraries for Elementor using Node.js by executing a Sharp-powered batch conversion script. This automated pipeline reduces file sizes for all PNG and JPG assets to improve front-end rendering.

Can I use Sharp to automate image optimization across large media directories?▼

You can use Sharp to automate image optimization across large media directories by running the Node.js conversion script. It systematically processes every PNG and JPG file in the specified source folder to generate WebP versions.

What is the best way to improve page load performance by converting images to WebP?▼

The best way to improve page load performance by converting images to WebP is using an automated Node.js pipeline. It reduces PNG and JPG file sizes through Sharp batch processing, directly accelerating site loading speeds.