Driver FixRecommendedSound, Wi-Fi or graphics acting up? Check drivers firstFind missing or outdated drivers fast.Check DriversOctober DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsPC HealthRecommendedCrashes, freezes, slowdowns? Check your PC nowSpot repairable issues before they interrupt work.Check PC×
Skip to content
World desk4 min

How to Convert Website Thumbnail Screenshots to WebP

Use cwebp to convert and resize website screenshots to WebP, then check fine text and edges at the thumbnail’s real display size.
Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Convert a PNG or JPEG screenshot with Google’s cwebp command-line encoder, then inspect the WebP at the size it will appear on your site. For example, cwebp -q 80 screenshot.png -o thumbnail.webp uses Google’s documented quality example; it is a starting point, not a universal best setting.

Convert a screenshot to WebP with cwebp

Install Google’s cwebp utility for your operating system using the instructions for your environment, then run this command from a terminal:

As an Amazon Associate I earn from qualifying purchases.

cwebp -q 80 screenshot.png -o thumbnail.webp

Replace screenshot.png with the path to your PNG or JPEG and thumbnail.webp with the desired output path. The -o option names the output file, so use a .webp extension. Google’s documentation describes -q 80 as an example; judge the result visually rather than treating 80 as an ideal for every screenshot. Google’s cwebp documentation lists supported inputs and encoding options.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Resize for the thumbnail

If the output needs a different size, add -resize followed by width and height in pixels. Use 0 for one dimension to preserve the aspect ratio:

#1 Best Overall
Pixillion Image Converter Software [PC Download]
  • One-click Process for Converting Your Images
  • Convert Between All Key Image Format
  • Preserve Vector Graphics When Converting
cwebp -q 80 -resize 480 0 screenshot.png -o thumbnail.webp

This creates a 480-pixel-wide output and calculates its height proportionally. Use -crop before resizing only when you need to change the framing; cwebp crops before it scales. Check the documentation for the crop arguments and ensure the chosen crop fits within the source image.

Keep the original

Convert from a copy or retain the original screenshot. That lets you compare another quality setting, adjust the crop, or produce a lossless version without having to recreate the source.

Rank #2
Sale
Norton 360 Deluxe 2027 Antivirus, 5 Devices, Auto-Renews [Download]
  • ONGOING PROTECTION Download instantly & install protection for 5 PCs, Macs, iOS or Android devices in minutes!
  • TOP-PERFORMING VPN Faster speeds, more server locations, and greater connection control to protect your privacy across all your devices, including Smart TVs.
  • ADVANCED SCAM PROTECTION Help spot hidden scams online. With the built-in Genie AI assistant, you’ll never wonder if a message or email is suspicious again.
  • REAL-TIME PROTECTION Advanced security protects against existing and emerging malware threats, including ransomware and viruses, and it won’t slow down your device performance.
  • DARK WEB MONITORING Identity thieves can buy or sell your information on websites and forums. We search the dark web and notify you should your information be found.

Choose compression by inspecting the actual image

Lossy WebP

Lossy encoding is cwebp’s default. Its -q setting controls RGB compression quality from 0 to 100: lower values generally mean smaller files and more visible loss. Start with a reasonable test value, then compare the output with the source at the thumbnail’s actual rendered size. Pay particular attention to small lettering, thin rules, icons, and sharp interface edges.

Free tools Windows power users keep installed

One-click scans. No signup required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Lossless and near-lossless WebP

Use -lossless when preserving source pixels matters more than minimizing file size:

Rank #3
Pixillion Image Converter Software for Mac- Convert Photo and Image File Formats [Download]
  • Convert images to jpeg, gif, png, bmp, tiff and more
  • Rotate, resize and compress digital photos
  • Easily add captions or watermarks to your images
  • Compress thousands of photos at a time with batch conversion
  • Convert images directly from the right-click menu
cwebp -lossless screenshot.png -o thumbnail.webp

Lossless output is not guaranteed to be smaller than the source or than a lossy WebP. If lossless output is too large, compare -near_lossless, which preprocesses the image before lossless encoding. Its documented range is 0 (most preprocessing) to 100 (none); inspect the result because preprocessing can change pixels.

Transparency and metadata

cwebp supports alpha transparency and provides a separate alpha-quality control. If RGB values in fully transparent pixels must be retained, use -exact. For metadata, -metadata can copy all, exif, icc, or xmp; the documented default is none. Preserve an ICC color profile when your publishing workflow requires it, and verify the output in the systems where it will be used.

Check the output before publishing

  1. Compare appearance: open the WebP in a browser or image viewer next to the source. Look closely at text, line art, icons, edges, transparency, and crop.
  2. View at intended size: judge the thumbnail at the dimensions and display scale visitors will see, not only when zoomed in.
  3. Compare file size: check the source and converted file sizes. The savings depend on the image and settings; there is no guaranteed reduction percentage.
  4. Test delivery: confirm your site or publishing system accepts and serves WebP as expected. Keep the source available until the published result is verified.

Other ways to create a WebP

Tool Useful when Documented controls
cwebp You want a focused command-line encoder or need its WebP-specific options. Quality, lossless and near-lossless encoding, resize, crop, alpha, metadata, and speed/effort controls. Documentation.
ImageMagick Your workflow already uses ImageMagick for image processing and conversion. WebP-specific encoder settings plus resize and format conversion. Its documented defaults include quality 75 and method 4; these are ImageMagick settings, not universal WebP recommendations. Documentation.
sharp You need to convert images in a JavaScript application. WebP output API with a documented quality option from 1 to 100 and default 80. Documentation.

These tools document different controls and defaults; the documented values do not establish which tool is faster or produces better results for a given screenshot. Compare them on your own source images and versions if that choice matters.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Troubleshooting common conversion problems

  • The command is not found: install cwebp for your operating system or correct the executable’s PATH, then reopen the terminal and try again.
  • The input cannot be opened: check the spelling and path, confirm the file exists, and try an absolute path if the terminal is in a different directory.
  • The output is blurry or text is damaged: raise the lossy -q value or compare lossless output. Inspect at the target size; numeric quality alone does not guarantee legibility.
  • The file is larger than expected: test a lower lossy quality or compare near-lossless encoding. Lossless output may be larger, and conversion does not guarantee a size reduction.
  • The thumbnail framing is wrong: crop to the desired area before scaling. Verify the crop dimensions against the source and inspect the resulting aspect ratio.
  • Colors differ after conversion: check whether your workflow requires an ICC profile and explicitly preserve metadata as needed. cwebp’s documented default copies no metadata.
  • Transparent areas show unexpected color: verify alpha handling; use -exact if RGB values in fully transparent pixels need to be preserved.

Or skip the browser setup

If you still need to capture the page before converting it, ScreenshotNeo can return a PNG, JPEG, or WebP screenshot from one GET request. See the ScreenshotNeo API documentation for the request options.

Quick Recap

Bestseller No. 1
Pixillion Image Converter Software [PC Download]
Pixillion Image Converter Software [PC Download]
One-click Process for Converting Your Images; Convert Between All Key Image Format; Preserve Vector Graphics When Converting
$50.00
Bestseller No. 3
Pixillion Image Converter Software for Mac- Convert Photo and Image File Formats [Download]
Pixillion Image Converter Software for Mac- Convert Photo and Image File Formats [Download]
Convert images to jpeg, gif, png, bmp, tiff and more; Rotate, resize and compress digital photos
$39.99
Bestseller No. 4
Memory Stick Image Converter Software (Retail Package)
Memory Stick Image Converter Software (Retail Package)
SONY IMAGE CONVERTER 2 SOFTWARE
$9.89
Bestseller No. 5
Image to PDF Converter
Image to PDF Converter
Convert JPG, JPEG & PNG to PDF; Select multiple images
Best Value
Image to PDF Converter
  • Convert JPG, JPEG & PNG to PDF
  • Select multiple images
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

ScreenshotNeo removes cookie and consent banners, newsletter popups, and chat widgets before capture; each cleanup step can be turned off. Bot checks, blank pages, failed loads, timeouts, and cache hits are not billed, and the response includes page-verdict and billing headers. Its MCP server gives AI agents screenshot, page-info, and PDF-capture tools. The free plan includes 1,000 screenshots a month with no card; paid plans start at $5 for 3,000. Learn about ScreenshotNeo, then sign up for the free plan.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

More from the Wire

  1. World desk4 min
    How to Spot an AI Voice Scam Before Sending MoneyDon’t rely on how a caller sounds. Pause, call back through a known number, and verify the emergency with another trusted person before sending money.
  2. Mountain View desk4 min
    Google’s SynthID Detector: How to Check AI-Generated Images, Video and AudioGoogle’s SynthID Detector looks for an embedded watermark in supported images, video and audio. Here is what its results do—and do not—show.
  3. Redmond desk20 min
    How to create a link to File or Folder in Windows 11Windows 11 gives you several ways to point to a file or folder without moving or duplicating it. You can create a desktop shortcut,…
Recommended PC Tool
Recommended PC Tool
Windows Errors? Fix Them Before They SpreadFree repair scan
Outdated Drivers Are Slowing You DownFree scan - exact matches

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.