# Website Image Extractor (WebsiteImageExtractor.online) — Extended LLM & RAG Technical Corpus

> Comprehensive architectural, algorithmic, and normative specification index for WebsiteImageExtractor.online, compiled from the site's dynamic sitemap architecture by the Web Asset & DOM Specification Research Desk.

---

## 1. Site Architecture & Stack

- **Domain**: `https://websiteimageextractor.online`
- **Framework**: Astro 7.4+ Static HTML-First Architecture (`output: 'static'`, `compressHTML: true`, Speculation Rules API prerendering, View Transitions with `data-astro-transition-persist`).
- **Execution Model**: 100% Client-Side Browser Sandbox (`DOMParser`, `OffscreenCanvas`, `JSZip` PKWARE DEFLATE Level 6, `URLSearchParams` state serialization) paired with optional Zero-Log Edge HTML Fetcher.
- **Institutional Research Desk**: `Web Asset & DOM Specification Research Desk`
- **Governing Normative Standards**:
  1. `WHATWG HTML Living Standard § 4.8.3` (Embedded Content: `<img>`, `srcset` width `w` & pixel-density `x` descriptors, `<picture>`)
  2. `W3C SVG 2.0 Specification` (Inline `<svg>` DOM serialization, `xmlns="http://www.w3.org/2000/svg"`, `viewBox` geometry)
  3. `IETF RFC 2397 & RFC 4648` (`data:image/*;base64` inline binary media streams; exact byte length $B = \lfloor L \times 3 / 4 \rfloor - P$)
  4. `IETF RFC 9649` (WebP container RIFF/VP8/VP8L bitstream decoding)
  5. `ISO/IEC 15948` (Portable Network Graphics 32-bit RGBA lossless DEFLATE specification)
- **Wikidata Knowledge Graph Entities (`sameAs`)**:
  - Web Scraping: `https://www.wikidata.org/wiki/Q665452`
  - Document Object Model (DOM): `https://www.wikidata.org/wiki/Q165658`
  - Portable Network Graphics (PNG): `https://www.wikidata.org/wiki/Q178051`
  - Scalable Vector Graphics (SVG): `https://www.wikidata.org/wiki/Q2078`
  - WebP: `https://www.wikidata.org/wiki/Q723039`

---

## 2. Content & Tool Data Schema (`src/data/seoContent.ts`)

```typescript
interface PillarPageData {
  route: "/" | "/bulk-website-image-downloader/" | "/freeware-browser-image-savers/" | "/html-css-image-scraper/";
  siloSlug: string;
  siloName: string;
  pillarKeyword: string;
  requiredKeywordStems: string[];
  clusterStemPool: string[];
  title: string;
  metaDescription: string;
  h1: string;
  heroBadge: string;
  heroLead: string;
  heroImage: string;
  heroImageAlt: string;
  defaultPresetId: string;
  inverseTwinRoute: string;
  inverseTwinLabel: string;
  zsvTriples: string[];
  editorialSections: EditorialSection[];
  decomposedSubQueries: DecomposedSubQuery[];
  faqs: FaqItem[];
  citations: CitationItem[];
  ragSummary: string;
}
```

---

## 3. Core Pillar & Category Taxonomy

| Route | Silo Name | Target Pillar Keyword | Hero Architecture | Primary Utility Scope |
|---|---|---|---|---|
| `/` | Master Website Image Extractor Technical Hub | `image extractor` | `cinematic-stage` | 10-vector live URL & raw HTML/CSS image discovery, responsive `srcset` max-candidate selector, `.jpg_orig` un-cropper |
| `/bulk-website-image-downloader/` | Bulk Website Image Downloader & Mass Page Photo Saver | `image downloader` | `financial-terminal` | Client-side JSZip DEFLATE Level 6 batch `.zip` archiver, `{domain}-{index}-{w}x{h}.{ext}` token renamer, URI deduplicator |
| `/freeware-browser-image-savers/` | Free Online Picture Savers, Copy-Paste Downloaders & Extension Alternatives | `save image` | `metallurgy-lab` | Zero-extension browser image saver, OffscreenCanvas WebP/AVIF to Lossless PNG or 92% Studio JPEG transcoder |
| `/html-css-image-scraper/` | HTML Source Code Image Parser, Web Scraper & Asset Ripper | `download images from html files` | `cad-blueprint` | Raw DevTools HTML/CSS source paste lexer, 14 lazy-load `data-src` un-cloaker, W3C SVG 2.0 serializer, RFC 2397 Base64 decoder |

---

## 4. 10 Normative DOM & CSS Extraction Vectors

