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">Alat Terkait</h2>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-2.5">
<a href="/id/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="/id/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="/id/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="/id/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="/id/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="/id/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="/id/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="/id/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="/id/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="/id/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="/id/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="/id/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="/id/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="/id/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="/id/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)">
P
</span>
<span class="text-sm font-medium text-gray-900 dark:text-white">Pemformat Caption & Teks Alt</span>
</a>
</div>
</section>
<section class="mb-8">
<h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-3">Format Terkait</h2>
<div class="flex flex-wrap gap-2">
<a href="/id/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="/id/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="/id/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">Panduan Terkait</h2>
<div class="space-y-2.5">
<a href="/id/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="/id/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="/id/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="/id/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="/id/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">qr</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">Panduan <span class="text-xs text-gray-500">(24)</span></a></li>
<li><a href="/glossary/" class="hover:text-white transition-colors">Glosarium <span class="text-xs text-gray-500">(31)</span></a></li>
<li><a href="/use-cases/" class="hover:text-white transition-colors">Studi Kasus <span class="text-xs text-gray-500">(302)</span></a></li>
<li><a href="/formats/" class="hover:text-white transition-colors">Format File <span class="text-xs text-gray-500">(131)</span></a></li>
<li><a href="/convert/" class="hover:text-white transition-colors">Konversi <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>
</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">Kebijakan Privasi</a></li>
<li><a href="/terms/" class="hover:text-white transition-colors">Ketentuan Layanan</a></li>
</ul>
</div>
</div>
<!-- Row 2: Per-category tool links (mega-footer) -->
<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">All Tools by Category</h3>
<div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-x-8 gap-y-6">
<div>
<a href="https://peasypdf.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #EF4444;">
<span class="inline-block h-2 w-2 rounded-full" style="background: #EF4444;"></span>
PDF Tools
</a>
<ul class="space-y-1">
<li><a href="https://peasypdf.com/pdf/merge-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Mesclar PDF</a></li>
<li><a href="https://peasypdf.com/pdf/split-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Dividir PDF</a></li>
<li><a href="https://peasypdf.com/pdf/compress-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Comprimir PDF</a></li>
<li><a href="https://peasypdf.com/pdf/rotate-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Girar PDF</a></li>
<li><a href="https://peasypdf.com/pdf/add-page-numbers/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Adicionar Números de Página</a></li>
<li><a href="https://peasypdf.com/pdf/pdf-to-jpg/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">PDF para JPG</a></li>
<li><a href="https://peasypdf.com/pdf/watermark-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Marca d'Água em PDF</a></li>
<li><a href="https://peasypdf.com/pdf/reorder-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Reordenar Páginas de PDF</a></li>
<li><a href="https://peasypdf.com/pdf/flatten-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Achatar PDF</a></li>
<li><a href="https://peasypdf.com/pdf/edit-pdf-metadata/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Editar Metadados de PDF</a></li>
<li><a href="https://peasypdf.com/pdf/sign-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Assinar PDF</a></li>
<li><a href="https://peasypdf.com/pdf/jpg-to-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">JPG para PDF</a></li>
<li><a href="https://peasypdf.com/pdf/extract-text-from-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Extrair Texto de PDF</a></li>
<li><a href="https://peasypdf.com/pdf/delete-pdf-pages/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Delete PDF Pages</a></li>
<li><a href="https://peasypdf.com/pdf/reverse-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Reverse PDF</a></li>
<li><a href="https://peasypdf.com/pdf/extract-pdf-pages/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Extract PDF Pages</a></li>
<li><a href="https://peasypdf.com/pdf/odd-even-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Extract Odd/Even Pages</a></li>
<li><a href="https://peasypdf.com/pdf/resize-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Resize PDF Pages</a></li>
<li><a href="https://peasypdf.com/pdf/crop-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Crop PDF</a></li>
<li><a href="https://peasypdf.com/pdf/insert-blank-pages/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Insert Blank Pages</a></li>
<li><a href="https://peasypdf.com/pdf/duplicate-pdf-pages/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Duplicate PDF Pages</a></li>
<li><a href="https://peasypdf.com/pdf/pdf-to-png/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">PDF to PNG</a></li>
<li><a href="https://peasypdf.com/pdf/pdf-header-footer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Add Header & Footer</a></li>
<li><a href="https://peasypdf.com/pdf/add-text-to-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Add Text to PDF</a></li>
<li><a href="https://peasypdf.com/pdf/add-image-to-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Add Image to PDF</a></li>
</ul>
</div>
<div>
<a href="https://peasysafe.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #64748B;">
<span class="inline-block h-2 w-2 rounded-full" style="background: #64748B;"></span>
Privacy & Security
</a>
<ul class="space-y-1">
<li><a href="https://peasysafe.com/safe/safe-password-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Password Generator</a></li>
<li><a href="https://peasysafe.com/safe/password-strength/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Password Strength Checker</a></li>
<li><a href="https://peasysafe.com/safe/safe-hash-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Hash Generator</a></li>
<li><a href="https://peasysafe.com/safe/hmac-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">HMAC Generator</a></li>
<li><a href="https://peasysafe.com/safe/aes-encrypt/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">AES Encrypt / Decrypt</a></li>
<li><a href="https://peasysafe.com/safe/random-string/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Random String Generator</a></li>
<li><a href="https://peasysafe.com/safe/csp-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSP Header Generator</a></li>
<li><a href="https://peasysafe.com/safe/text-redactor/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Text Redactor</a></li>
<li><a href="https://peasysafe.com/safe/cors-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CORS Header Generator</a></li>
<li><a href="https://peasysafe.com/safe/sri-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">SRI Hash Generator</a></li>
<li><a href="https://peasysafe.com/safe/base64-encoder-decoder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Base64 Encoder / Decoder</a></li>
<li><a href="https://peasysafe.com/safe/jwt-decoder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Decodificador JWT</a></li>
<li><a href="https://peasysafe.com/safe/uuid-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de UUID</a></li>
<li><a href="https://peasysafe.com/safe/totp-configurator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">TOTP Configurator</a></li>
<li><a href="https://peasysafe.com/safe/ssl-certificate-decoder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">SSL Certificate Decoder</a></li>
</ul>
</div>
<div>
<a href="https://peasysocial.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #F43F5E;">
<span class="inline-block h-2 w-2 rounded-full" style="background: #F43F5E;"></span>
Social Media Tools
</a>
<ul class="space-y-1">
<li><a href="https://peasysocial.com/social/social-char-counter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Social Character Counter</a></li>
<li><a href="https://peasysocial.com/social/social-hashtag-tool/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Hashtag Extractor & Generator</a></li>
<li><a href="https://peasysocial.com/social/social-mention-extractor/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Social Mention Extractor</a></li>
<li><a href="https://peasysocial.com/social/social-thread-splitter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Thread Splitter</a></li>
<li><a href="https://peasysocial.com/social/social-emoji-tool/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Emoji Remover & Extractor</a></li>
<li><a href="https://peasysocial.com/social/social-bio-formatter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Bio Formatter</a></li>
<li><a href="https://peasysocial.com/social/social-cta-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CTA Generator</a></li>
<li><a href="https://peasysocial.com/social/social-engagement-analyzer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Engagement Analyzer</a></li>
<li><a href="https://peasysocial.com/social/social-post-preview/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Post Preview</a></li>
<li><a href="https://peasysocial.com/social/social-utm-builder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">UTM Link Builder</a></li>
<li><a href="https://peasysocial.com/social/social-handle-checker/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Handle Checker</a></li>
<li><a href="https://peasysocial.com/social/social-image-size-guide/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Image Size Guide</a></li>
<li><a href="https://peasysocial.com/social/social-best-posting-times/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Best Posting Times</a></li>
<li><a href="https://peasysocial.com/social/thread-splitter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Divisor de Threads</a></li>
<li><a href="https://peasysocial.com/social/caption-formatter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Formatador de Legendas e Texto Alt</a></li>
</ul>
</div>
<div>
<a href="https://peasygen.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #84CC16;">
<span class="inline-block h-2 w-2 rounded-full" style="background: #84CC16;"></span>
Generator Tools
</a>
<ul class="space-y-1">
<li><a href="https://peasygen.com/gen/gen-fake-data/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Fake Data Generator</a></li>
<li><a href="https://peasygen.com/gen/gen-mock-json/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Mock JSON Generator</a></li>
<li><a href="https://peasygen.com/gen/gen-username/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Username Generator</a></li>
<li><a href="https://peasygen.com/gen/gen-color-palette/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Color Palette Generator</a></li>
<li><a href="https://peasygen.com/gen/gen-lorem-markup/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Lorem Markup Generator</a></li>
<li><a href="https://peasygen.com/gen/gen-number/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Random Number Generator</a></li>
<li><a href="https://peasygen.com/gen/gen-csv-data/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de Dados CSV</a></li>
<li><a href="https://peasygen.com/gen/gen-random-dates/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de Dados Fictícios</a></li>
<li><a href="https://peasygen.com/gen/gen-email-addresses/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de IDs Técnicos</a></li>
<li><a href="https://peasygen.com/gen/gen-avatar-svg/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Analisador de Perfil Social</a></li>
<li><a href="https://peasygen.com/gen/gen-cron-expression/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de Citações para Redes Sociais</a></li>
<li><a href="https://peasygen.com/gen/gen-api-key/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Conversor de Publicações para Redes Sociais</a></li>
<li><a href="https://peasygen.com/gen/gen-short-id/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Calculadora de Melhores Horários para Publicar</a></li>
<li><a href="https://peasygen.com/gen/regex-tester/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Testador de Regex</a></li>
<li><a href="https://peasygen.com/gen/url-slug-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Analisador de Hashtags</a></li>
</ul>
</div>
<div>
<a href="https://peasycss.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #EC4899;">
<span class="inline-block h-2 w-2 rounded-full" style="background: #EC4899;"></span>
CSS Tools
</a>
<ul class="space-y-1">
<li><a href="https://peasycss.com/css/css-minify/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Minifier</a></li>
<li><a href="https://peasycss.com/css/css-beautify/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Beautifier</a></li>
<li><a href="https://peasycss.com/css/css-gradient/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Gradient Generator</a></li>
<li><a href="https://peasycss.com/css/css-shadow/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Box Shadow Generator</a></li>
<li><a href="https://peasycss.com/css/css-flexbox/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Flexbox Generator</a></li>
<li><a href="https://peasycss.com/css/css-grid/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Grid Generator</a></li>
<li><a href="https://peasycss.com/css/css-animation/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Animation Generator</a></li>
<li><a href="https://peasycss.com/css/css-border-radius/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Border Radius Generator</a></li>
<li><a href="https://peasycss.com/css/css-text-shadow/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Text Shadow Generator</a></li>
<li><a href="https://peasycss.com/css/css-transform/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Transform Generator</a></li>
<li><a href="https://peasycss.com/css/css-unit-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Analisador de Sentimento de Publicação</a></li>
<li><a href="https://peasycss.com/css/css-color-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de Emojis para Redes Sociais</a></li>
<li><a href="https://peasycss.com/css/css-media-query-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de Biografias para Redes Sociais</a></li>
<li><a href="https://peasycss.com/css/css-filter-effects/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de Lorem Ipsum</a></li>
<li><a href="https://peasycss.com/css/css-clip-path/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de Perfis de Usuário</a></li>
</ul>
</div>
<div>
<a href="https://peasyimage.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #10B981;">
<span class="inline-block h-2 w-2 rounded-full" style="background: #10B981;"></span>
Image Tools
</a>
<ul class="space-y-1">
<li><a href="https://peasyimage.com/image/compress-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Comprimir Imagem</a></li>
<li><a href="https://peasyimage.com/image/resize-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Redimensionar Imagem</a></li>
<li><a href="https://peasyimage.com/image/crop-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Recortar Imagem</a></li>
<li><a href="https://peasyimage.com/image/rotate-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Girar Imagem</a></li>
<li><a href="https://peasyimage.com/image/flip-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Espelhar Imagem</a></li>
<li><a href="https://peasyimage.com/image/convert-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Converter Imagem</a></li>
<li><a href="https://peasyimage.com/image/watermark-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Marca d'Água em Imagem</a></li>
<li><a href="https://peasyimage.com/image/svg-to-png/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">SVG para PNG</a></li>
<li><a href="https://peasyimage.com/image/image-to-base64/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Imagem para Base64</a></li>
<li><a href="https://peasyimage.com/image/round-corners/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Arredondar Cantos</a></li>
<li><a href="https://peasyimage.com/image/add-border/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Adicionar Borda</a></li>
<li><a href="https://peasyimage.com/image/image-filters/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Filtros de Imagem</a></li>
<li><a href="https://peasyimage.com/image/adjust-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Ajustar Imagem</a></li>
<li><a href="https://peasyimage.com/image/blur-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Desfocar Imagem</a></li>
<li><a href="https://peasyimage.com/image/sharpen-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Nitidez de Imagem</a></li>
<li><a href="https://peasyimage.com/image/make-square/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Tornar Quadrada</a></li>
<li><a href="https://peasyimage.com/image/grayscale-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Grayscale Image</a></li>
<li><a href="https://peasyimage.com/image/sepia-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Sepia Image</a></li>
<li><a href="https://peasyimage.com/image/pixelate-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Pixelate Image</a></li>
<li><a href="https://peasyimage.com/image/strip-metadata/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Strip Image Metadata</a></li>
</ul>
</div>
<div>
<a href="https://peasydesign.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #D946EF;">
<span class="inline-block h-2 w-2 rounded-full" style="background: #D946EF;"></span>
Design Tools
</a>
<ul class="space-y-1">
<li><a href="https://peasydesign.com/design/design-palette/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Color Palette Generator</a></li>
<li><a href="https://peasydesign.com/design/design-typography/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Type Scale Generator</a></li>
<li><a href="https://peasydesign.com/design/design-spacing/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Spacing Scale Generator</a></li>
<li><a href="https://peasydesign.com/design/design-breakpoints/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Responsive Breakpoints</a></li>
<li><a href="https://peasydesign.com/design/design-aspect-ratio/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Aspect Ratio Calculator</a></li>
<li><a href="https://peasydesign.com/design/design-color-shades/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Color Shade Generator</a></li>
<li><a href="https://peasydesign.com/design/design-font-pair/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Font Pairing Suggestions</a></li>
<li><a href="https://peasydesign.com/design/design-contrast/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Contrast Checker</a></li>
<li><a href="https://peasydesign.com/design/design-tokens/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Design Tokens Generator</a></li>
<li><a href="https://peasydesign.com/design/design-media-sizes/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Social Media Size Guide</a></li>
<li><a href="https://peasydesign.com/design/design-golden-ratio-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de Markdown Aleatório</a></li>
<li><a href="https://peasydesign.com/design/design-icon-size-guide/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de Dados JSON</a></li>
<li><a href="https://peasydesign.com/design/design-shadow-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de Amostras de Código</a></li>
<li><a href="https://peasydesign.com/design/gradient-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de E-mails Aleatórios</a></li>
<li><a href="https://peasydesign.com/design/css-pattern-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de Texto Natural</a></li>
</ul>
</div>
<div>
<a href="https://peasyvideo.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #8B5CF6;">
<span class="inline-block h-2 w-2 rounded-full" style="background: #8B5CF6;"></span>
Video Tools
</a>
<ul class="space-y-1">
<li><a href="https://peasyvideo.com/video/video-resolution/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Resolution Reference</a></li>
<li><a href="https://peasyvideo.com/video/video-bitrate/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Bitrate Calculator</a></li>
<li><a href="https://peasyvideo.com/video/video-framerate/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Frame Rate Converter</a></li>
<li><a href="https://peasyvideo.com/video/video-timecode/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Timecode Calculator</a></li>
<li><a href="https://peasyvideo.com/video/video-aspect-ratio/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Aspect Ratio Calculator</a></li>
<li><a href="https://peasyvideo.com/video/video-filesize/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">File Size Estimator</a></li>
<li><a href="https://peasyvideo.com/video/video-speed/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Speed & Slow-Mo Calculator</a></li>
<li><a href="https://peasyvideo.com/video/video-storage/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Storage Planner</a></li>
<li><a href="https://peasyvideo.com/video/video-subtitle-time/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Subtitle Time Converter</a></li>
<li><a href="https://peasyvideo.com/video/video-bandwidth/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Bandwidth Calculator</a></li>
<li><a href="https://peasyvideo.com/video/video-color-space/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Color Space Reference</a></li>
<li><a href="https://peasyvideo.com/video/video-codec/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Codec Reference</a></li>
<li><a href="https://peasyvideo.com/video/video-platform/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Platform Specs Guide</a></li>
<li><a href="https://peasyvideo.com/video/video-chroma/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Chroma Subsampling Guide</a></li>
<li><a href="https://peasyvideo.com/video/video-screen-record/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Screen Recording Guide</a></li>
</ul>
</div>
<div>
<a href="https://peasyaudio.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #0EA5E9;">
<span class="inline-block h-2 w-2 rounded-full" style="background: #0EA5E9;"></span>
Audio Tools
</a>
<ul class="space-y-1">
<li><a href="https://peasyaudio.com/audio/audio-bpm/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">BPM Calculator</a></li>
<li><a href="https://peasyaudio.com/audio/audio-freq/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Frequency Calculator</a></li>
<li><a href="https://peasyaudio.com/audio/audio-delay/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Delay Time Calculator</a></li>
<li><a href="https://peasyaudio.com/audio/audio-db/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">dB Converter</a></li>
<li><a href="https://peasyaudio.com/audio/audio-filesize/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Audio File Size Calculator</a></li>
<li><a href="https://peasyaudio.com/audio/audio-note-chart/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Note Frequency Chart</a></li>
<li><a href="https://peasyaudio.com/audio/audio-db-reference/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Decibel Reference Guide</a></li>
<li><a href="https://peasyaudio.com/audio/audio-latency/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Latency Calculator</a></li>
<li><a href="https://peasyaudio.com/audio/audio-cents/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Cents Calculator</a></li>
<li><a href="https://peasyaudio.com/audio/audio-loudness/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Loudness Standards Guide</a></li>
<li><a href="https://peasyaudio.com/audio/audio-eq-reference/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de Dicionário de Cores</a></li>
<li><a href="https://peasyaudio.com/audio/audio-sample-rate-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de Dados de Séries Temporais</a></li>
<li><a href="https://peasyaudio.com/audio/audio-bit-depth-analyzer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Calculadora de Porcentagem</a></li>
<li><a href="https://peasyaudio.com/audio/chord-reference/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Calculadora de Média e Estatísticas</a></li>
<li><a href="https://peasyaudio.com/audio/key-scale-reference/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Calculadora de MDC e MMC</a></li>
</ul>
</div>
<div>
<a href="https://peasyformats.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #F97316;">
<span class="inline-block h-2 w-2 rounded-full" style="background: #F97316;"></span>
Format Tools
</a>
<ul class="space-y-1">
<li><a href="https://peasyformats.com/doc/format-identifier/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Calculadora de Juros Compostos</a></li>
<li><a href="https://peasyformats.com/doc/mime-type-lookup/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Calculadora de Empréstimo</a></li>
<li><a href="https://peasyformats.com/doc/base64-encoder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Conversor de Unidades</a></li>
<li><a href="https://peasyformats.com/doc/url-encoder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Calculadora de IMC</a></li>
<li><a href="https://peasyformats.com/doc/html-entities/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Divisor de Contas</a></li>
<li><a href="https://peasyformats.com/doc/markdown-to-html/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de Código QR</a></li>
<li><a href="https://peasyformats.com/doc/yaml-json-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Leitor de Código QR</a></li>
<li><a href="https://peasyformats.com/doc/line-ending-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de QR em Lote</a></li>
<li><a href="https://peasyformats.com/doc/data-uri-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de QR para Wi-Fi</a></li>
<li><a href="https://peasyformats.com/doc/hex-dump-viewer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de QR para vCard</a></li>
<li><a href="https://peasyformats.com/doc/unicode-escape-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de QR para Redes Sociais</a></li>
<li><a href="https://peasyformats.com/doc/file-size-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de QR para E-mail</a></li>
<li><a href="https://peasyformats.com/doc/charset-analyzer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de QR de Localização</a></li>
<li><a href="https://peasyformats.com/doc/format-comparison/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de QR para Evento</a></li>
<li><a href="https://peasyformats.com/doc/conversion-guide/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de QR para Telefone e SMS</a></li>
</ul>
</div>
<div>
<a href="https://peasyqr.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #3B82F6;">
<span class="inline-block h-2 w-2 rounded-full" style="background: #3B82F6;"></span>
QR & Barcode
</a>
<ul class="space-y-1">
<li><a href="https://peasyqr.com/qr/qr-data-analyzer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">QR Data Analyzer</a></li>
<li><a href="https://peasyqr.com/qr/qr-capacity-reference/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">QR Capacity Reference</a></li>
<li><a href="https://peasyqr.com/qr/qr-wifi-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Wi-Fi QR Config Builder</a></li>
<li><a href="https://peasyqr.com/qr/qr-vcard-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">vCard QR Builder</a></li>
<li><a href="https://peasyqr.com/qr/qr-error-correction/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Error Correction Calculator</a></li>
<li><a href="https://peasyqr.com/qr/barcode-reference/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Barcode Format Reference</a></li>
<li><a href="https://peasyqr.com/qr/barcode-validator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Barcode Validator</a></li>
<li><a href="https://peasyqr.com/qr/qr-data-formatter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">QR Data Formatter</a></li>
<li><a href="https://peasyqr.com/qr/qr-event-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Calculadora de Fatoriais e Combinações</a></li>
<li><a href="https://peasyqr.com/qr/qr-email-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Calculadora de Proporção</a></li>
<li><a href="https://peasyqr.com/qr/qr-sms-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Calculadora de Área e Perímetro</a></li>
<li><a href="https://peasyqr.com/qr/qr-geo-location/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Calculadora de Volume e Área de Superfície</a></li>
<li><a href="https://peasyqr.com/qr/qr-phone-call/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Calculadora Trigonométrica</a></li>
<li><a href="https://peasyqr.com/qr/mecard-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Conversor de Base Numérica</a></li>
<li><a href="https://peasyqr.com/qr/app-store-link-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Calculadora de Frações</a></li>
</ul>
</div>
<div>
<a href="https://peasytext.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #F59E0B;">
<span class="inline-block h-2 w-2 rounded-full" style="background: #F59E0B;"></span>
Text Tools
</a>
<ul class="space-y-1">
<li><a href="https://peasytext.com/text/text-counter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Contador de Palavras</a></li>
<li><a href="https://peasytext.com/text/text-case-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Conversor de Maiúsculas/Minúsculas</a></li>
<li><a href="https://peasytext.com/text/sort-lines/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Ordenar Linhas</a></li>
<li><a href="https://peasytext.com/text/lorem-ipsum-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de Lorem Ipsum</a></li>
<li><a href="https://peasytext.com/text/slug-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de Slug</a></li>
<li><a href="https://peasytext.com/text/find-and-replace/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Encontrar e Substituir</a></li>
<li><a href="https://peasytext.com/text/remove-duplicate-lines/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Remover Linhas Duplicadas</a></li>
<li><a href="https://peasytext.com/text/base64-encode-decode/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Codificador/Decodificador Base64</a></li>
<li><a href="https://peasytext.com/text/url-encode-decode/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Codificador/Decodificador de URL</a></li>
<li><a href="https://peasytext.com/text/json-formatter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Formatador JSON</a></li>
<li><a href="https://peasytext.com/text/html-entity-encoder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Codificador/Decodificador de Entidades HTML</a></li>
<li><a href="https://peasytext.com/text/reverse-text/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Inverter Texto</a></li>
<li><a href="https://peasytext.com/text/line-numbers/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Adicionar/Remover Números de Linha</a></li>
<li><a href="https://peasytext.com/text/text-diff/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Comparador de Texto</a></li>
<li><a href="https://peasytext.com/text/text-extractor/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Extrator de Texto</a></li>
</ul>
</div>
<div>
<a href="https://peasydev.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #06B6D4;">
<span class="inline-block h-2 w-2 rounded-full" style="background: #06B6D4;"></span>
Developer Tools
</a>
<ul class="space-y-1">
<li><a href="https://peasydev.com/dev/hash-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Hash Generator</a></li>
<li><a href="https://peasydev.com/dev/password-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Password Generator</a></li>
<li><a href="https://peasydev.com/dev/timestamp-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Conversor de Timestamp Unix</a></li>
<li><a href="https://peasydev.com/dev/cron-expression-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Gerador de Expressão Cron</a></li>
<li><a href="https://peasydev.com/dev/chmod-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Calculadora Chmod</a></li>
<li><a href="https://peasydev.com/dev/string-escape-unescape/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">String Escape / Unescape</a></li>
<li><a href="https://peasydev.com/dev/ip-subnet-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">IP Subnet Calculator</a></li>
<li><a href="https://peasydev.com/dev/color-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Color Code Converter</a></li>
<li><a href="https://peasydev.com/dev/csv-json-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSV ↔ JSON Converter</a></li>
<li><a href="https://peasydev.com/dev/xml-json-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">XML ↔ JSON Converter</a></li>
<li><a href="https://peasydev.com/dev/sql-formatter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">SQL Formatter</a></li>
<li><a href="https://peasydev.com/dev/markdown-table/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Markdown Table Generator</a></li>
<li><a href="https://peasydev.com/dev/http-status/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">HTTP Status Code Reference</a></li>
<li><a href="https://peasydev.com/dev/meta-tags/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Meta Tags Generator</a></li>
<li><a href="https://peasydev.com/dev/robots-txt/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Robots.txt Generator</a></li>
<li><a href="https://peasydev.com/dev/gitignore/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">.gitignore Generator</a></li>
<li><a href="https://peasydev.com/dev/html-formatter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">HTML Formatter</a></li>
<li><a href="https://peasydev.com/dev/css-units/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Unit Converter</a></li>
<li><a href="https://peasydev.com/dev/json-path/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">JSONPath Evaluator</a></li>
<li><a href="https://peasydev.com/dev/dev-text-diff/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Text Diff Checker</a></li>
<li><a href="https://peasydev.com/dev/data-uri/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Data URI Converter</a></li>
<li><a href="https://peasydev.com/dev/lorem/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Lorem Ipsum Generator</a></li>
<li><a href="https://peasydev.com/dev/backslash/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Path Converter</a></li>
<li><a href="https://peasydev.com/dev/htaccess/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">.htaccess Generator</a></li>
<li><a href="https://peasydev.com/dev/env/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">.env Validator</a></li>
<li><a href="https://peasydev.com/dev/placeholder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Placeholder Image Generator</a></li>
</ul>
</div>
<div>
<a href="https://peasyseo.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #22C55E;">
<span class="inline-block h-2 w-2 rounded-full" style="background: #22C55E;"></span>
SEO Tools
</a>
<ul class="space-y-1">
<li><a href="https://peasyseo.com/seo/serp-preview/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">SERP Preview</a></li>
<li><a href="https://peasyseo.com/seo/og-tag-debugger/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">OG Tag Debugger</a></li>
<li><a href="https://peasyseo.com/seo/heading-analyzer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Heading Analyzer</a></li>
<li><a href="https://peasyseo.com/seo/keyword-density/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Keyword Density Analyzer</a></li>
<li><a href="https://peasyseo.com/seo/readability-score/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Readability Score</a></li>
<li><a href="https://peasyseo.com/seo/sitemap-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">XML Sitemap Generator</a></li>
<li><a href="https://peasyseo.com/seo/schema-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Schema.org Generator</a></li>
<li><a href="https://peasyseo.com/seo/link-extractor/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Link Extractor</a></li>
<li><a href="https://peasyseo.com/seo/canonical-checker/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Canonical Tag Checker</a></li>
<li><a href="https://peasyseo.com/seo/robots-txt-analyzer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Robots.txt Analyzer</a></li>
<li><a href="https://peasyseo.com/seo/structured-data-validator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Structured Data Validator</a></li>
<li><a href="https://peasyseo.com/seo/word-count-seo/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Word Count & SEO Grade</a></li>
<li><a href="https://peasyseo.com/seo/seo-meta-length-checker/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Meta Length Checker</a></li>
<li><a href="https://peasyseo.com/seo/seo-url-slug-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">URL Slug Generator</a></li>
<li><a href="https://peasyseo.com/seo/seo-keyword-density-analyzer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Keyword Density Analyzer</a></li>
</ul>
</div>
<div>
<a href="https://peasymath.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #14B8A6;">
<span class="inline-block h-2 w-2 rounded-full" style="background: #14B8A6;"></span>
Math Tools
</a>
<ul class="space-y-1">
<li><a href="https://peasymath.com/math/percentage-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Percentage Calculator</a></li>
<li><a href="https://peasymath.com/math/ratio-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Ratio Calculator</a></li>
<li><a href="https://peasymath.com/math/average-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Average Calculator</a></li>
<li><a href="https://peasymath.com/math/gcd-lcm-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">GCD & LCM Calculator</a></li>
<li><a href="https://peasymath.com/math/prime-number-tools/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Prime Number Tools</a></li>
<li><a href="https://peasymath.com/math/equation-solver/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Equation Solver</a></li>
<li><a href="https://peasymath.com/math/unit-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Unit Converter</a></li>
<li><a href="https://peasymath.com/math/fraction-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Fraction Calculator</a></li>
<li><a href="https://peasymath.com/math/roman-numeral-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Roman Numeral Converter</a></li>
<li><a href="https://peasymath.com/math/fibonacci-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Fibonacci Calculator</a></li>
<li><a href="https://peasymath.com/math/logarithm-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Logarithm Calculator</a></li>
<li><a href="https://peasymath.com/math/statistics-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Statistics Calculator</a></li>
<li><a href="https://peasymath.com/math/number-base-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Conversor de Base Numérica</a></li>
<li><a href="https://peasymath.com/math/matrix-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Matrix Calculator</a></li>
<li><a href="https://peasymath.com/math/trigonometry-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Trigonometry Calculator</a></li>
</ul>
</div>
</div>
</div>
<!-- Row 3: Cross-site category bar -->
<div class="border-t border-gray-800 mt-8 pt-6">
<div class="flex flex-wrap gap-x-4 gap-y-2 justify-center">
<a href="https://peasypdf.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy PDF</a>
<a href="https://peasyimage.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Image</a>
<a href="https://peasyformats.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Formats</a>
<a href="https://peasytext.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Text</a>
<a href="https://peasydev.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Dev</a>
<a href="https://peasycss.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy CSS</a>
<a href="https://peasydesign.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Design</a>
<a href="https://peasyvideo.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Video</a>
<a href="https://peasyaudio.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Audio</a>
<a href="https://peasyqr.com" class="text-xs hover:text-white transition-colors font-semibold" style="color: #3B82F6;">Peasy QR</a>
<a href="https://peasyseo.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy SEO</a>
<a href="https://peasysafe.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Safe</a>
<a href="https://peasysocial.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Social</a>
<a href="https://peasymath.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Math</a>
<a href="https://peasygen.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Gen</a>
</div>
</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 QR. Your files never leave your browser.
</p>
</div>
</div>
</footer>
<!-- Command palette tool data (dynamic, must be inline) -->
<script>window.__PEASY_TOOLS__=[{"name": "Achatar PDF", "url": "/pdf/flatten-pdf/", "category": "PDF 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 Text to PDF", "url": "/pdf/add-text-to-pdf/", "category": "PDF Tools"}, {"name": "Adicionar Borda", "url": "/image/add-border/", "category": "Image Tools"}, {"name": "Adicionar Números de Página", "url": "/pdf/add-page-numbers/", "category": "PDF Tools"}, {"name": "Adicionar/Remover Números de Linha", "url": "/text/line-numbers/", "category": "Text Tools"}, {"name": "AES Encrypt / Decrypt", "url": "/safe/aes-encrypt/", "category": "Privacy & Security"}, {"name": "Ajustar Imagem", "url": "/image/adjust-image/", "category": "Image Tools"}, {"name": "Analisador de Hashtags", "url": "/gen/url-slug-generator/", "category": "Generator Tools"}, {"name": "Analisador de Perfil Social", "url": "/gen/gen-avatar-svg/", "category": "Generator Tools"}, {"name": "Analisador de Sentimento de Publicação", "url": "/css/css-unit-converter/", "category": "CSS Tools"}, {"name": "Arredondar Cantos", "url": "/image/round-corners/", "category": "Image Tools"}, {"name": "Aspect Ratio Calculator", "url": "/video/video-aspect-ratio/", "category": "Video Tools"}, {"name": "Aspect Ratio Calculator", "url": "/design/design-aspect-ratio/", "category": "Design Tools"}, {"name": "Assinar PDF", "url": "/pdf/sign-pdf/", "category": "PDF Tools"}, {"name": "Audio File Size Calculator", "url": "/audio/audio-filesize/", "category": "Audio Tools"}, {"name": "Average Calculator", "url": "/math/average-calculator/", "category": "Math Tools"}, {"name": "Bandwidth Calculator", "url": "/video/video-bandwidth/", "category": "Video 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": "/safe/base64-encoder-decoder/", "category": "Privacy & Security"}, {"name": "Best Posting Times", "url": "/social/social-best-posting-times/", "category": "Social Media Tools"}, {"name": "Bio Formatter", "url": "/social/social-bio-formatter/", "category": "Social Media Tools"}, {"name": "Bitrate Calculator", "url": "/video/video-bitrate/", "category": "Video Tools"}, {"name": "BPM Calculator", "url": "/audio/audio-bpm/", "category": "Audio Tools"}, {"name": "Calculadora Chmod", "url": "/dev/chmod-calculator/", "category": "Developer Tools"}, {"name": "Calculadora de Área e Perímetro", "url": "/qr/qr-sms-generator/", "category": "QR & Barcode"}, {"name": "Calculadora de Empréstimo", "url": "/doc/mime-type-lookup/", "category": "Format Tools"}, {"name": "Calculadora de Fatoriais e Combinações", "url": "/qr/qr-event-generator/", "category": "QR & Barcode"}, {"name": "Calculadora de Frações", "url": "/qr/app-store-link-generator/", "category": "QR & Barcode"}, {"name": "Calculadora de IMC", "url": "/doc/url-encoder/", "category": "Format Tools"}, {"name": "Calculadora de Juros Compostos", "url": "/doc/format-identifier/", "category": "Format Tools"}, {"name": "Calculadora de MDC e MMC", "url": "/audio/key-scale-reference/", "category": "Audio Tools"}, {"name": "Calculadora de Média e Estatísticas", "url": "/audio/chord-reference/", "category": "Audio Tools"}, {"name": "Calculadora de Melhores Horários para Publicar", "url": "/gen/gen-short-id/", "category": "Generator Tools"}, {"name": "Calculadora de Porcentagem", "url": "/audio/audio-bit-depth-analyzer/", "category": "Audio Tools"}, {"name": "Calculadora de Proporção", "url": "/qr/qr-email-generator/", "category": "QR & Barcode"}, {"name": "Calculadora de Volume e Área de Superfície", "url": "/qr/qr-geo-location/", "category": "QR & Barcode"}, {"name": "Calculadora Trigonométrica", "url": "/qr/qr-phone-call/", "category": "QR & Barcode"}, {"name": "Canonical Tag Checker", "url": "/seo/canonical-checker/", "category": "SEO Tools"}, {"name": "Cents Calculator", "url": "/audio/audio-cents/", "category": "Audio Tools"}, {"name": "Chroma Subsampling Guide", "url": "/video/video-chroma/", "category": "Video Tools"}, {"name": "Codec Reference", "url": "/video/video-codec/", "category": "Video Tools"}, {"name": "Codificador/Decodificador Base64", "url": "/text/base64-encode-decode/", "category": "Text Tools"}, {"name": "Codificador/Decodificador de Entidades HTML", "url": "/text/html-entity-encoder/", "category": "Text Tools"}, {"name": "Codificador/Decodificador de URL", "url": "/text/url-encode-decode/", "category": "Text Tools"}, {"name": "Color Code Converter", "url": "/dev/color-converter/", "category": "Developer Tools"}, {"name": "Color Palette Generator", "url": "/gen/gen-color-palette/", "category": "Generator Tools"}, {"name": "Color Palette Generator", "url": "/design/design-palette/", "category": "Design Tools"}, {"name": "Color Shade Generator", "url": "/design/design-color-shades/", "category": "Design Tools"}, {"name": "Color Space Reference", "url": "/video/video-color-space/", "category": "Video Tools"}, {"name": "Comparador de Texto", "url": "/text/text-diff/", "category": "Text Tools"}, {"name": "Comprimir Imagem", "url": "/image/compress-image/", "category": "Image Tools"}, {"name": "Comprimir PDF", "url": "/pdf/compress-pdf/", "category": "PDF Tools"}, {"name": "Contador de Palavras", "url": "/text/text-counter/", "category": "Text Tools"}, {"name": "Contrast Checker", "url": "/design/design-contrast/", "category": "Design Tools"}, {"name": "Conversor de Base Numérica", "url": "/math/number-base-converter/", "category": "Math Tools"}, {"name": "Conversor de Base Numérica", "url": "/qr/mecard-generator/", "category": "QR & Barcode"}, {"name": "Conversor de Maiúsculas/Minúsculas", "url": "/text/text-case-converter/", "category": "Text Tools"}, {"name": "Conversor de Publicações para Redes Sociais", "url": "/gen/gen-api-key/", "category": "Generator Tools"}, {"name": "Conversor de Timestamp Unix", "url": "/dev/timestamp-converter/", "category": "Developer Tools"}, {"name": "Conversor de Unidades", "url": "/doc/base64-encoder/", "category": "Format Tools"}, {"name": "Converter Imagem", "url": "/image/convert-image/", "category": "Image Tools"}, {"name": "CORS Header Generator", "url": "/safe/cors-generator/", "category": "Privacy & Security"}, {"name": "Crop PDF", "url": "/pdf/crop-pdf/", "category": "PDF Tools"}, {"name": "CSP Header Generator", "url": "/safe/csp-generator/", "category": "Privacy & Security"}, {"name": "CSS Animation Generator", "url": "/css/css-animation/", "category": "CSS Tools"}, {"name": "CSS Beautifier", "url": "/css/css-beautify/", "category": "CSS Tools"}, {"name": "CSS Border Radius Generator", "url": "/css/css-border-radius/", "category": "CSS Tools"}, {"name": "CSS Box Shadow Generator", "url": "/css/css-shadow/", "category": "CSS Tools"}, {"name": "CSS Flexbox Generator", "url": "/css/css-flexbox/", "category": "CSS Tools"}, {"name": "CSS Gradient Generator", "url": "/css/css-gradient/", "category": "CSS Tools"}, {"name": "CSS Grid Generator", "url": "/css/css-grid/", "category": "CSS Tools"}, {"name": "CSS Minifier", "url": "/css/css-minify/", "category": "CSS Tools"}, {"name": "CSS Text Shadow Generator", "url": "/css/css-text-shadow/", "category": "CSS Tools"}, {"name": "CSS Transform Generator", "url": "/css/css-transform/", "category": "CSS Tools"}, {"name": "CSS Unit Converter", "url": "/dev/css-units/", "category": "Developer Tools"}, {"name": "CSV ↔ JSON Converter", "url": "/dev/csv-json-converter/", "category": "Developer Tools"}, {"name": "CTA Generator", "url": "/social/social-cta-generator/", "category": "Social Media Tools"}, {"name": "Data URI Converter", "url": "/dev/data-uri/", "category": "Developer Tools"}, {"name": "dB Converter", "url": "/audio/audio-db/", "category": "Audio Tools"}, {"name": "Decibel Reference Guide", "url": "/audio/audio-db-reference/", "category": "Audio Tools"}, {"name": "Decodificador JWT", "url": "/safe/jwt-decoder/", "category": "Privacy & Security"}, {"name": "Delay Time Calculator", "url": "/audio/audio-delay/", "category": "Audio Tools"}, {"name": "Delete PDF Pages", "url": "/pdf/delete-pdf-pages/", "category": "PDF Tools"}, {"name": "Desfocar Imagem", "url": "/image/blur-image/", "category": "Image Tools"}, {"name": "Design Tokens Generator", "url": "/design/design-tokens/", "category": "Design Tools"}, {"name": "Dividir PDF", "url": "/pdf/split-pdf/", "category": "PDF Tools"}, {"name": "Divisor de Contas", "url": "/doc/html-entities/", "category": "Format Tools"}, {"name": "Divisor de Threads", "url": "/social/thread-splitter/", "category": "Social Media Tools"}, {"name": "Duplicate PDF Pages", "url": "/pdf/duplicate-pdf-pages/", "category": "PDF Tools"}, {"name": "Editar Metadados de PDF", "url": "/pdf/edit-pdf-metadata/", "category": "PDF Tools"}, {"name": "Emoji Remover & Extractor", "url": "/social/social-emoji-tool/", "category": "Social Media Tools"}, {"name": "Encontrar e Substituir", "url": "/text/find-and-replace/", "category": "Text Tools"}, {"name": "Engagement Analyzer", "url": "/social/social-engagement-analyzer/", "category": "Social Media Tools"}, {"name": ".env Validator", "url": "/dev/env/", "category": "Developer Tools"}, {"name": "Equation Solver", "url": "/math/equation-solver/", "category": "Math Tools"}, {"name": "Error Correction Calculator", "url": "/qr/qr-error-correction/", "category": "QR & Barcode"}, {"name": "Espelhar Imagem", "url": "/image/flip-image/", "category": "Image Tools"}, {"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": "Extrair Texto de PDF", "url": "/pdf/extract-text-from-pdf/", "category": "PDF Tools"}, {"name": "Extrator de Texto", "url": "/text/text-extractor/", "category": "Text Tools"}, {"name": "Fake Data Generator", "url": "/gen/gen-fake-data/", "category": "Generator Tools"}, {"name": "Fibonacci Calculator", "url": "/math/fibonacci-calculator/", "category": "Math Tools"}, {"name": "File Size Estimator", "url": "/video/video-filesize/", "category": "Video Tools"}, {"name": "Filtros de Imagem", "url": "/image/image-filters/", "category": "Image Tools"}, {"name": "Font Pairing Suggestions", "url": "/design/design-font-pair/", "category": "Design Tools"}, {"name": "Formatador de Legendas e Texto Alt", "url": "/social/caption-formatter/", "category": "Social Media Tools"}, {"name": "Formatador JSON", "url": "/text/json-formatter/", "category": "Text Tools"}, {"name": "Fraction Calculator", "url": "/math/fraction-calculator/", "category": "Math Tools"}, {"name": "Frame Rate Converter", "url": "/video/video-framerate/", "category": "Video Tools"}, {"name": "Frequency Calculator", "url": "/audio/audio-freq/", "category": "Audio Tools"}, {"name": "GCD & LCM Calculator", "url": "/math/gcd-lcm-calculator/", "category": "Math Tools"}, {"name": "Gerador de Amostras de Código", "url": "/design/design-shadow-generator/", "category": "Design Tools"}, {"name": "Gerador de Biografias para Redes Sociais", "url": "/css/css-media-query-generator/", "category": "CSS Tools"}, {"name": "Gerador de Citações para Redes Sociais", "url": "/gen/gen-cron-expression/", "category": "Generator Tools"}, {"name": "Gerador de Código QR", "url": "/doc/markdown-to-html/", "category": "Format Tools"}, {"name": "Gerador de Dados CSV", "url": "/gen/gen-csv-data/", "category": "Generator Tools"}, {"name": "Gerador de Dados de Séries Temporais", "url": "/audio/audio-sample-rate-converter/", "category": "Audio Tools"}, {"name": "Gerador de Dados Fictícios", "url": "/gen/gen-random-dates/", "category": "Generator Tools"}, {"name": "Gerador de Dados JSON", "url": "/design/design-icon-size-guide/", "category": "Design Tools"}, {"name": "Gerador de Dicionário de Cores", "url": "/audio/audio-eq-reference/", "category": "Audio Tools"}, {"name": "Gerador de E-mails Aleatórios", "url": "/design/gradient-generator/", "category": "Design Tools"}, {"name": "Gerador de Emojis para Redes Sociais", "url": "/css/css-color-converter/", "category": "CSS Tools"}, {"name": "Gerador de Expressão Cron", "url": "/dev/cron-expression-generator/", "category": "Developer Tools"}, {"name": "Gerador de IDs Técnicos", "url": "/gen/gen-email-addresses/", "category": "Generator Tools"}, {"name": "Gerador de Lorem Ipsum", "url": "/css/css-filter-effects/", "category": "CSS Tools"}, {"name": "Gerador de Lorem Ipsum", "url": "/text/lorem-ipsum-generator/", "category": "Text Tools"}, {"name": "Gerador de Markdown Aleatório", "url": "/design/design-golden-ratio-calculator/", "category": "Design Tools"}, {"name": "Gerador de Perfis de Usuário", "url": "/css/css-clip-path/", "category": "CSS Tools"}, {"name": "Gerador de QR de Localização", "url": "/doc/charset-analyzer/", "category": "Format Tools"}, {"name": "Gerador de QR em Lote", "url": "/doc/line-ending-converter/", "category": "Format Tools"}, {"name": "Gerador de QR para E-mail", "url": "/doc/file-size-converter/", "category": "Format Tools"}, {"name": "Gerador de QR para Evento", "url": "/doc/format-comparison/", "category": "Format Tools"}, {"name": "Gerador de QR para Redes Sociais", "url": "/doc/unicode-escape-converter/", "category": "Format Tools"}, {"name": "Gerador de QR para Telefone e SMS", "url": "/doc/conversion-guide/", "category": "Format Tools"}, {"name": "Gerador de QR para vCard", "url": "/doc/hex-dump-viewer/", "category": "Format Tools"}, {"name": "Gerador de QR para Wi-Fi", "url": "/doc/data-uri-generator/", "category": "Format Tools"}, {"name": "Gerador de Slug", "url": "/text/slug-generator/", "category": "Text Tools"}, {"name": "Gerador de Texto Natural", "url": "/design/css-pattern-generator/", "category": "Design Tools"}, {"name": "Gerador de UUID", "url": "/safe/uuid-generator/", "category": "Privacy & Security"}, {"name": "Girar Imagem", "url": "/image/rotate-image/", "category": "Image Tools"}, {"name": "Girar PDF", "url": "/pdf/rotate-pdf/", "category": "PDF Tools"}, {"name": ".gitignore Generator", "url": "/dev/gitignore/", "category": "Developer 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": "Hashtag Extractor & Generator", "url": "/social/social-hashtag-tool/", "category": "Social Media Tools"}, {"name": "Heading Analyzer", "url": "/seo/heading-analyzer/", "category": "SEO Tools"}, {"name": "HMAC Generator", "url": "/safe/hmac-generator/", "category": "Privacy & Security"}, {"name": ".htaccess Generator", "url": "/dev/htaccess/", "category": "Developer Tools"}, {"name": "HTML Formatter", "url": "/dev/html-formatter/", "category": "Developer Tools"}, {"name": "HTTP Status Code Reference", "url": "/dev/http-status/", "category": "Developer Tools"}, {"name": "Imagem para Base64", "url": "/image/image-to-base64/", "category": "Image 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": "Inverter Texto", "url": "/text/reverse-text/", "category": "Text Tools"}, {"name": "IP Subnet Calculator", "url": "/dev/ip-subnet-calculator/", "category": "Developer Tools"}, {"name": "JPG para PDF", "url": "/pdf/jpg-to-pdf/", "category": "PDF Tools"}, {"name": "JSONPath Evaluator", "url": "/dev/json-path/", "category": "Developer 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": "Leitor de Código QR", "url": "/doc/yaml-json-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": "Lorem Markup Generator", "url": "/gen/gen-lorem-markup/", "category": "Generator Tools"}, {"name": "Loudness Standards Guide", "url": "/audio/audio-loudness/", "category": "Audio Tools"}, {"name": "Marca d'Água em Imagem", "url": "/image/watermark-image/", "category": "Image Tools"}, {"name": "Marca d'Água em PDF", "url": "/pdf/watermark-pdf/", "category": "PDF Tools"}, {"name": "Markdown Table Generator", "url": "/dev/markdown-table/", "category": "Developer Tools"}, {"name": "Matrix Calculator", "url": "/math/matrix-calculator/", "category": "Math Tools"}, {"name": "Mesclar 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": "Mock JSON Generator", "url": "/gen/gen-mock-json/", "category": "Generator Tools"}, {"name": "Nitidez de Imagem", "url": "/image/sharpen-image/", "category": "Image 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": "Ordenar Linhas", "url": "/text/sort-lines/", "category": "Text 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 para 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": "Pixelate Image", "url": "/image/pixelate-image/", "category": "Image Tools"}, {"name": "Placeholder Image Generator", "url": "/dev/placeholder/", "category": "Developer Tools"}, {"name": "Platform Specs Guide", "url": "/video/video-platform/", "category": "Video 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 Number Generator", "url": "/gen/gen-number/", "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": "Recortar Imagem", "url": "/image/crop-image/", "category": "Image Tools"}, {"name": "Redimensionar Imagem", "url": "/image/resize-image/", "category": "Image Tools"}, {"name": "Remover Linhas Duplicadas", "url": "/text/remove-duplicate-lines/", "category": "Text Tools"}, {"name": "Reordenar Páginas de PDF", "url": "/pdf/reorder-pdf/", "category": "PDF Tools"}, {"name": "Resize PDF Pages", "url": "/pdf/resize-pdf/", "category": "PDF Tools"}, {"name": "Resolution Reference", "url": "/video/video-resolution/", "category": "Video Tools"}, {"name": "Responsive Breakpoints", "url": "/design/design-breakpoints/", "category": "Design 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": "Schema.org Generator", "url": "/seo/schema-generator/", "category": "SEO Tools"}, {"name": "Screen Recording Guide", "url": "/video/video-screen-record/", "category": "Video Tools"}, {"name": "Sepia Image", "url": "/image/sepia-image/", "category": "Image Tools"}, {"name": "SERP Preview", "url": "/seo/serp-preview/", "category": "SEO Tools"}, {"name": "Social Character Counter", "url": "/social/social-char-counter/", "category": "Social Media Tools"}, {"name": "Social Media Size Guide", "url": "/design/design-media-sizes/", "category": "Design Tools"}, {"name": "Social Mention Extractor", "url": "/social/social-mention-extractor/", "category": "Social Media Tools"}, {"name": "Spacing Scale Generator", "url": "/design/design-spacing/", "category": "Design Tools"}, {"name": "Speed & Slow-Mo Calculator", "url": "/video/video-speed/", "category": "Video 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": "Storage Planner", "url": "/video/video-storage/", "category": "Video 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": "Subtitle Time Converter", "url": "/video/video-subtitle-time/", "category": "Video Tools"}, {"name": "SVG para PNG", "url": "/image/svg-to-png/", "category": "Image Tools"}, {"name": "Testador de Regex", "url": "/gen/regex-tester/", "category": "Generator 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/social-thread-splitter/", "category": "Social Media Tools"}, {"name": "Timecode Calculator", "url": "/video/video-timecode/", "category": "Video Tools"}, {"name": "Tornar Quadrada", "url": "/image/make-square/", "category": "Image Tools"}, {"name": "TOTP Configurator", "url": "/safe/totp-configurator/", "category": "Privacy & Security"}, {"name": "Trigonometry Calculator", "url": "/math/trigonometry-calculator/", "category": "Math Tools"}, {"name": "Type Scale Generator", "url": "/design/design-typography/", "category": "Design Tools"}, {"name": "Unit Converter", "url": "/math/unit-converter/", "category": "Math Tools"}, {"name": "URL Slug Generator", "url": "/seo/seo-url-slug-generator/", "category": "SEO Tools"}, {"name": "Username Generator", "url": "/gen/gen-username/", "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": "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"}];</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://peasyqr.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 QR"}, "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://peasyqr.com/"}, {"@type": "ListItem", "position": 2, "name": "Guides", "item": "https://peasyqr.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>