npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

comp-2-webp

v1.0.1

Published

CLI tool to convert images to webp and update references in project files.

Readme

Compress2Webp (comp-2-webp)

A CLI tool to convert images to .webp format and update references in your project files.

Features

  • Convert single images, folders, or glob patterns to .webp (supports .png, .jpg, .jpeg, .svg, and optionally .webp)
  • Recursively process folders and subfolders
  • Replace original images with -r flag
  • Set compression percentage with -p flag (default: 95)
  • Update all references to images in project files with -u flag
  • Specify which file extensions to update with -e flag
  • Show version with -v
  • Show help with -h

Installation & Usage

You can use it directly with npx or install globally:

npx comp-2-webp <input> [options]
# or
npm install -g comp-2-webp
comp-2-webp <input> [options]

Arguments

  • <input>: Path to an image file, a folder, or a glob pattern (e.g. src/images/*.png)

Options

  • -r, --replace
    Replace the original image with the .webp version.

  • -p, --percent <number>
    Set webp compression percentage (default: 95).

  • -u, --update
    Update all references to the converted images in your project files.
    Shows a list of files to be updated and allows you to skip any.

  • -e, --ext <extensions>
    Comma-separated list of file extensions to update (default: js,jsx,ts,tsx,html,css,py,json).

  • -w, --webp
    Also compress .webp files.

  • -v, --version
    Show the tool version.

  • -h, --help
    Show help.

Examples

Convert a single image:

comp-2-webp path/to/image.png

Convert all images in a folder (recursively):

comp-2-webp path/to/folder

Convert all .png images in a folder:

comp-2-webp path/to/folder/*.png

Convert and replace originals:

comp-2-webp path/to/folder -r

Set compression to 80%:

comp-2-webp path/to/folder -p 80

Update all references in project files:

comp-2-webp path/to/folder -u

Update references only in .js and .html files:

comp-2-webp path/to/folder -u -e js,html

Compress .webp files as well:

comp-2-webp path/to/folder -w

Notes

  • When using -u, the tool will show you all files that will be updated and allow you to skip any before proceeding.
  • Always backup your project or use version control before running with -u!

License

MIT