chore: update tool counts and references for html-to-image (53 tools)

apps/api/src/openapi.yaml

@@ -3,7 +3,7 @@ info:
   title: SnapOtter API
   version: 1.17.1
   description: |
-    REST API for SnapOtter, a self-hosted image processing platform with 52 tools.
+    REST API for SnapOtter, a self-hosted image processing platform with 53 tools.
 
     ## Authentication
 

apps/docs/guide/architecture.md

@@ -47,7 +47,7 @@ Shared TypeScript types, constants (like `APP_VERSION` and tool definitions), an
 
 ### API (`apps/api`)
 
-A Fastify v5 server exposing 50+ tool routes (36 standard image operations + 16 AI-powered) that handles:
+A Fastify v5 server exposing 53 tool routes (37 standard image operations + 16 AI-powered) that handles:
 - File uploads, temporary workspace management, and persistent file storage
 - User file library with version chains (`user_files` table) -- each processed result links back to its source file and records which tool was applied, with auto-generated thumbnails for the Files page
 - Tool execution (routes each tool request to the image engine or AI bridge)

apps/docs/guide/getting-started.md

@@ -72,7 +72,7 @@ pnpm dev
 
 ## What You Can Do
 
-### Image Processing (52 Tools)
+### Image Processing (53 Tools)
 
 | Category | Tools |
 |----------|-------|
@@ -81,7 +81,7 @@ pnpm dev
 | **Adjustments** | Adjust Colors, Sharpening, Replace Color, Color Blindness Simulation |
 | **AI Tools** | Remove Background, Upscale, Erase Object, OCR, Blur Faces, Smart Crop, Image Enhancement, Enhance Faces, Colorize, Noise Removal, Red Eye Removal, Restore Photo, Passport Photo, Content-Aware Resize, AI Canvas Expand, PNG Transparency Fixer |
 | **Watermark & Overlay** | Text Watermark, Image Watermark, Text Overlay, Image Composition, Meme Generator |
-| **Utilities** | Image Info, Compare, Find Duplicates, Color Palette, QR Code Generator, Barcode Reader, Image to Base64 |
+| **Utilities** | Image Info, Compare, Find Duplicates, Color Palette, QR Code Generator, Barcode Reader, Image to Base64, HTML to Image |
 | **Layout** | Collage, Stitch, Split, Border & Frame, Beautify |
 | **Format** | SVG to Raster, Vectorize, GIF Tools, PDF to Image |
 

apps/docs/index.md

@@ -14,7 +14,7 @@ hero:
       link: /api/rest
 
 features:
-  - title: 52 Image Tools
+  - title: 53 Image Tools
     details: Resize, crop, compress, convert, watermark, color adjust, vectorize, create GIFs, build collages, generate passport photos, find duplicates, and more.
   - title: Local AI
     details: 16 AI-powered tools - remove backgrounds, upscale, enhance images, restore and colorize old photos, erase objects, blur faces, enhance faces, extract text (OCR), fix fake transparency, expand canvas with AI fill. All on your hardware, no internet required.

apps/landing/src/app/tools/page.tsx

@@ -9,13 +9,13 @@ import { Navbar } from "@/components/navbar";
 import { ToolIcon } from "@/components/tool-icon";
 
 export const metadata: Metadata = {
-  title: "All 52 Image Processing Tools | SnapOtter",
+  title: "All 53 Image Processing Tools | SnapOtter",
   description:
-    "Browse all 52 self-hosted image tools: resize, compress, convert, remove backgrounds, upscale with AI, add watermarks, generate QR codes, and more. Free, open source, runs on your hardware.",
+    "Browse all 53 self-hosted image tools: resize, compress, convert, remove backgrounds, upscale with AI, add watermarks, generate QR codes, and more. Free, open source, runs on your hardware.",
   alternates: { canonical: "https://snapotter.com/tools" },
   openGraph: {
-    title: "All 52 Image Processing Tools | SnapOtter",
-    description: "Browse all 52 self-hosted image tools. Free, open source, runs on your hardware.",
+    title: "All 53 Image Processing Tools | SnapOtter",
+    description: "Browse all 53 self-hosted image tools. Free, open source, runs on your hardware.",
     url: "https://snapotter.com/tools",
     siteName: "SnapOtter",
     type: "website",
@@ -25,7 +25,7 @@ export const metadata: Metadata = {
         url: "/og-image.png",
         width: 1280,
         height: 640,
-        alt: "SnapOtter - 52 Image Processing Tools",
+        alt: "SnapOtter - 53 Image Processing Tools",
       },
     ],
   },
@@ -67,7 +67,7 @@ export default function ToolsIndexPage() {
     "@type": "CollectionPage",
     name: "SnapOtter Image Processing Tools",
     description:
-      "52 self-hosted image processing tools with local AI. Resize, compress, convert, remove backgrounds, upscale, OCR, and more.",
+      "53 self-hosted image processing tools with local AI. Resize, compress, convert, remove backgrounds, upscale, OCR, and more.",
     url: "https://snapotter.com/tools",
     isPartOf: {
       "@type": "WebSite",

apps/landing/src/data/tool-seo.ts

@@ -1388,6 +1388,38 @@ export const TOOL_SEO: Record<string, ToolSeo> = {
       },
     ],
   },
+  "html-to-image": {
+    searchTitle: "HTML to Image Converter - Render HTML as PNG or JPEG",
+    longDescription:
+      "Convert HTML and CSS to high-quality images. Render any HTML snippet, webpage fragment, or styled markup as a PNG, JPEG, or WebP image at any resolution. Useful for generating social cards, email previews, and dynamic image content from templates.",
+    useCases: [
+      "Generate social media cards and Open Graph images from HTML templates",
+      "Create email preview thumbnails from HTML email markup",
+      "Render styled text and layouts as images for sharing",
+      "Produce dynamic banner images from data-driven HTML templates",
+    ],
+    features: [
+      "Renders full HTML and CSS including web fonts",
+      "Output as PNG, JPEG, or WebP",
+      "Custom viewport width and height",
+      "Transparent background support for PNG output",
+      "Batch convert multiple HTML snippets",
+    ],
+    faqs: [
+      {
+        q: "What HTML and CSS features are supported?",
+        a: "Most modern HTML5 and CSS3 features are supported including flexbox, grid, web fonts, gradients, shadows, and transforms. JavaScript is not executed.",
+      },
+      {
+        q: "Can I set a custom image size?",
+        a: "Yes. Specify the viewport width and height to control the rendered area. The output image matches the viewport dimensions you set.",
+      },
+      {
+        q: "Does it support transparent backgrounds?",
+        a: "Yes, when outputting as PNG. Set no background color on the root element and the transparent areas will be preserved in the output image.",
+      },
+    ],
+  },
   collage: {
     searchTitle: "Photo Collage Maker - Grid Layouts and Templates",
     longDescription: