Image Not Showing
Symptoms
Shared links show a text-only preview without an image.
Causes
Missing og:image meta tag, image URL returns 404, image is too small (minimum 200×200 for most platforms), or CORS headers prevent the crawler from accessing it.
Solution
Add a proper og:image tag with an absolute URL. Ensure the image is accessible without authentication. Use dimensions of at least 1200×630.
Old/Wrong Preview Showing
Symptoms
The preview shows outdated title, description, or image even after updating.
Cause
Social platforms cache link previews aggressively (24-72 hours).
Solution
Use platform debugger tools to force a cache refresh. Facebook Sharing Debugger lets you 'Scrape Again'. For Twitter, re-fetching via Card Validator clears cache.
Title/Description Wrong
Cause
Platforms prioritize Open Graph tags over HTML title/meta description. If og:title is missing, they fall back to </code> which may include site name suffixes.</p>
<h3 id="solution">Solution</h3>
<p>Set both og:title and og:description explicitly for every shareable page. These can differ from the HTML title and <span class="glossary-term" data-term="Meta Description" data-slug="meta-description" data-definition="An HTML meta tag providing a brief summary of a page's content, often displayed in search engine results.">meta description</span> to be optimized for social sharing context.</p>
</div>
</section>
<section class="mb-8">
<h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-3">เครื่องมือที่เกี่ยวข้อง</h2>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-2.5">
<a href="/th/social/social-char-counter/"
class="flex items-center gap-3 rounded-lg border p-3 transition-colors hover:border-accent"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
<span class="inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md text-white text-xs font-bold"
style="background-color: var(--accent)">
S
</span>
<span class="text-sm font-medium text-gray-900 dark:text-white">Social Character Counter</span>
</a>
<a href="/th/social/social-hashtag-tool/"
class="flex items-center gap-3 rounded-lg border p-3 transition-colors hover:border-accent"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
<span class="inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md text-white text-xs font-bold"
style="background-color: var(--accent)">
H
</span>
<span class="text-sm font-medium text-gray-900 dark:text-white">Hashtag Extractor & Generator</span>
</a>
<a href="/th/social/social-mention-extractor/"
class="flex items-center gap-3 rounded-lg border p-3 transition-colors hover:border-accent"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
<span class="inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md text-white text-xs font-bold"
style="background-color: var(--accent)">
S
</span>
<span class="text-sm font-medium text-gray-900 dark:text-white">Social Mention Extractor</span>
</a>
<a href="/th/social/social-thread-splitter/"
class="flex items-center gap-3 rounded-lg border p-3 transition-colors hover:border-accent"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
<span class="inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md text-white text-xs font-bold"
style="background-color: var(--accent)">
T
</span>
<span class="text-sm font-medium text-gray-900 dark:text-white">Thread Splitter</span>
</a>
<a href="/th/social/social-emoji-tool/"
class="flex items-center gap-3 rounded-lg border p-3 transition-colors hover:border-accent"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
<span class="inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md text-white text-xs font-bold"
style="background-color: var(--accent)">
E
</span>
<span class="text-sm font-medium text-gray-900 dark:text-white">Emoji Remover & Extractor</span>
</a>
<a href="/th/social/social-bio-formatter/"
class="flex items-center gap-3 rounded-lg border p-3 transition-colors hover:border-accent"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
<span class="inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md text-white text-xs font-bold"
style="background-color: var(--accent)">
B
</span>
<span class="text-sm font-medium text-gray-900 dark:text-white">Bio Formatter</span>
</a>
<a href="/th/social/social-cta-generator/"
class="flex items-center gap-3 rounded-lg border p-3 transition-colors hover:border-accent"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
<span class="inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md text-white text-xs font-bold"
style="background-color: var(--accent)">
C
</span>
<span class="text-sm font-medium text-gray-900 dark:text-white">CTA Generator</span>
</a>
<a href="/th/social/social-engagement-analyzer/"
class="flex items-center gap-3 rounded-lg border p-3 transition-colors hover:border-accent"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
<span class="inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md text-white text-xs font-bold"
style="background-color: var(--accent)">
E
</span>
<span class="text-sm font-medium text-gray-900 dark:text-white">Engagement Analyzer</span>
</a>
<a href="/th/social/social-post-preview/"
class="flex items-center gap-3 rounded-lg border p-3 transition-colors hover:border-accent"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
<span class="inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md text-white text-xs font-bold"
style="background-color: var(--accent)">
P
</span>
<span class="text-sm font-medium text-gray-900 dark:text-white">Post Preview</span>
</a>
<a href="/th/social/social-utm-builder/"
class="flex items-center gap-3 rounded-lg border p-3 transition-colors hover:border-accent"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
<span class="inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md text-white text-xs font-bold"
style="background-color: var(--accent)">
U
</span>
<span class="text-sm font-medium text-gray-900 dark:text-white">UTM Link Builder</span>
</a>
<a href="/th/social/social-handle-checker/"
class="flex items-center gap-3 rounded-lg border p-3 transition-colors hover:border-accent"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
<span class="inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md text-white text-xs font-bold"
style="background-color: var(--accent)">
H
</span>
<span class="text-sm font-medium text-gray-900 dark:text-white">Handle Checker</span>
</a>
<a href="/th/social/social-image-size-guide/"
class="flex items-center gap-3 rounded-lg border p-3 transition-colors hover:border-accent"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
<span class="inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md text-white text-xs font-bold"
style="background-color: var(--accent)">
I
</span>
<span class="text-sm font-medium text-gray-900 dark:text-white">Image Size Guide</span>
</a>
<a href="/th/social/social-best-posting-times/"
class="flex items-center gap-3 rounded-lg border p-3 transition-colors hover:border-accent"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
<span class="inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md text-white text-xs font-bold"
style="background-color: var(--accent)">
B
</span>
<span class="text-sm font-medium text-gray-900 dark:text-white">Best Posting Times</span>
</a>
<a href="/th/social/thread-splitter/"
class="flex items-center gap-3 rounded-lg border p-3 transition-colors hover:border-accent"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
<span class="inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md text-white text-xs font-bold"
style="background-color: var(--accent)">
T
</span>
<span class="text-sm font-medium text-gray-900 dark:text-white">Thread Splitter</span>
</a>
<a href="/th/social/caption-formatter/"
class="flex items-center gap-3 rounded-lg border p-3 transition-colors hover:border-accent"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
<span class="inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md text-white text-xs font-bold"
style="background-color: var(--accent)">
C
</span>
<span class="text-sm font-medium text-gray-900 dark:text-white">Caption & Alt Text Formatter</span>
</a>
</div>
</section>
<section class="mb-8">
<h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-3">รูปแบบที่เกี่ยวข้อง</h2>
<div class="flex flex-wrap gap-2">
<a href="/th/formats/jpg/"
class="rounded-lg border px-3 py-2 text-sm font-mono transition-colors hover:text-accent"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
.jpg
</a>
<a href="/th/formats/png/"
class="rounded-lg border px-3 py-2 text-sm font-mono transition-colors hover:text-accent"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
.png
</a>
<a href="/th/formats/webp/"
class="rounded-lg border px-3 py-2 text-sm font-mono transition-colors hover:text-accent"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
.webp
</a>
</div>
</section>
<section class="mb-8">
<h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-3">คู่มือที่เกี่ยวข้อง</h2>
<div class="space-y-2.5">
<a href="/th/guides/social-media-image-sizes-2025/"
class="block rounded-lg border p-4 transition-colors"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
<p class="font-medium text-gray-900 dark:text-white text-sm">Social Media Image Sizes: The Complete 2025 Guide</p>
<p class="text-sm text-gray-500 dark:text-gray-400 mt-1 line-clamp-1">Each social platform has specific image dimensions for profiles, covers, posts, and stories. Using the wrong size results in cropping, blurring, or poor presentation. This guide covers current sizes for all major platforms.</p>
</a>
<a href="/th/guides/create-open-graph-images/"
class="block rounded-lg border p-4 transition-colors"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
<p class="font-medium text-gray-900 dark:text-white text-sm">How to Create Open Graph Images for Social Sharing</p>
<p class="text-sm text-gray-500 dark:text-gray-400 mt-1 line-clamp-1">Open Graph images determine how your links appear when shared on social media. A well-designed OG image can dramatically increase click-through rates compared to a default or missing preview.</p>
</a>
<a href="/th/guides/social-media-bio-link-best-practices/"
class="block rounded-lg border p-4 transition-colors"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
<p class="font-medium text-gray-900 dark:text-white text-sm">Best Practices for Social Media Bio Link Pages</p>
<p class="text-sm text-gray-500 dark:text-gray-400 mt-1 line-clamp-1">Bio link pages (like Linktree) consolidate your online presence into a single URL. Learn how to create effective link pages that drive traffic to your most important content and convert visitors into followers or customers.</p>
</a>
<a href="/th/guides/social-media-video-specs/"
class="block rounded-lg border p-4 transition-colors"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
<p class="font-medium text-gray-900 dark:text-white text-sm">Social Media Video Specifications by Platform</p>
<p class="text-sm text-gray-500 dark:text-gray-400 mt-1 line-clamp-1">Each social platform has specific requirements for video dimensions, duration, file size, and format. Uploading video that doesn't meet these specs results in rejected uploads or quality degradation.</p>
</a>
<a href="/th/guides/troubleshooting-social-preview-issues/"
class="block rounded-lg border p-4 transition-colors"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
<p class="font-medium text-gray-900 dark:text-white text-sm">Troubleshooting Social Media Preview Issues</p>
<p class="text-sm text-gray-500 dark:text-gray-400 mt-1 line-clamp-1">When shared links show the wrong image, old title, or no preview at all, the problem is usually in your Open Graph markup or server caching. This guide helps you diagnose and fix social sharing preview problems.</p>
</a>
</div>
</section>
</div>
<aside class="hidden lg:block">
<div class="sticky top-24">
<nav class="guide-toc-sidebar">
<h2 class="text-xs font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500 mb-3 px-3">On this page</h2>
<ul class="space-y-0.5 text-[13px]">
<li>
<a href="#image-not-showing"
class="guide-toc-link block rounded-md px-3 py-1.5 transition-colors "
:class="activeHeading === 'image-not-showing' ? 'guide-toc-active' : ''"
data-anchor="image-not-showing">
Image Not Showing
</a>
</li>
<li>
<a href="#symptoms"
class="guide-toc-link block rounded-md px-3 py-1.5 transition-colors pl-6 text-[12.5px]"
:class="activeHeading === 'symptoms' ? 'guide-toc-active' : ''"
data-anchor="symptoms">
Symptoms
</a>
</li>
<li>
<a href="#causes"
class="guide-toc-link block rounded-md px-3 py-1.5 transition-colors pl-6 text-[12.5px]"
:class="activeHeading === 'causes' ? 'guide-toc-active' : ''"
data-anchor="causes">
Causes
</a>
</li>
<li>
<a href="#solution"
class="guide-toc-link block rounded-md px-3 py-1.5 transition-colors pl-6 text-[12.5px]"
:class="activeHeading === 'solution' ? 'guide-toc-active' : ''"
data-anchor="solution">
Solution
</a>
</li>
<li>
<a href="#oldwrong-preview-showing"
class="guide-toc-link block rounded-md px-3 py-1.5 transition-colors "
:class="activeHeading === 'oldwrong-preview-showing' ? 'guide-toc-active' : ''"
data-anchor="oldwrong-preview-showing">
Old/Wrong Preview Showing
</a>
</li>
<li>
<a href="#symptoms"
class="guide-toc-link block rounded-md px-3 py-1.5 transition-colors pl-6 text-[12.5px]"
:class="activeHeading === 'symptoms' ? 'guide-toc-active' : ''"
data-anchor="symptoms">
Symptoms
</a>
</li>
<li>
<a href="#cause"
class="guide-toc-link block rounded-md px-3 py-1.5 transition-colors pl-6 text-[12.5px]"
:class="activeHeading === 'cause' ? 'guide-toc-active' : ''"
data-anchor="cause">
Cause
</a>
</li>
<li>
<a href="#solution"
class="guide-toc-link block rounded-md px-3 py-1.5 transition-colors pl-6 text-[12.5px]"
:class="activeHeading === 'solution' ? 'guide-toc-active' : ''"
data-anchor="solution">
Solution
</a>
</li>
<li>
<a href="#titledescription-wrong"
class="guide-toc-link block rounded-md px-3 py-1.5 transition-colors "
:class="activeHeading === 'titledescription-wrong' ? 'guide-toc-active' : ''"
data-anchor="titledescription-wrong">
Title/Description Wrong
</a>
</li>
<li>
<a href="#cause"
class="guide-toc-link block rounded-md px-3 py-1.5 transition-colors pl-6 text-[12.5px]"
:class="activeHeading === 'cause' ? 'guide-toc-active' : ''"
data-anchor="cause">
Cause
</a>
</li>
<li>
<a href="#solution"
class="guide-toc-link block rounded-md px-3 py-1.5 transition-colors pl-6 text-[12.5px]"
:class="activeHeading === 'solution' ? 'guide-toc-active' : ''"
data-anchor="solution">
Solution
</a>
</li>
</ul>
</nav>
</div>
</aside>
</div>
</div>
</article>
</main>
<!-- Footer -->
<footer class="mt-auto" style="background: #111827; color: #9CA3AF;">
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 pt-10 pb-6" x-data="{ openCol: null }">
<!-- Row 1: Brand + Resources + Developers + Company -->
<div class="md:grid md:gap-10" style="grid-template-columns: 1.5fr 1fr 1fr 1fr;">
<!-- Brand column -->
<div class="mb-8 md:mb-0">
<div class="flex items-center gap-2 mb-3">
<svg class="h-5 w-5 shrink-0" viewBox="0 0 32 32" fill="none">
<ellipse cx="16" cy="17" rx="11" ry="12" fill="#FBBF24"/>
<ellipse cx="16" cy="17" rx="11" ry="12" fill="url(#lemon-grad-f)"/>
<path d="M16 5c-1-3 0-4 2-4.5s3 1 2 3.5" fill="#22C55E"/>
<path d="M16 5c1-3 0-4-2-4.5s-3 1-2 3.5" fill="#16A34A"/>
<defs><linearGradient id="lemon-grad-f" x1="5" y1="8" x2="27" y2="29"><stop stop-color="#FBBF24"/><stop offset="1" stop-color="#D97706"/></linearGradient></defs>
</svg>
<span class="text-white font-bold text-sm">peasy</span>
<span style="color: #4B5563; font-weight: 400;">/</span>
<span style="color: var(--accent);" class="font-bold text-sm">math</span>
</div>
<p class="text-sm leading-relaxed max-w-xs" style="color: #6B7280;">
Free online tools that run in your browser. No uploads, no sign-ups, no tracking.
</p>
</div>
<!-- Resources column -->
<div class="border-t border-gray-800 md:border-0 py-3 md:py-0">
<button @click="openCol = openCol === 'resources' ? null : 'resources'"
class="flex w-full items-center justify-between md:pointer-events-none md:cursor-default"
style="min-height: 44px;">
<span class="text-xs font-bold uppercase tracking-[0.08em] text-gray-300">Resources</span>
<svg class="h-4 w-4 md:hidden transition-transform" :class="openCol === 'resources' ? 'rotate-180' : ''" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
</button>
<ul class="space-y-2 mt-2 text-sm md:!block" x-show="openCol === 'resources'" x-collapse x-cloak>
<li><a href="/guides/" class="hover:text-white transition-colors">คู่มือ <span class="text-xs text-gray-500">(15)</span></a></li>
<li><a href="/glossary/" class="hover:text-white transition-colors">อภิธานศัพท์ <span class="text-xs text-gray-500">(48)</span></a></li>
<li><a href="/use-cases/" class="hover:text-white transition-colors">กรณีการใช้งาน <span class="text-xs text-gray-500">(302)</span></a></li>
<li><a href="/formats/" class="hover:text-white transition-colors">รูปแบบไฟล์ <span class="text-xs text-gray-500">(131)</span></a></li>
<li><a href="/convert/" class="hover:text-white transition-colors">การแปลง <span class="text-xs text-gray-500">(1484)</span></a></li>
</ul>
</div>
<!-- Developers column -->
<div class="border-t border-gray-800 md:border-0 py-3 md:py-0">
<button @click="openCol = openCol === 'dev' ? null : 'dev'"
class="flex w-full items-center justify-between md:pointer-events-none md:cursor-default"
style="min-height: 44px;">
<span class="text-xs font-bold uppercase tracking-[0.08em] text-gray-300">Developers</span>
<svg class="h-4 w-4 md:hidden transition-transform" :class="openCol === 'dev' ? 'rotate-180' : ''" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
</button>
<ul class="space-y-2 mt-2 text-sm md:!block" x-show="openCol === 'dev'" x-collapse x-cloak>
<li><a href="/developers/" class="hover:text-white transition-colors">API Documentation</a></li>
<li><a href="/api/openapi.json" class="hover:text-white transition-colors">OpenAPI Spec</a></li>
<li><a href="/llms.txt" class="hover:text-white transition-colors">llms.txt</a></li>
<li><a href="https://widget.peasymath.com" target="_blank" rel="noopener" class="hover:text-emerald-400 transition-colors inline-flex items-center gap-1">Embed Widget <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/></svg></a></li>
</ul>
</div>
<!-- Company column -->
<div class="border-t border-gray-800 md:border-0 py-3 md:py-0">
<button @click="openCol = openCol === 'company' ? null : 'company'"
class="flex w-full items-center justify-between md:pointer-events-none md:cursor-default"
style="min-height: 44px;">
<span class="text-xs font-bold uppercase tracking-[0.08em] text-gray-300">Company</span>
<svg class="h-4 w-4 md:hidden transition-transform" :class="openCol === 'company' ? 'rotate-180' : ''" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
</button>
<ul class="space-y-2 mt-2 text-sm md:!block" x-show="openCol === 'company'" x-collapse x-cloak>
<li><a href="/about/" class="hover:text-white transition-colors">About</a></li>
<li><a href="/about/technology/" class="hover:text-white transition-colors">Technology</a></li>
<li><a href="/privacy/" class="hover:text-white transition-colors">นโยบายความเป็นส่วนตัว</a></li>
<li><a href="/terms/" class="hover:text-white transition-colors">ข้อกำหนดการใช้บริการ</a></li>
</ul>
</div>
</div>
<!-- Row 2: this site's own tools (same-host links only — no site-wide links to other domains, R2/D3) -->
<div class="border-t border-gray-800 mt-8 pt-8">
<h3 class="text-xs font-bold uppercase tracking-[0.08em] text-gray-300 mb-5">
<a href="/math/" class="hover:text-white transition-colors">Math Tools</a>
</h3>
<ul class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-x-8 gap-y-1">
<li><a href="/math/percentage-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Percentage Calculator</a></li>
<li><a href="/math/ratio-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Ratio Calculator</a></li>
<li><a href="/math/average-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Average Calculator</a></li>
<li><a href="/math/gcd-lcm-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">GCD & LCM Calculator</a></li>
<li><a href="/math/prime-number-tools/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Prime Number Tools</a></li>
<li><a href="/math/equation-solver/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Equation Solver</a></li>
<li><a href="/math/unit-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Unit Converter</a></li>
<li><a href="/math/fraction-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Fraction Calculator</a></li>
<li><a href="/math/roman-numeral-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Roman Numeral Converter</a></li>
<li><a href="/math/fibonacci-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Fibonacci Calculator</a></li>
<li><a href="/math/logarithm-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Logarithm Calculator</a></li>
<li><a href="/math/statistics-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Statistics Calculator</a></li>
<li><a href="/math/number-base-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Конвертер систем счисления</a></li>
<li><a href="/math/matrix-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Matrix Calculator</a></li>
<li><a href="/math/trigonometry-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Trigonometry Calculator</a></li>
</ul>
</div>
<!-- Bottom bar -->
<div class="border-t border-gray-800 mt-6 pt-6 flex flex-col sm:flex-row items-center justify-between gap-3">
<span class="text-sm font-medium text-white">Easy peasy lemon squeezy. 🍋</span>
<p class="text-xs" style="color: #6B7280;">
© 2026 Peasy Math. Your files never leave your browser.
</p>
</div>
</div>
</footer>
<!-- Command palette tool data (dynamic, must be inline) -->
<script>window.__PEASY_TOOLS__=[{"name": "Add Header & Footer", "url": "/pdf/pdf-header-footer/", "category": "PDF Tools"}, {"name": "Add Image to PDF", "url": "/pdf/add-image-to-pdf/", "category": "PDF Tools"}, {"name": "Add Page Numbers", "url": "/pdf/add-page-numbers/", "category": "PDF Tools"}, {"name": "Add Text to PDF", "url": "/pdf/add-text-to-pdf/", "category": "PDF Tools"}, {"name": "AES Encrypt / Decrypt", "url": "/safe/aes-encrypt/", "category": "Privacy & Security"}, {"name": "API Key Generator", "url": "/gen/gen-api-key/", "category": "Generator Tools"}, {"name": "App Icon Size Guide", "url": "/design/design-icon-size-guide/", "category": "Design Tools"}, {"name": "App Store Link Generator", "url": "/qr/app-store-link-generator/", "category": "QR & Barcode"}, {"name": "Audio File Size Calculator", "url": "/audio/audio-filesize/", "category": "Audio Tools"}, {"name": "Avatar Generator", "url": "/gen/gen-avatar-svg/", "category": "Generator Tools"}, {"name": "Average Calculator", "url": "/math/average-calculator/", "category": "Math Tools"}, {"name": "Barcode Format Reference", "url": "/qr/barcode-reference/", "category": "QR & Barcode"}, {"name": "Barcode Validator", "url": "/qr/barcode-validator/", "category": "QR & Barcode"}, {"name": "Base64 Encoder / Decoder", "url": "/doc/base64-encoder/", "category": "Format Tools"}, {"name": "Base64 Encoder / Decoder", "url": "/safe/base64-encoder-decoder/", "category": "Privacy & Security"}, {"name": "Best Posting Times", "url": "/social/social-best-posting-times/", "category": "Social Media Tools"}, {"name": "Bit Depth Analyzer", "url": "/audio/audio-bit-depth-analyzer/", "category": "Audio Tools"}, {"name": "Canonical Tag Checker", "url": "/seo/canonical-checker/", "category": "SEO Tools"}, {"name": "Caption & Alt Text Formatter", "url": "/social/caption-formatter/", "category": "Social Media Tools"}, {"name": "Cents Calculator", "url": "/audio/audio-cents/", "category": "Audio Tools"}, {"name": "Character Set Analyzer", "url": "/doc/charset-analyzer/", "category": "Format Tools"}, {"name": "Chord Reference", "url": "/audio/chord-reference/", "category": "Audio Tools"}, {"name": "Color Code Converter", "url": "/dev/color-converter/", "category": "Developer Tools"}, {"name": "Compress Image", "url": "/image/compress-image/", "category": "Image Tools"}, {"name": "Compress PDF", "url": "/pdf/compress-pdf/", "category": "PDF Tools"}, {"name": "Conversion Guide", "url": "/doc/conversion-guide/", "category": "Format Tools"}, {"name": "CORS Header Generator", "url": "/safe/cors-generator/", "category": "Privacy & Security"}, {"name": "Cron Expression Builder", "url": "/gen/gen-cron-expression/", "category": "Generator Tools"}, {"name": "Crop PDF", "url": "/pdf/crop-pdf/", "category": "PDF Tools"}, {"name": "CSP Header Generator", "url": "/safe/csp-generator/", "category": "Privacy & Security"}, {"name": "CSS Clip-Path Generator", "url": "/css/css-clip-path/", "category": "CSS Tools"}, {"name": "CSS Color Converter", "url": "/css/css-color-converter/", "category": "CSS Tools"}, {"name": "CSS Filter Effects", "url": "/css/css-filter-effects/", "category": "CSS Tools"}, {"name": "CSS Pattern Generator", "url": "/design/css-pattern-generator/", "category": "Design Tools"}, {"name": "CSS Unit Converter", "url": "/css/css-unit-converter/", "category": "CSS Tools"}, {"name": "CSS Unit Converter", "url": "/dev/css-units/", "category": "Developer Tools"}, {"name": "CSV Data Generator", "url": "/gen/gen-csv-data/", "category": "Generator Tools"}, {"name": "CSV ↔ JSON Converter", "url": "/dev/csv-json-converter/", "category": "Developer Tools"}, {"name": "Data URI Converter", "url": "/dev/data-uri/", "category": "Developer Tools"}, {"name": "Data URI Generator", "url": "/doc/data-uri-generator/", "category": "Format Tools"}, {"name": "dB Converter", "url": "/audio/audio-db/", "category": "Audio Tools"}, {"name": "Decibel Reference Guide", "url": "/audio/audio-db-reference/", "category": "Audio Tools"}, {"name": "Delay Time Calculator", "url": "/audio/audio-delay/", "category": "Audio Tools"}, {"name": "Delete PDF Pages", "url": "/pdf/delete-pdf-pages/", "category": "PDF Tools"}, {"name": "Duplicate PDF Pages", "url": "/pdf/duplicate-pdf-pages/", "category": "PDF Tools"}, {"name": "Edit PDF Metadata", "url": "/pdf/edit-pdf-metadata/", "category": "PDF Tools"}, {"name": "Email Address Generator", "url": "/gen/gen-email-addresses/", "category": "Generator Tools"}, {"name": "Email QR Generator", "url": "/qr/qr-email-generator/", "category": "QR & Barcode"}, {"name": ".env Validator", "url": "/dev/env/", "category": "Developer Tools"}, {"name": "EQ Frequency Reference", "url": "/audio/audio-eq-reference/", "category": "Audio Tools"}, {"name": "Equation Solver", "url": "/math/equation-solver/", "category": "Math Tools"}, {"name": "Error Correction Calculator", "url": "/qr/qr-error-correction/", "category": "QR & Barcode"}, {"name": "Event QR Generator", "url": "/qr/qr-event-generator/", "category": "QR & Barcode"}, {"name": "Extract Odd/Even Pages", "url": "/pdf/odd-even-pdf/", "category": "PDF Tools"}, {"name": "Extract PDF Pages", "url": "/pdf/extract-pdf-pages/", "category": "PDF Tools"}, {"name": "Extract Text from PDF", "url": "/pdf/extract-text-from-pdf/", "category": "PDF Tools"}, {"name": "Fibonacci Calculator", "url": "/math/fibonacci-calculator/", "category": "Math Tools"}, {"name": "File Size Converter", "url": "/doc/file-size-converter/", "category": "Format Tools"}, {"name": "Flatten PDF", "url": "/pdf/flatten-pdf/", "category": "PDF Tools"}, {"name": "Format Comparison Guide", "url": "/doc/format-comparison/", "category": "Format Tools"}, {"name": "Format Identifier", "url": "/doc/format-identifier/", "category": "Format Tools"}, {"name": "Fraction Calculator", "url": "/math/fraction-calculator/", "category": "Math Tools"}, {"name": "GCD & LCM Calculator", "url": "/math/gcd-lcm-calculator/", "category": "Math Tools"}, {"name": "Geo Location QR Generator", "url": "/qr/qr-geo-location/", "category": "QR & Barcode"}, {"name": ".gitignore Generator", "url": "/dev/gitignore/", "category": "Developer Tools"}, {"name": "Golden Ratio Calculator", "url": "/design/design-golden-ratio-calculator/", "category": "Design Tools"}, {"name": "Grayscale Image", "url": "/image/grayscale-image/", "category": "Image Tools"}, {"name": "Handle Checker", "url": "/social/social-handle-checker/", "category": "Social Media Tools"}, {"name": "Hash Generator", "url": "/safe/safe-hash-generator/", "category": "Privacy & Security"}, {"name": "Hash Generator", "url": "/dev/hash-generator/", "category": "Developer Tools"}, {"name": "Heading Analyzer", "url": "/seo/heading-analyzer/", "category": "SEO Tools"}, {"name": "Hex Dump Viewer", "url": "/doc/hex-dump-viewer/", "category": "Format Tools"}, {"name": "HMAC Generator", "url": "/safe/hmac-generator/", "category": "Privacy & Security"}, {"name": ".htaccess Generator", "url": "/dev/htaccess/", "category": "Developer Tools"}, {"name": "HTML Entity Encoder / Decoder", "url": "/doc/html-entities/", "category": "Format Tools"}, {"name": "HTML Formatter", "url": "/dev/html-formatter/", "category": "Developer Tools"}, {"name": "HTTP Status Code Reference", "url": "/dev/http-status/", "category": "Developer Tools"}, {"name": "Image Size Guide", "url": "/social/social-image-size-guide/", "category": "Social Media Tools"}, {"name": "Insert Blank Pages", "url": "/pdf/insert-blank-pages/", "category": "PDF Tools"}, {"name": "IP Subnet Calculator", "url": "/dev/ip-subnet-calculator/", "category": "Developer Tools"}, {"name": "JPG to PDF", "url": "/pdf/jpg-to-pdf/", "category": "PDF Tools"}, {"name": "JSONPath Evaluator", "url": "/dev/json-path/", "category": "Developer Tools"}, {"name": "Key & Scale Reference", "url": "/audio/key-scale-reference/", "category": "Audio Tools"}, {"name": "Keyword Density Analyzer", "url": "/seo/keyword-density/", "category": "SEO Tools"}, {"name": "Keyword Density Analyzer", "url": "/seo/seo-keyword-density-analyzer/", "category": "SEO Tools"}, {"name": "Latency Calculator", "url": "/audio/audio-latency/", "category": "Audio Tools"}, {"name": "Line Ending Converter", "url": "/doc/line-ending-converter/", "category": "Format Tools"}, {"name": "Link Extractor", "url": "/seo/link-extractor/", "category": "SEO Tools"}, {"name": "Logarithm Calculator", "url": "/math/logarithm-calculator/", "category": "Math Tools"}, {"name": "Lorem Ipsum Generator", "url": "/dev/lorem/", "category": "Developer Tools"}, {"name": "Loudness Standards Guide", "url": "/audio/audio-loudness/", "category": "Audio Tools"}, {"name": "Markdown Table Generator", "url": "/dev/markdown-table/", "category": "Developer Tools"}, {"name": "Markdown to HTML Converter", "url": "/doc/markdown-to-html/", "category": "Format Tools"}, {"name": "Matrix Calculator", "url": "/math/matrix-calculator/", "category": "Math Tools"}, {"name": "MeCard Generator", "url": "/qr/mecard-generator/", "category": "QR & Barcode"}, {"name": "Media Query Generator", "url": "/css/css-media-query-generator/", "category": "CSS Tools"}, {"name": "Merge PDF", "url": "/pdf/merge-pdf/", "category": "PDF Tools"}, {"name": "Meta Length Checker", "url": "/seo/seo-meta-length-checker/", "category": "SEO Tools"}, {"name": "Meta Tags Generator", "url": "/dev/meta-tags/", "category": "Developer Tools"}, {"name": "MIME Type Lookup", "url": "/doc/mime-type-lookup/", "category": "Format Tools"}, {"name": "Multi-Stop Gradient Generator", "url": "/design/gradient-generator/", "category": "Design Tools"}, {"name": "Note Frequency Chart", "url": "/audio/audio-note-chart/", "category": "Audio Tools"}, {"name": "OG Tag Debugger", "url": "/seo/og-tag-debugger/", "category": "SEO Tools"}, {"name": "Password Generator", "url": "/dev/password-generator/", "category": "Developer Tools"}, {"name": "Password Generator", "url": "/safe/safe-password-generator/", "category": "Privacy & Security"}, {"name": "Password Strength Checker", "url": "/safe/password-strength/", "category": "Privacy & Security"}, {"name": "Path Converter", "url": "/dev/backslash/", "category": "Developer Tools"}, {"name": "PDF to JPG", "url": "/pdf/pdf-to-jpg/", "category": "PDF Tools"}, {"name": "PDF to PNG", "url": "/pdf/pdf-to-png/", "category": "PDF Tools"}, {"name": "Percentage Calculator", "url": "/math/percentage-calculator/", "category": "Math Tools"}, {"name": "Phone Call QR Generator", "url": "/qr/qr-phone-call/", "category": "QR & Barcode"}, {"name": "Pixelate Image", "url": "/image/pixelate-image/", "category": "Image Tools"}, {"name": "Placeholder Image Generator", "url": "/dev/placeholder/", "category": "Developer Tools"}, {"name": "Post Preview", "url": "/social/social-post-preview/", "category": "Social Media Tools"}, {"name": "Prime Number Tools", "url": "/math/prime-number-tools/", "category": "Math Tools"}, {"name": "QR Capacity Reference", "url": "/qr/qr-capacity-reference/", "category": "QR & Barcode"}, {"name": "QR Data Analyzer", "url": "/qr/qr-data-analyzer/", "category": "QR & Barcode"}, {"name": "QR Data Formatter", "url": "/qr/qr-data-formatter/", "category": "QR & Barcode"}, {"name": "Random Date Generator", "url": "/gen/gen-random-dates/", "category": "Generator Tools"}, {"name": "Random String Generator", "url": "/safe/random-string/", "category": "Privacy & Security"}, {"name": "Ratio Calculator", "url": "/math/ratio-calculator/", "category": "Math Tools"}, {"name": "Readability Score", "url": "/seo/readability-score/", "category": "SEO Tools"}, {"name": "Reorder PDF Pages", "url": "/pdf/reorder-pdf/", "category": "PDF Tools"}, {"name": "Resize PDF Pages", "url": "/pdf/resize-pdf/", "category": "PDF Tools"}, {"name": "Reverse PDF", "url": "/pdf/reverse-pdf/", "category": "PDF Tools"}, {"name": "Robots.txt Analyzer", "url": "/seo/robots-txt-analyzer/", "category": "SEO Tools"}, {"name": "Robots.txt Generator", "url": "/dev/robots-txt/", "category": "Developer Tools"}, {"name": "Roman Numeral Converter", "url": "/math/roman-numeral-converter/", "category": "Math Tools"}, {"name": "Rotate PDF", "url": "/pdf/rotate-pdf/", "category": "PDF Tools"}, {"name": "Sample Rate Converter", "url": "/audio/audio-sample-rate-converter/", "category": "Audio Tools"}, {"name": "Schema.org Generator", "url": "/seo/schema-generator/", "category": "SEO Tools"}, {"name": "Sepia Image", "url": "/image/sepia-image/", "category": "Image Tools"}, {"name": "SERP Preview", "url": "/seo/serp-preview/", "category": "SEO Tools"}, {"name": "Shadow System Generator", "url": "/design/design-shadow-generator/", "category": "Design Tools"}, {"name": "Short ID Generator", "url": "/gen/gen-short-id/", "category": "Generator Tools"}, {"name": "Sign PDF", "url": "/pdf/sign-pdf/", "category": "PDF Tools"}, {"name": "SMS QR Generator", "url": "/qr/qr-sms-generator/", "category": "QR & Barcode"}, {"name": "Split PDF", "url": "/pdf/split-pdf/", "category": "PDF Tools"}, {"name": "SQL Formatter", "url": "/dev/sql-formatter/", "category": "Developer Tools"}, {"name": "SRI Hash Generator", "url": "/safe/sri-generator/", "category": "Privacy & Security"}, {"name": "SSL Certificate Decoder", "url": "/safe/ssl-certificate-decoder/", "category": "Privacy & Security"}, {"name": "Statistics Calculator", "url": "/math/statistics-calculator/", "category": "Math Tools"}, {"name": "String Escape / Unescape", "url": "/dev/string-escape-unescape/", "category": "Developer Tools"}, {"name": "Strip Image Metadata", "url": "/image/strip-metadata/", "category": "Image Tools"}, {"name": "Structured Data Validator", "url": "/seo/structured-data-validator/", "category": "SEO Tools"}, {"name": "SVG в PNG", "url": "/image/svg-to-png/", "category": "Image Tools"}, {"name": "Text Diff Checker", "url": "/dev/dev-text-diff/", "category": "Developer Tools"}, {"name": "Text Redactor", "url": "/safe/text-redactor/", "category": "Privacy & Security"}, {"name": "Thread Splitter", "url": "/social/thread-splitter/", "category": "Social Media Tools"}, {"name": "TOTP Configurator", "url": "/safe/totp-configurator/", "category": "Privacy & Security"}, {"name": "Trigonometry Calculator", "url": "/math/trigonometry-calculator/", "category": "Math Tools"}, {"name": "Unicode Escape Converter", "url": "/doc/unicode-escape-converter/", "category": "Format Tools"}, {"name": "Unit Converter", "url": "/math/unit-converter/", "category": "Math Tools"}, {"name": "URL Encoder / Decoder", "url": "/doc/url-encoder/", "category": "Format Tools"}, {"name": "URL Slug Generator", "url": "/seo/seo-url-slug-generator/", "category": "SEO Tools"}, {"name": "URL Slug Generator", "url": "/gen/url-slug-generator/", "category": "Generator Tools"}, {"name": "UTM Link Builder", "url": "/social/social-utm-builder/", "category": "Social Media Tools"}, {"name": "vCard QR Builder", "url": "/qr/qr-vcard-generator/", "category": "QR & Barcode"}, {"name": "Watermark PDF", "url": "/pdf/watermark-pdf/", "category": "PDF Tools"}, {"name": "Wi-Fi QR Config Builder", "url": "/qr/qr-wifi-generator/", "category": "QR & Barcode"}, {"name": "Word Count & SEO Grade", "url": "/seo/word-count-seo/", "category": "SEO Tools"}, {"name": "XML ↔ JSON Converter", "url": "/dev/xml-json-converter/", "category": "Developer Tools"}, {"name": "XML Sitemap Generator", "url": "/seo/sitemap-generator/", "category": "SEO Tools"}, {"name": "YAML ↔ JSON Converter", "url": "/doc/yaml-json-converter/", "category": "Format Tools"}, {"name": "Адаптивные контрольные точки", "url": "/design/design-breakpoints/", "category": "Design Tools"}, {"name": "Анализатор вовлечённости", "url": "/social/social-engagement-analyzer/", "category": "Social Media Tools"}, {"name": "Водяной знак на изображение", "url": "/image/watermark-image/", "category": "Image Tools"}, {"name": "Генератор CSS Border Radius", "url": "/css/css-border-radius/", "category": "CSS Tools"}, {"name": "Генератор CSS Box Shadow", "url": "/css/css-shadow/", "category": "CSS Tools"}, {"name": "Генератор CSS Flexbox", "url": "/css/css-flexbox/", "category": "CSS Tools"}, {"name": "Генератор CSS Grid", "url": "/css/css-grid/", "category": "CSS Tools"}, {"name": "Генератор CSS Text Shadow", "url": "/css/css-text-shadow/", "category": "CSS Tools"}, {"name": "Генератор CSS Transform", "url": "/css/css-transform/", "category": "CSS Tools"}, {"name": "Генератор CSS-анимаций", "url": "/css/css-animation/", "category": "CSS Tools"}, {"name": "Генератор CSS-градиентов", "url": "/css/css-gradient/", "category": "CSS Tools"}, {"name": "Генератор CTA", "url": "/social/social-cta-generator/", "category": "Social Media Tools"}, {"name": "Генератор JSON-макетов", "url": "/gen/gen-mock-json/", "category": "Generator Tools"}, {"name": "Генератор Lorem Ipsum", "url": "/text/lorem-ipsum-generator/", "category": "Text Tools"}, {"name": "Генератор Lorem с разметкой", "url": "/gen/gen-lorem-markup/", "category": "Generator Tools"}, {"name": "Генератор UUID", "url": "/safe/uuid-generator/", "category": "Privacy & Security"}, {"name": "Генератор выражений Cron", "url": "/dev/cron-expression-generator/", "category": "Developer Tools"}, {"name": "Генератор дизайн-токенов", "url": "/design/design-tokens/", "category": "Design Tools"}, {"name": "Генератор имён пользователей", "url": "/gen/gen-username/", "category": "Generator Tools"}, {"name": "Генератор оттенков цвета", "url": "/design/design-color-shades/", "category": "Design Tools"}, {"name": "Генератор слагов", "url": "/text/slug-generator/", "category": "Text Tools"}, {"name": "Генератор случайных чисел", "url": "/gen/gen-number/", "category": "Generator Tools"}, {"name": "Генератор тестовых данных", "url": "/gen/gen-fake-data/", "category": "Generator Tools"}, {"name": "Генератор типографической шкалы", "url": "/design/design-typography/", "category": "Design Tools"}, {"name": "Генератор цветовых палитр", "url": "/gen/gen-color-palette/", "category": "Generator Tools"}, {"name": "Генератор цветовых палитр", "url": "/design/design-palette/", "category": "Design Tools"}, {"name": "Генератор шкалы отступов", "url": "/design/design-spacing/", "category": "Design Tools"}, {"name": "Декодер JWT", "url": "/safe/jwt-decoder/", "category": "Privacy & Security"}, {"name": "Добавить рамку", "url": "/image/add-border/", "category": "Image Tools"}, {"name": "Добавить/удалить нумерацию строк", "url": "/text/line-numbers/", "category": "Text Tools"}, {"name": "Извлечение и генерация хэштегов", "url": "/social/social-hashtag-tool/", "category": "Social Media Tools"}, {"name": "Извлечение текста", "url": "/text/text-extractor/", "category": "Text Tools"}, {"name": "Извлечение упоминаний из соцсетей", "url": "/social/social-mention-extractor/", "category": "Social Media Tools"}, {"name": "Изменение размера изображения", "url": "/image/resize-image/", "category": "Image Tools"}, {"name": "Изображение в Base64", "url": "/image/image-to-base64/", "category": "Image Tools"}, {"name": "Калькулятор BPM", "url": "/audio/audio-bpm/", "category": "Audio Tools"}, {"name": "Калькулятор Chmod", "url": "/dev/chmod-calculator/", "category": "Developer Tools"}, {"name": "Калькулятор битрейта", "url": "/video/video-bitrate/", "category": "Video Tools"}, {"name": "Калькулятор пропускной способности", "url": "/video/video-bandwidth/", "category": "Video Tools"}, {"name": "Калькулятор скорости и замедления", "url": "/video/video-speed/", "category": "Video Tools"}, {"name": "Калькулятор соотношения сторон", "url": "/video/video-aspect-ratio/", "category": "Video Tools"}, {"name": "Калькулятор соотношения сторон", "url": "/design/design-aspect-ratio/", "category": "Design Tools"}, {"name": "Калькулятор таймкодов", "url": "/video/video-timecode/", "category": "Video Tools"}, {"name": "Калькулятор частот", "url": "/audio/audio-freq/", "category": "Audio Tools"}, {"name": "Кодировщик/декодировщик Base64", "url": "/text/base64-encode-decode/", "category": "Text Tools"}, {"name": "Кодировщик/декодировщик HTML-сущностей", "url": "/text/html-entity-encoder/", "category": "Text Tools"}, {"name": "Кодировщик/декодировщик URL", "url": "/text/url-encode-decode/", "category": "Text Tools"}, {"name": "Конвертер Unix-временных меток", "url": "/dev/timestamp-converter/", "category": "Developer Tools"}, {"name": "Конвертер времени субтитров", "url": "/video/video-subtitle-time/", "category": "Video Tools"}, {"name": "Конвертер изображений", "url": "/image/convert-image/", "category": "Image Tools"}, {"name": "Конвертер регистра", "url": "/text/text-case-converter/", "category": "Text Tools"}, {"name": "Конвертер систем счисления", "url": "/math/number-base-converter/", "category": "Math Tools"}, {"name": "Конвертер частоты кадров", "url": "/video/video-framerate/", "category": "Video Tools"}, {"name": "Минификатор CSS", "url": "/css/css-minify/", "category": "CSS Tools"}, {"name": "Настройка изображения", "url": "/image/adjust-image/", "category": "Image Tools"}, {"name": "Обрезка изображения", "url": "/image/crop-image/", "category": "Image Tools"}, {"name": "Отражение изображения", "url": "/image/flip-image/", "category": "Image Tools"}, {"name": "Оценка размера файлов", "url": "/video/video-filesize/", "category": "Video Tools"}, {"name": "Переворот текста", "url": "/text/reverse-text/", "category": "Text Tools"}, {"name": "Планировщик хранения", "url": "/video/video-storage/", "category": "Video Tools"}, {"name": "Поворот изображения", "url": "/image/rotate-image/", "category": "Image Tools"}, {"name": "Подбор сочетаний шрифтов", "url": "/design/design-font-pair/", "category": "Design Tools"}, {"name": "Поиск и замена", "url": "/text/find-and-replace/", "category": "Text Tools"}, {"name": "Проверка контрастности", "url": "/design/design-contrast/", "category": "Design Tools"}, {"name": "Разделитель тредов", "url": "/social/social-thread-splitter/", "category": "Social Media Tools"}, {"name": "Размытие изображения", "url": "/image/blur-image/", "category": "Image Tools"}, {"name": "Сделать квадратным", "url": "/image/make-square/", "category": "Image Tools"}, {"name": "Скругление углов", "url": "/image/round-corners/", "category": "Image Tools"}, {"name": "Сортировка строк", "url": "/text/sort-lines/", "category": "Text Tools"}, {"name": "Спецификации платформ", "url": "/video/video-platform/", "category": "Video Tools"}, {"name": "Справочник кодеков", "url": "/video/video-codec/", "category": "Video Tools"}, {"name": "Справочник по записи экрана", "url": "/video/video-screen-record/", "category": "Video Tools"}, {"name": "Справочник по цветовой субдискретизации", "url": "/video/video-chroma/", "category": "Video Tools"}, {"name": "Справочник размеров для соцсетей", "url": "/design/design-media-sizes/", "category": "Design Tools"}, {"name": "Справочник разрешений", "url": "/video/video-resolution/", "category": "Video Tools"}, {"name": "Справочник цветовых пространств", "url": "/video/video-color-space/", "category": "Video Tools"}, {"name": "Сравнение текстов", "url": "/text/text-diff/", "category": "Text Tools"}, {"name": "Счётчик символов для соцсетей", "url": "/social/social-char-counter/", "category": "Social Media Tools"}, {"name": "Счётчик слов", "url": "/text/text-counter/", "category": "Text Tools"}, {"name": "Тестер регулярных выражений", "url": "/gen/regex-tester/", "category": "Generator Tools"}, {"name": "Увеличение резкости", "url": "/image/sharpen-image/", "category": "Image Tools"}, {"name": "Удаление дубликатов строк", "url": "/text/remove-duplicate-lines/", "category": "Text Tools"}, {"name": "Удаление и извлечение эмодзи", "url": "/social/social-emoji-tool/", "category": "Social Media Tools"}, {"name": "Фильтры для изображений", "url": "/image/image-filters/", "category": "Image Tools"}, {"name": "Форматирование CSS", "url": "/css/css-beautify/", "category": "CSS Tools"}, {"name": "Форматирование JSON", "url": "/text/json-formatter/", "category": "Text Tools"}, {"name": "Форматирование биографии", "url": "/social/social-bio-formatter/", "category": "Social Media Tools"}];</script>
<!-- JS: engine scripts first, then app.js, then Alpine (defer = document order) -->
<script defer src="https://cdn.peasytools.com/js/app.1b24cdef65d7.js"></script>
<script defer src="https://cdn.peasytools.com/js/glossary-tooltip.d3ff895c91ec.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/collapse@3.14.9/dist/cdn.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.9/dist/cdn.min.js"></script>
<!-- JSON-LD -->
<script type="application/ld+json">
{"@context": "https://schema.org", "@graph": [{"@type": "Article", "headline": "Troubleshooting Social Media Link Preview Issues", "url": "https://peasymath.com/guides/troubleshooting-social-link-preview/", "description": "Broken link previews \u2014 missing images, wrong titles, outdated content \u2014 reduce click-through rates. Learn how to fix them.", "publisher": {"@type": "Organization", "name": "Peasy Math"}, "datePublished": "2026-03-09", "dateModified": "2026-03-14", "educationalLevel": "Beginner", "learningResourceType": "Troubleshooting", "timeRequired": "PT1M", "wordCount": 178}, {"@type": "BreadcrumbList", "itemListElement": [{"@type": "ListItem", "position": 1, "name": "Home", "item": "https://peasymath.com/"}, {"@type": "ListItem", "position": 2, "name": "Guides", "item": "https://peasymath.com/guides/"}, {"@type": "ListItem", "position": 3, "name": "Troubleshooting Social Media Link Preview Issues"}]}, {"@type": "FAQPage", "mainEntity": [{"@type": "Question", "name": "What does this guide cover?", "acceptedAnswer": {"@type": "Answer", "text": "Broken link previews \u2014 missing images, wrong titles, outdated content \u2014 reduce click-through rates. Learn how to fix them."}}, {"@type": "Question", "name": "What are the key takeaways from this guide?", "acceptedAnswer": {"@type": "Answer", "text": "Shared links show a text-only preview without an image.. The preview shows outdated title, description, or image even after updating.. Platforms prioritize Open Graph tags over HTML title/meta description.."}}, {"@type": "Question", "name": "Who is this guide for?", "acceptedAnswer": {"@type": "Answer", "text": "This guide is designed for beginner-level users and takes about 1 minutes to read."}}]}]}
</script>
</body>
</html>