📚 12 articles published

Tutorials & Best Practices

Practical guides on OG images, favicons, social SEO, and web manifest. New post every month.

OG Image API Reference 2026 — Free REST Endpoints + Templates

Free 2026 OG image REST API reference: parameters, 6 templates, color overrides, font sizes, caching, rate limits. Copy-paste examples — no signup.

Emoji Favicon 2026 — SVG One-Liner That Works in Every Browser

The 2026 emoji favicon SVG one-liner that works in Chrome, Safari, Firefox & Edge. Why it became the modern standard + copy-paste code. Free.

Cloudflare Workers vs Vercel OG 2026 — 10x Faster, 7x Cheaper

Real 2026 benchmarks: Cloudflare Workers SVG beats Vercel OG on p99 latency (54ms vs 521ms), throughput (4.2k req/s), and cost ($0.30 vs $2 per million).

OG Image Best Practices 2026 — 1200x630, Fonts, Safe Zones

Complete 2026 spec for OG images on Twitter/X, Facebook, LinkedIn, Slack, WhatsApp. 1200x630 size, safe zones, fonts, contrast + testing checklist.

PWA Manifest Icons 2026 — Every Size for iOS, Android, Desktop

Web App Manifest icon spec 2026 — maskable, monochrome, splash screens. Exact sizes needed to ship a working PWA on iOS, Android & desktop.

Dark Mode Favicons 2026 — SVG Media Query Trick + Examples

Make a favicon that adapts to dark mode browser tabs in 2026. The SVG @media prefers-color-scheme trick + copy-paste examples. Free, no signup.

OG Images in Next.js, Astro, SvelteKit 2026 — Copy-Paste Code

Copy-paste 2026 recipes for dynamic OG images in Next.js App Router, Astro, SvelteKit, Nuxt & Remix. Working code, free API, common gotchas fixed.

Apple Touch Icon Guide 2026 — 180x180 PNG, Code + 5 Design Rules

Complete 2026 apple-touch-icon guide: canonical 180x180 PNG spec, copy-paste HTML link tag, 5 design rules and PWA/splash-screen setup iOS actually respects.

Free vs Paid OG Image Tools 2026 — Honest Side-by-Side Compare

2026 comparison: og.hjlabs.in vs Vercel OG, Bannerbear, Placid, og.tools. Pricing, features, limits — when free is enough vs when to pay.

Why Twitter (X) Cards Don't Render in 2026 — 12 Causes + Fixes

The 12 most common reasons Twitter/X cards fail to render in 2026, with the exact fix for each. Validator gotchas, image specs, meta tag debugging.

Favicon Sizes Cheatsheet 2026 — All 11 Sizes + Copy-Paste HTML

Complete 2026 favicon size reference: 16x16, 32x32, Apple Touch 180x180, PWA 192/512, Safari pinned tab + Windows tiles. With copy-paste HTML link tags.

Generate OG Images Programmatically 2026 — Code Guide + API

Generate dynamic OG images at the edge with Cloudflare Workers, Vercel OG, or Satori in 2026. Code, tradeoffs & production template — free, no signup.