W

Web Toolkit

Image Processing, SEO Analysis & Site Optimization

help_outline

How to Use - Batch Converter

expand_more
  1. Add images - Drag and drop images (PNG, JPG, GIF, AVIF, HEIC, or WebP) into the upload zone, or click to browse files
  2. Adjust settings - Use the left panel to set WebP quality (1-100%), resize scaling, and optional filename suffix
  3. Preview results - Each image shows original vs. compressed size with percentage saved. Click the compare icon to see a side-by-side visual comparison
  4. Download - Download individual files or click "Download All as ZIP" to get everything in one file
info All processing happens entirely in your browser. Your images are never uploaded to any server.
tune Conversion Settings
WebP Quality 100%
Resize Scaling 100% (Original)
Filename Suffix
cloud_upload

Drag & drop images here

PNG, JPG, JPEG, GIF, AVIF, HEIC, or WebP files are supported

list_alt Conversion Queue
0 files selected
image_search

No images added yet

Drag and drop images into the zone above, or click the zone to select files from your computer.

help_outline

How to Use - HTML Img Optimizer

expand_more
  1. Choose your mode - Use "In-Place Directory Mode" (Chrome/Edge) to edit files directly on disk, or toggle it off for drag-and-drop ZIP mode
  2. Select your project folder - Click "Select Directory" to open your local website project folder
  3. Review the scan - The tool recursively scans all HTML and CSS files, finding image references (img tags, srcset, CSS background-url)
  4. Optimize - Click "Optimize Workspace Files" to convert referenced PNG/JPG images to WebP and automatically update all references in your code
  5. Optional: Delete originals - Toggle "Delete Original Images" to remove the old PNG/JPG files after conversion
info Fallback mode: If your browser does not support the Directory Picker API, drag and drop your HTML and image files to get a downloadable ZIP with optimized assets.
build Optimizer Options
WebP Quality 100%
Delete Original Images
Permanently deletes PNG/JPG files after creating WebP
In-Place Directory Mode
Direct disk access (Chrome/Edge only)
Search CSS Files
Scan background-image: url(...) in stylesheets
folder_open Workspace & HTML File Scanner
folder_shared

Open Workspace Directory

Select your local website project folder to scan and convert files directly on disk.

Console Output
[System] Web Toolkit ready for local workspace optimization.
[System] Select a local folder or enable Drag-and-Drop fallback mode.
help_outline

How to Use - Image Grabber

expand_more
  1. Enter a URL - Paste any public webpage URL into the "Website URL" field
  2. Scan the page - Click "Scan and Categorize Images" to automatically discover all images on the page
  3. Browse results - Images are grouped by page section (hero, gallery, content, sidebar, etc.) with expandable categories
  4. Select images - Click individual image cards or use "Select All" to choose which images to download
  5. Download - Click "Convert and Download Selected" to get optimized WebP versions of all selected images in a ZIP file
info Toggle "Ignore Small Images" to filter out icons, spacers, and images under 50px. Adjust WebP quality to control output file size.
travel_explore Page Scanner
Website URL

Enter any page URL. Images will be auto-detected and grouped by section.

WebP Quality 100%
Ignore Small Images
Exclude icons, spacers, and images under 50px
collections Discovered Images
0 images found
travel_explore

No URL scanned yet

Enter a page URL on the left and click "Scan and Categorize Images" to automatically discover and group images by page section.

help_outline

How to Use - Meta Data Scraper

expand_more
  1. Choose scan mode - Use "Single URL" to scan one page, or "Sitemap" to scan all pages from a sitemap.xml
  2. Enter the URL - Paste a page URL or sitemap URL into the input field
  3. Scan - Click "Scan Meta Tags" to extract titles, descriptions, H1 tags, and canonical URLs
  4. Review results - Color-coded indicators show optimal (green), warning (amber), and missing (red) metadata with character counts
  5. Export - Click "Export CSV" to download all results in spreadsheet format for further analysis
info Ideal title length: 50-60 characters. Ideal description length: 120-160 characters.
monitoring Meta Data Scraper
Scan Mode
Page URL

Enter a single page URL to scan its meta tags.

info Ideal Lengths
Title: 50-60 characters
Description: 120-160 characters
fact_check Scan Results
0 pages scanned
monitoring

No pages scanned yet

Enter a URL or sitemap on the left and click "Scan Meta Tags" to extract SEO metadata.

help_outline

How to Use - Content Scraper

expand_more
  1. Import a CSV template - Upload a CSV file with column headers defining the data structure you want to extract
  2. Load a template page - Enter a URL and click "Load Page" to preview it in the visual selector
  3. Map content - Click elements in the page preview, choose an extraction pattern (full text, numbers only, etc.), and assign them to your CSV columns
  4. Add page URLs - Provide a list of URLs, auto-discover sub-pages, or use a sitemap to define which pages to scrape
  5. Scrape and export - Click "Scrape All Pages" and then export the results as a CSV file
info Shift+click in the visual selector to add multiple elements. Use the parent/child navigation buttons to fine-tune your selection.
1
Import CSV
2
Map Content
3
Scrape
upload_file Import CSV Template

Upload a CSV template file. The first line can be a collection name (single value), and headers will be auto-detected and categorized.

description

Drop CSV Template Here

or click to browse files

touch_app Visual Content Selector
Template Page URL

Load a page, then click on elements in the preview to map them to your CSV columns.

cloud_download Scrape & Export
URL Input Mode
Page URLs (one per line)