skills.rest
eliuhads
eliuhadsCOMMUNITY
Explore all skills by this author →
𝕏@EliutecGitHub

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
One-click install
npx skills add https://github.com/eliuhads/stitch2elementor --skill webp-optimizer
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
evolv3aievolv3ai
3

sharp

Resize, convert, and optimize images with the Sharp library in Node.js.

Community
Intermediate
2025Emma2025Emma
22.7k

snapdom

Convert HTML elements into SVG, PNG, JPG, or WebP images.

Community
Basic
imMamdouhaboammarimMamdouhaboammar

agency-wordpress-performance-engineer

Audit WordPress database, plugin, and front-end bottlenecks to generate a prioritized remediation roadmap.

Community
Advanced
mgd34msumgd34msu
4

sharp

Resize, convert, and optimize images with the Sharp Node.js library.

Community
Intermediate