1. **`img[src]`** (`WHATWG § 4.8.3` — 34.0% yield share): Standard HTML image source attributes resolved against document base URI.
2. **`img[srcset]`** (`WHATWG § 4.8.4.2` — 22.5% yield share): Responsive width (`320w`..`3840w` 4K) and pixel-density (`1x`..`3x`) candidate sorting.
3. **`picture > source`** (`WHATWG § 4.8.2` — 11.2% yield share): Art-directed multi-MIME (`image/avif`, `image/webp`, `image/jpeg`) containers.
4. **`[data-src]` lazy attributes** (`WHATWG Custom Data` — 9.8% yield share): Un-cloaks 14 deferred lazy-loading attributes (`data-src`, `data-lazy-src`, `data-original`, `data-bgset`).
5. **`css background-image`** (`W3C CSS Backgrounds Level 3` — 8.4% yield share): Extracts inline `style` and stylesheet `url(...)` / `image-set(...)` declarations.
6. **`inline <svg>`** (`W3C SVG 2.0` — 6.5% yield share): Serializes inline `<svg>` nodes and injects `xmlns="http://www.w3.org/2000/svg"` and `viewBox` bounds.
7. **`meta og:image`** (`OpenGraph / X Card` — 3.1% yield share): Harvests high-resolution social preview cards from `<head>` metadata.
8. **`apple-touch-icon` & Favicons** (`W3C Web App Manifest` — 2.0% yield share): Extracts `16x16` to `512x512` brand identity icons.
9. **`video[poster]`** (`WHATWG § 4.8.9` — 1.4% yield share): Extracts keyframe still captures bound to HTML5 `<video poster>` attributes.
10. **`data:image/*;base64`** (`IETF RFC 2397` — 1.1% yield share): Decodes inline Base64 binary streams into standalone downloadable files.

---

## 5. Deterministic Verification Test Suite (`TC-01`..`TC-05`)

- **TC-01 (`selectBestSrcset`)**: Given `"https://cdn.site.com/hero-400.webp 400w, https://cdn.site.com/hero-1200.webp 1200w, https://cdn.site.com/hero-2400.jpg 2400w"`, deterministically selects `"https://cdn.site.com/hero-2400.jpg"` (`2400w`).
- **TC-02 (`uncropCdnUrl`)**: Rewrites `"https://pbs.twimg.com/media/abc123XYZ?format=jpg&name=small"` to `"https://pbs.twimg.com/media/abc123XYZ?format=jpg&name=orig"` and `"https://example.com/wp-content/uploads/2026/03/photo-300x200.jpg"` to `"https://example.com/wp-content/uploads/2026/03/photo.jpg"`.
- **TC-03 (`parseHtmlImages`)**: Extracts `<img data-src>`, inline `style="background-image: url(...)"`, and serializes inline `<svg>` with `xmlns="http://www.w3.org/2000/svg"`.
- **TC-04 (`filterExtractedAssets`)**: Given `minW = 400`, `minH = 300`, `formats = ['png', 'svg']`, purges `1x1` trackers, `16x16` favicons, and non-matching MIME types in `<5ms`.
- **TC-05 (`decodeDataUriMeta`)**: Decodes `"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg=="` to `{ mime: "image/png", ext: "png", isBase64: true, byteLength: 68 }`.

---

## 6. Complete Indexed Route & Endpoint Inventory

- `https://websiteimageextractor.online/` — Website Image Extractor Hub
- `https://websiteimageextractor.online/bulk-website-image-downloader/` — Bulk Website Image Downloader
- `https://websiteimageextractor.online/freeware-browser-image-savers/` — Freeware Browser Image Savers
- `https://websiteimageextractor.online/html-css-image-scraper/` — HTML & CSS Image Scraper
- `https://websiteimageextractor.online/about/` — Research Desk & Test Fixtures
- `https://websiteimageextractor.online/privacy-policy/` — Zero-Upload Privacy Policy
- `https://websiteimageextractor.online/terms-of-service/` — Terms of Service & Safe Harbor
- `https://websiteimageextractor.online/sitemap/` — Interactive HTML Sitemap
- `https://websiteimageextractor.online/sitemap-index.xml` — Machine-Readable XML Sitemap
- `https://websiteimageextractor.online/rss.xml` — Google Discover Media RSS 2.0 Feed
- `https://websiteimageextractor.online/llms.txt` — Concise LLM Summary
- `https://websiteimageextractor.online/llms-full.txt` — Extended RAG Technical Corpus

---

## 7. Editorial Transparency & Statutory Safe Harbor Notice

Notice: This calculation engine models published statutory formulas and regulatory codes (WHATWG HTML Living Standard § 4.8.3, W3C SVG 2.0, IETF RFC 2397, IETF RFC 9649, and ISO/IEC 15948) for informational and planning purposes only. It does not provide certified legal, medical, veterinary, tax, or engineering advice. For definitive rulings, consult an actively licensed professional in your jurisdiction.