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">Outils associés</h2>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-2.5">
<a href="/fr/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="/fr/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="/fr/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="/fr/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="/fr/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="/fr/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="/fr/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="/fr/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="/fr/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="/fr/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="/fr/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="/fr/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="/fr/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="/fr/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="/fr/social/caption-formatter/"
class="flex items-center gap-3 rounded-lg border p-3 transition-colors hover:border-accent"
style="border-color: var(--border);"
onmouseenter="this.style.borderColor='var(--lemon-bright)'"
onmouseleave="this.style.borderColor='var(--border)'">
<span class="inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md text-white text-xs font-bold"
style="background-color: var(--accent)">
C
</span>
<span class="text-sm font-medium text-gray-900 dark:text-white">Caption & Alt Text Formatter</span>
</a>
</div>
</section>
<section class="mb-8">
<h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-3">Formats associés</h2>
<div class="flex flex-wrap gap-2">
<a href="/fr/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="/fr/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="/fr/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">Guides associés</h2>
<div class="space-y-2.5">
<a href="/fr/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="/fr/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="/fr/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="/fr/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="/fr/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">image</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">Guides <span class="text-xs text-gray-500">(69)</span></a></li>
<li><a href="/glossary/" class="hover:text-white transition-colors">Glossaire <span class="text-xs text-gray-500">(54)</span></a></li>
<li><a href="/use-cases/" class="hover:text-white transition-colors">Cas d'utilisation <span class="text-xs text-gray-500">(302)</span></a></li>
<li><a href="/formats/" class="hover:text-white transition-colors">Formats de fichiers <span class="text-xs text-gray-500">(131)</span></a></li>
<li><a href="/convert/" class="hover:text-white transition-colors">Conversions <span class="text-xs text-gray-500">(1484)</span></a></li>
</ul>
</div>
<!-- Developers column -->
<div class="border-t border-gray-800 md:border-0 py-3 md:py-0">
<button @click="openCol = openCol === 'dev' ? null : 'dev'"
class="flex w-full items-center justify-between md:pointer-events-none md:cursor-default"
style="min-height: 44px;">
<span class="text-xs font-bold uppercase tracking-[0.08em] text-gray-300">Developers</span>
<svg class="h-4 w-4 md:hidden transition-transform" :class="openCol === 'dev' ? 'rotate-180' : ''" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
</button>
<ul class="space-y-2 mt-2 text-sm md:!block" x-show="openCol === 'dev'" x-collapse x-cloak>
<li><a href="/developers/" class="hover:text-white transition-colors">API Documentation</a></li>
<li><a href="/api/openapi.json" class="hover:text-white transition-colors">OpenAPI Spec</a></li>
<li><a href="/llms.txt" class="hover:text-white transition-colors">llms.txt</a></li>
<li><a href="https://widget.peasyimage.com" target="_blank" rel="noopener" class="hover:text-emerald-400 transition-colors inline-flex items-center gap-1">Embed Widget <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/></svg></a></li>
</ul>
</div>
<!-- Company column -->
<div class="border-t border-gray-800 md:border-0 py-3 md:py-0">
<button @click="openCol = openCol === 'company' ? null : 'company'"
class="flex w-full items-center justify-between md:pointer-events-none md:cursor-default"
style="min-height: 44px;">
<span class="text-xs font-bold uppercase tracking-[0.08em] text-gray-300">Company</span>
<svg class="h-4 w-4 md:hidden transition-transform" :class="openCol === 'company' ? 'rotate-180' : ''" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
</button>
<ul class="space-y-2 mt-2 text-sm md:!block" x-show="openCol === 'company'" x-collapse x-cloak>
<li><a href="/about/" class="hover:text-white transition-colors">About</a></li>
<li><a href="/about/technology/" class="hover:text-white transition-colors">Technology</a></li>
<li><a href="/privacy/" class="hover:text-white transition-colors">Politique de confidentialité</a></li>
<li><a href="/terms/" class="hover:text-white transition-colors">Conditions d'utilisation</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;">Merge PDF</a></li>
<li><a href="https://peasypdf.com/pdf/split-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Split PDF</a></li>
<li><a href="https://peasypdf.com/pdf/compress-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Compress PDF</a></li>
<li><a href="https://peasypdf.com/pdf/rotate-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Rotate PDF</a></li>
<li><a href="https://peasypdf.com/pdf/add-page-numbers/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Add Page Numbers</a></li>
<li><a href="https://peasypdf.com/pdf/pdf-to-jpg/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">PDF to JPG</a></li>
<li><a href="https://peasypdf.com/pdf/watermark-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Watermark PDF</a></li>
<li><a href="https://peasypdf.com/pdf/reorder-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Reorder PDF Pages</a></li>
<li><a href="https://peasypdf.com/pdf/flatten-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Flatten PDF</a></li>
<li><a href="https://peasypdf.com/pdf/edit-pdf-metadata/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Edit PDF Metadata</a></li>
<li><a href="https://peasypdf.com/pdf/sign-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Sign 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 to 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;">Extract Text from 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;">Декодер JWT</a></li>
<li><a href="https://peasysafe.com/safe/uuid-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Генератор 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;">Счётчик символов для соцсетей</a></li>
<li><a href="https://peasysocial.com/social/social-hashtag-tool/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Извлечение и генерация хэштегов</a></li>
<li><a href="https://peasysocial.com/social/social-mention-extractor/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Извлечение упоминаний из соцсетей</a></li>
<li><a href="https://peasysocial.com/social/social-thread-splitter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Разделитель тредов</a></li>
<li><a href="https://peasysocial.com/social/social-emoji-tool/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Удаление и извлечение эмодзи</a></li>
<li><a href="https://peasysocial.com/social/social-bio-formatter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Форматирование биографии</a></li>
<li><a href="https://peasysocial.com/social/social-cta-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Генератор CTA</a></li>
<li><a href="https://peasysocial.com/social/social-engagement-analyzer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Анализатор вовлечённости</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;">Thread Splitter</a></li>
<li><a href="https://peasysocial.com/social/caption-formatter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Caption & Alt Text Formatter</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;">Генератор тестовых данных</a></li>
<li><a href="https://peasygen.com/gen/gen-mock-json/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Генератор JSON-макетов</a></li>
<li><a href="https://peasygen.com/gen/gen-username/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Генератор имён пользователей</a></li>
<li><a href="https://peasygen.com/gen/gen-color-palette/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Генератор цветовых палитр</a></li>
<li><a href="https://peasygen.com/gen/gen-lorem-markup/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Генератор Lorem с разметкой</a></li>
<li><a href="https://peasygen.com/gen/gen-number/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Генератор случайных чисел</a></li>
<li><a href="https://peasygen.com/gen/gen-csv-data/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSV Data Generator</a></li>
<li><a href="https://peasygen.com/gen/gen-random-dates/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Random Date Generator</a></li>
<li><a href="https://peasygen.com/gen/gen-email-addresses/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Email Address Generator</a></li>
<li><a href="https://peasygen.com/gen/gen-avatar-svg/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Avatar Generator</a></li>
<li><a href="https://peasygen.com/gen/gen-cron-expression/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Cron Expression Builder</a></li>
<li><a href="https://peasygen.com/gen/gen-api-key/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">API Key Generator</a></li>
<li><a href="https://peasygen.com/gen/gen-short-id/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Short ID Generator</a></li>
<li><a href="https://peasygen.com/gen/regex-tester/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Тестер регулярных выражений</a></li>
<li><a href="https://peasygen.com/gen/url-slug-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">URL Slug Generator</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</a></li>
<li><a href="https://peasycss.com/css/css-beautify/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Форматирование CSS</a></li>
<li><a href="https://peasycss.com/css/css-gradient/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Генератор CSS-градиентов</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</a></li>
<li><a href="https://peasycss.com/css/css-flexbox/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Генератор CSS Flexbox</a></li>
<li><a href="https://peasycss.com/css/css-grid/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Генератор CSS Grid</a></li>
<li><a href="https://peasycss.com/css/css-animation/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Генератор CSS-анимаций</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</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</a></li>
<li><a href="https://peasycss.com/css/css-transform/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Генератор CSS Transform</a></li>
<li><a href="https://peasycss.com/css/css-unit-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Unit Converter</a></li>
<li><a href="https://peasycss.com/css/css-color-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Color Converter</a></li>
<li><a href="https://peasycss.com/css/css-media-query-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Media Query Generator</a></li>
<li><a href="https://peasycss.com/css/css-filter-effects/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Filter Effects</a></li>
<li><a href="https://peasycss.com/css/css-clip-path/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Clip-Path Generator</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;">Compress Image</a></li>
<li><a href="https://peasyimage.com/image/resize-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Изменение размера изображения</a></li>
<li><a href="https://peasyimage.com/image/crop-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Обрезка изображения</a></li>
<li><a href="https://peasyimage.com/image/rotate-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Поворот изображения</a></li>
<li><a href="https://peasyimage.com/image/flip-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Отражение изображения</a></li>
<li><a href="https://peasyimage.com/image/convert-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Конвертер изображений</a></li>
<li><a href="https://peasyimage.com/image/watermark-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Водяной знак на изображение</a></li>
<li><a href="https://peasyimage.com/image/svg-to-png/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">SVG в PNG</a></li>
<li><a href="https://peasyimage.com/image/image-to-base64/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Изображение в Base64</a></li>
<li><a href="https://peasyimage.com/image/round-corners/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Скругление углов</a></li>
<li><a href="https://peasyimage.com/image/add-border/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Добавить рамку</a></li>
<li><a href="https://peasyimage.com/image/image-filters/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Фильтры для изображений</a></li>
<li><a href="https://peasyimage.com/image/adjust-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Настройка изображения</a></li>
<li><a href="https://peasyimage.com/image/blur-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Размытие изображения</a></li>
<li><a href="https://peasyimage.com/image/sharpen-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Увеличение резкости</a></li>
<li><a href="https://peasyimage.com/image/make-square/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Сделать квадратным</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;">Генератор цветовых палитр</a></li>
<li><a href="https://peasydesign.com/design/design-typography/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Генератор типографической шкалы</a></li>
<li><a href="https://peasydesign.com/design/design-spacing/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Генератор шкалы отступов</a></li>
<li><a href="https://peasydesign.com/design/design-breakpoints/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Адаптивные контрольные точки</a></li>
<li><a href="https://peasydesign.com/design/design-aspect-ratio/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Калькулятор соотношения сторон</a></li>
<li><a href="https://peasydesign.com/design/design-color-shades/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Генератор оттенков цвета</a></li>
<li><a href="https://peasydesign.com/design/design-font-pair/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Подбор сочетаний шрифтов</a></li>
<li><a href="https://peasydesign.com/design/design-contrast/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Проверка контрастности</a></li>
<li><a href="https://peasydesign.com/design/design-tokens/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Генератор дизайн-токенов</a></li>
<li><a href="https://peasydesign.com/design/design-media-sizes/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Справочник размеров для соцсетей</a></li>
<li><a href="https://peasydesign.com/design/design-golden-ratio-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Golden Ratio Calculator</a></li>
<li><a href="https://peasydesign.com/design/design-icon-size-guide/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">App Icon Size Guide</a></li>
<li><a href="https://peasydesign.com/design/design-shadow-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Shadow System Generator</a></li>
<li><a href="https://peasydesign.com/design/gradient-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Multi-Stop Gradient Generator</a></li>
<li><a href="https://peasydesign.com/design/css-pattern-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Pattern Generator</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;">Справочник разрешений</a></li>
<li><a href="https://peasyvideo.com/video/video-bitrate/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Калькулятор битрейта</a></li>
<li><a href="https://peasyvideo.com/video/video-framerate/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Конвертер частоты кадров</a></li>
<li><a href="https://peasyvideo.com/video/video-timecode/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Калькулятор таймкодов</a></li>
<li><a href="https://peasyvideo.com/video/video-aspect-ratio/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Калькулятор соотношения сторон</a></li>
<li><a href="https://peasyvideo.com/video/video-filesize/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Оценка размера файлов</a></li>
<li><a href="https://peasyvideo.com/video/video-speed/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Калькулятор скорости и замедления</a></li>
<li><a href="https://peasyvideo.com/video/video-storage/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Планировщик хранения</a></li>
<li><a href="https://peasyvideo.com/video/video-subtitle-time/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Конвертер времени субтитров</a></li>
<li><a href="https://peasyvideo.com/video/video-bandwidth/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Калькулятор пропускной способности</a></li>
<li><a href="https://peasyvideo.com/video/video-color-space/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Справочник цветовых пространств</a></li>
<li><a href="https://peasyvideo.com/video/video-codec/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Справочник кодеков</a></li>
<li><a href="https://peasyvideo.com/video/video-platform/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Спецификации платформ</a></li>
<li><a href="https://peasyvideo.com/video/video-chroma/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Справочник по цветовой субдискретизации</a></li>
<li><a href="https://peasyvideo.com/video/video-screen-record/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Справочник по записи экрана</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</a></li>
<li><a href="https://peasyaudio.com/audio/audio-freq/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Калькулятор частот</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;">EQ Frequency Reference</a></li>
<li><a href="https://peasyaudio.com/audio/audio-sample-rate-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Sample Rate Converter</a></li>
<li><a href="https://peasyaudio.com/audio/audio-bit-depth-analyzer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Bit Depth Analyzer</a></li>
<li><a href="https://peasyaudio.com/audio/chord-reference/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Chord Reference</a></li>
<li><a href="https://peasyaudio.com/audio/key-scale-reference/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Key & Scale Reference</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;">Format Identifier</a></li>
<li><a href="https://peasyformats.com/doc/mime-type-lookup/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">MIME Type Lookup</a></li>
<li><a href="https://peasyformats.com/doc/base64-encoder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Base64 Encoder / Decoder</a></li>
<li><a href="https://peasyformats.com/doc/url-encoder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">URL Encoder / Decoder</a></li>
<li><a href="https://peasyformats.com/doc/html-entities/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">HTML Entity Encoder / Decoder</a></li>
<li><a href="https://peasyformats.com/doc/markdown-to-html/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Markdown to HTML Converter</a></li>
<li><a href="https://peasyformats.com/doc/yaml-json-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">YAML ↔ JSON Converter</a></li>
<li><a href="https://peasyformats.com/doc/line-ending-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Line Ending Converter</a></li>
<li><a href="https://peasyformats.com/doc/data-uri-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Data URI Generator</a></li>
<li><a href="https://peasyformats.com/doc/hex-dump-viewer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Hex Dump Viewer</a></li>
<li><a href="https://peasyformats.com/doc/unicode-escape-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Unicode Escape Converter</a></li>
<li><a href="https://peasyformats.com/doc/file-size-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">File Size Converter</a></li>
<li><a href="https://peasyformats.com/doc/charset-analyzer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Character Set Analyzer</a></li>
<li><a href="https://peasyformats.com/doc/format-comparison/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Format Comparison Guide</a></li>
<li><a href="https://peasyformats.com/doc/conversion-guide/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Conversion Guide</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;">Event QR Generator</a></li>
<li><a href="https://peasyqr.com/qr/qr-email-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Email QR Generator</a></li>
<li><a href="https://peasyqr.com/qr/qr-sms-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">SMS QR Generator</a></li>
<li><a href="https://peasyqr.com/qr/qr-geo-location/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Geo Location QR Generator</a></li>
<li><a href="https://peasyqr.com/qr/qr-phone-call/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Phone Call QR Generator</a></li>
<li><a href="https://peasyqr.com/qr/mecard-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">MeCard Generator</a></li>
<li><a href="https://peasyqr.com/qr/app-store-link-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">App Store Link Generator</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;">Счётчик слов</a></li>
<li><a href="https://peasytext.com/text/text-case-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Конвертер регистра</a></li>
<li><a href="https://peasytext.com/text/sort-lines/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Сортировка строк</a></li>
<li><a href="https://peasytext.com/text/lorem-ipsum-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Генератор Lorem Ipsum</a></li>
<li><a href="https://peasytext.com/text/slug-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Генератор слагов</a></li>
<li><a href="https://peasytext.com/text/find-and-replace/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Поиск и замена</a></li>
<li><a href="https://peasytext.com/text/remove-duplicate-lines/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Удаление дубликатов строк</a></li>
<li><a href="https://peasytext.com/text/base64-encode-decode/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Кодировщик/декодировщик Base64</a></li>
<li><a href="https://peasytext.com/text/url-encode-decode/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Кодировщик/декодировщик URL</a></li>
<li><a href="https://peasytext.com/text/json-formatter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Форматирование JSON</a></li>
<li><a href="https://peasytext.com/text/html-entity-encoder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Кодировщик/декодировщик HTML-сущностей</a></li>
<li><a href="https://peasytext.com/text/reverse-text/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Переворот текста</a></li>
<li><a href="https://peasytext.com/text/line-numbers/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Добавить/удалить нумерацию строк</a></li>
<li><a href="https://peasytext.com/text/text-diff/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Сравнение текстов</a></li>
<li><a href="https://peasytext.com/text/text-extractor/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Извлечение текста</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;">Конвертер Unix-временных меток</a></li>
<li><a href="https://peasydev.com/dev/cron-expression-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Генератор выражений Cron</a></li>
<li><a href="https://peasydev.com/dev/chmod-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Калькулятор 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;">Конвертер систем счисления</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 font-semibold" style="color: #10B981;">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" style="color: #6B7280;">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 Image. Your files never leave your browser.
</p>
</div>
</div>
</footer>
<!-- Command palette tool data (dynamic, must be inline) -->
<script>window.__PEASY_TOOLS__=[{"name": "비트레이트 계산기", "url": "/video/video-bitrate/", "category": "Video Tools"}, {"name": "라우드니스 표준 가이드", "url": "/audio/audio-loudness/", "category": "Audio Tools"}, {"name": "레이턴시 계산기", "url": "/audio/audio-latency/", "category": "Audio Tools"}, {"name": "사용자명 검사기", "url": "/social/social-handle-checker/", "category": "Social Media Tools"}, {"name": "사용자명 생성기", "url": "/gen/gen-username/", "category": "Generator Tools"}, {"name": "삼각함수 계산기", "url": "/math/trigonometry-calculator/", "category": "Math Tools"}, {"name": "타임코드 계산기", "url": "/video/video-timecode/", "category": "Video Tools"}, {"name": "피보나치 계산기", "url": "/math/fibonacci-calculator/", "category": "Math Tools"}, {"name": "해시태그 추출 및 생성기", "url": "/social/social-hashtag-tool/", "category": "Social Media Tools"}, {"name": "해상도 참조", "url": "/video/video-resolution/", "category": "Video Tools"}, {"name": "대역폭 계산기", "url": "/video/video-bandwidth/", "category": "Video Tools"}, {"name": "바이오 포맷터", "url": "/social/social-bio-formatter/", "category": "Social Media Tools"}, {"name": "바코드 검증기", "url": "/qr/barcode-validator/", "category": "QR & Barcode"}, {"name": "세피아 이미지", "url": "/image/sepia-image/", "category": "Image Tools"}, {"name": "스레드 분할기", "url": "/social/social-thread-splitter/", "category": "Social Media Tools"}, {"name": "이미지 픽셀화", "url": "/image/pixelate-image/", "category": "Image Tools"}, {"name": "주파수 계산기", "url": "/audio/audio-freq/", "category": "Audio Tools"}, {"name": "참여도 분석기", "url": "/social/social-engagement-analyzer/", "category": "Social Media Tools"}, {"name": "게시물 미리보기", "url": "/social/social-post-preview/", "category": "Social Media Tools"}, {"name": "반응형 브레이크포인트", "url": "/design/design-breakpoints/", "category": "Design Tools"}, {"name": "이미지 그레이스케일 변환", "url": "/image/grayscale-image/", "category": "Image Tools"}, {"name": "이미지 메타데이터 제거", "url": "/image/strip-metadata/", "category": "Image Tools"}, {"name": "크로마 서브샘플링 가이드", "url": "/video/video-chroma/", "category": "Video Tools"}, {"name": "프레임 레이트 변환기", "url": "/video/video-framerate/", "category": "Video Tools"}, {"name": "바코드 형식 참조", "url": "/qr/barcode-reference/", "category": "QR & Barcode"}, {"name": "데시벨 참조 가이드", "url": "/audio/audio-db-reference/", "category": "Audio Tools"}, {"name": "디자인 토큰 생성기", "url": "/design/design-tokens/", "category": "Design Tools"}, {"name": "딜레이 타임 계산기", "url": "/audio/audio-delay/", "category": "Audio Tools"}, {"name": "이미지 크기 가이드", "url": "/social/social-image-size-guide/", "category": "Social Media Tools"}, {"name": "키워드 밀도 분석기", "url": "/seo/seo-keyword-density-analyzer/", "category": "SEO Tools"}, {"name": "플랫폼 사양 가이드", "url": "/video/video-platform/", "category": "Video Tools"}, {"name": "오디오 파일 크기 계산기", "url": "/audio/audio-filesize/", "category": "Audio Tools"}, {"name": "이모지 제거 및 추출기", "url": "/social/social-emoji-tool/", "category": "Social Media Tools"}, {"name": "머리글 및 바닥글 추가", "url": "/pdf/pdf-header-footer/", "category": "PDF Tools"}, {"name": "코덱 참조", "url": "/video/video-codec/", "category": "Video Tools"}, {"name": "단위 변환기", "url": "/math/unit-converter/", "category": "Math Tools"}, {"name": "대비 검사기", "url": "/design/design-contrast/", "category": "Design Tools"}, {"name": "로그 계산기", "url": "/math/logarithm-calculator/", "category": "Math Tools"}, {"name": "분수 계산기", "url": "/math/fraction-calculator/", "category": "Math Tools"}, {"name": "센트 계산기", "url": "/audio/audio-cents/", "category": "Audio Tools"}, {"name": "통계 계산기", "url": "/math/statistics-calculator/", "category": "Math Tools"}, {"name": "행렬 계산기", "url": "/math/matrix-calculator/", "category": "Math Tools"}, {"name": "글꼴 페어링 제안", "url": "/design/design-font-pair/", "category": "Design Tools"}, {"name": "음계 주파수 차트", "url": "/audio/audio-note-chart/", "category": "Audio Tools"}, {"name": "가짜 데이터 생성기", "url": "/gen/gen-fake-data/", "category": "Generator Tools"}, {"name": "간격 스케일 생성기", "url": "/design/design-spacing/", "category": "Design Tools"}, {"name": "색상 팔레트 생성기", "url": "/gen/gen-color-palette/", "category": "Generator Tools"}, {"name": "색상 팔레트 생성기", "url": "/design/design-palette/", "category": "Design Tools"}, {"name": "타입 스케일 생성기", "url": "/design/design-typography/", "category": "Design Tools"}, {"name": "소셜 미디어 크기 가이드", "url": "/design/design-media-sizes/", "category": "Design Tools"}, {"name": "소셜 미디어 글자 수 카운터", "url": "/social/social-char-counter/", "category": "Social Media Tools"}, {"name": "최적 게시 시간", "url": "/social/social-best-posting-times/", "category": "Social Media Tools"}, {"name": "랜덤 숫자 생성기", "url": "/gen/gen-number/", "category": "Generator Tools"}, {"name": "로마 숫자 변환기", "url": "/math/roman-numeral-converter/", "category": "Math Tools"}, {"name": "메타 길이 검사기", "url": "/seo/seo-meta-length-checker/", "category": "SEO Tools"}, {"name": "색상 음영 생성기", "url": "/design/design-color-shades/", "category": "Design Tools"}, {"name": "소셜 멘션 추출기", "url": "/social/social-mention-extractor/", "category": "Social Media Tools"}, {"name": "영상 비율 계산기", "url": "/video/video-aspect-ratio/", "category": "Video Tools"}, {"name": "오류 정정 계산기", "url": "/qr/qr-error-correction/", "category": "QR & Barcode"}, {"name": "자막 시간 변환기", "url": "/video/video-subtitle-time/", "category": "Video Tools"}, {"name": "저장 공간 플래너", "url": "/video/video-storage/", "category": "Video Tools"}, {"name": "파일 크기 추정기", "url": "/video/video-filesize/", "category": "Video Tools"}, {"name": "화면 녹화 가이드", "url": "/video/video-screen-record/", "category": "Video Tools"}, {"name": "화면 비율 계산기", "url": "/design/design-aspect-ratio/", "category": "Design Tools"}, {"name": "속도 및 슬로모션 계산기", "url": "/video/video-speed/", "category": "Video Tools"}, {"name": "홀수/짝수 페이지 추출", "url": "/pdf/odd-even-pdf/", "category": "PDF Tools"}, {"name": "빈 페이지 삽입", "url": "/pdf/insert-blank-pages/", "category": "PDF Tools"}, {"name": "색 공간 참조", "url": "/video/video-color-space/", "category": "Video Tools"}, {"name": "Add Border", "url": "/image/add-border/", "category": "Image Tools"}, {"name": "Add Page Numbers", "url": "/pdf/add-page-numbers/", "category": "PDF Tools"}, {"name": "Add/Remove Line Numbers", "url": "/text/line-numbers/", "category": "Text Tools"}, {"name": "Adjust Image", "url": "/image/adjust-image/", "category": "Image Tools"}, {"name": "AES Encrypt / Decrypt", "url": "/safe/aes-encrypt/", "category": "Privacy & Security"}, {"name": "API Key Generator", "url": "/gen/gen-api-key/", "category": "Generator Tools"}, {"name": "App Icon Size Guide", "url": "/design/design-icon-size-guide/", "category": "Design Tools"}, {"name": "App Store Link Generator", "url": "/qr/app-store-link-generator/", "category": "QR & Barcode"}, {"name": "Avatar Generator", "url": "/gen/gen-avatar-svg/", "category": "Generator Tools"}, {"name": "Average Calculator", "url": "/math/average-calculator/", "category": "Math Tools"}, {"name": "Base64 인코더 / 디코더", "url": "/safe/base64-encoder-decoder/", "category": "Privacy & Security"}, {"name": "Base64 Encoder / Decoder", "url": "/doc/base64-encoder/", "category": "Format Tools"}, {"name": "Base64 Encoder/Decoder", "url": "/text/base64-encode-decode/", "category": "Text Tools"}, {"name": "Bit Depth Analyzer", "url": "/audio/audio-bit-depth-analyzer/", "category": "Audio Tools"}, {"name": "Blur Image", "url": "/image/blur-image/", "category": "Image Tools"}, {"name": "BPM 계산기", "url": "/audio/audio-bpm/", "category": "Audio Tools"}, {"name": "Canonical Tag Checker", "url": "/seo/canonical-checker/", "category": "SEO Tools"}, {"name": "Caption & Alt Text Formatter", "url": "/social/caption-formatter/", "category": "Social Media Tools"}, {"name": "Case Converter", "url": "/text/text-case-converter/", "category": "Text Tools"}, {"name": "Character Set Analyzer", "url": "/doc/charset-analyzer/", "category": "Format Tools"}, {"name": "Chmod Calculator", "url": "/dev/chmod-calculator/", "category": "Developer Tools"}, {"name": "Chord Reference", "url": "/audio/chord-reference/", "category": "Audio Tools"}, {"name": "Color Code Converter", "url": "/dev/color-converter/", "category": "Developer Tools"}, {"name": "Compress Image", "url": "/image/compress-image/", "category": "Image Tools"}, {"name": "Compress PDF", "url": "/pdf/compress-pdf/", "category": "PDF Tools"}, {"name": "Conversion Guide", "url": "/doc/conversion-guide/", "category": "Format Tools"}, {"name": "Convert Image", "url": "/image/convert-image/", "category": "Image Tools"}, {"name": "CORS Header Generator", "url": "/safe/cors-generator/", "category": "Privacy & Security"}, {"name": "Cron Expression Builder", "url": "/gen/gen-cron-expression/", "category": "Generator Tools"}, {"name": "Cron Expression Generator", "url": "/dev/cron-expression-generator/", "category": "Developer Tools"}, {"name": "Crop Image", "url": "/image/crop-image/", "category": "Image Tools"}, {"name": "CSP Header Generator", "url": "/safe/csp-generator/", "category": "Privacy & Security"}, {"name": "CSS 정리기", "url": "/css/css-beautify/", "category": "CSS Tools"}, {"name": "CSS 축소기", "url": "/css/css-minify/", "category": "CSS Tools"}, {"name": "CSS 그라디언트 생성기", "url": "/css/css-gradient/", "category": "CSS Tools"}, {"name": "CSS 애니메이션 생성기", "url": "/css/css-animation/", "category": "CSS Tools"}, {"name": "CSS 모서리 둥글기 생성기", "url": "/css/css-border-radius/", "category": "CSS Tools"}, {"name": "CSS 텍스트 그림자 생성기", "url": "/css/css-text-shadow/", "category": "CSS Tools"}, {"name": "CSS 변환 생성기", "url": "/css/css-transform/", "category": "CSS Tools"}, {"name": "CSS 박스 그림자 생성기", "url": "/css/css-shadow/", "category": "CSS Tools"}, {"name": "CSS Clip-Path Generator", "url": "/css/css-clip-path/", "category": "CSS Tools"}, {"name": "CSS Color Converter", "url": "/css/css-color-converter/", "category": "CSS Tools"}, {"name": "CSS Filter Effects", "url": "/css/css-filter-effects/", "category": "CSS Tools"}, {"name": "CSS Flexbox 생성기", "url": "/css/css-flexbox/", "category": "CSS Tools"}, {"name": "CSS Grid 생성기", "url": "/css/css-grid/", "category": "CSS Tools"}, {"name": "CSS Pattern Generator", "url": "/design/css-pattern-generator/", "category": "Design Tools"}, {"name": "CSS Unit Converter", "url": "/dev/css-units/", "category": "Developer Tools"}, {"name": "CSS Unit Converter", "url": "/css/css-unit-converter/", "category": "CSS Tools"}, {"name": "CSV Data Generator", "url": "/gen/gen-csv-data/", "category": "Generator Tools"}, {"name": "CSV ↔ JSON Converter", "url": "/dev/csv-json-converter/", "category": "Developer Tools"}, {"name": "CTA 생성기", "url": "/social/social-cta-generator/", "category": "Social Media Tools"}, {"name": "Data URI Converter", "url": "/dev/data-uri/", "category": "Developer Tools"}, {"name": "Data URI Generator", "url": "/doc/data-uri-generator/", "category": "Format Tools"}, {"name": "dB 변환기", "url": "/audio/audio-db/", "category": "Audio Tools"}, {"name": "Edit PDF Metadata", "url": "/pdf/edit-pdf-metadata/", "category": "PDF Tools"}, {"name": "Email Address Generator", "url": "/gen/gen-email-addresses/", "category": "Generator Tools"}, {"name": "Email QR Generator", "url": "/qr/qr-email-generator/", "category": "QR & Barcode"}, {"name": ".env Validator", "url": "/dev/env/", "category": "Developer Tools"}, {"name": "EQ Frequency Reference", "url": "/audio/audio-eq-reference/", "category": "Audio Tools"}, {"name": "Equation Solver", "url": "/math/equation-solver/", "category": "Math Tools"}, {"name": "Event QR Generator", "url": "/qr/qr-event-generator/", "category": "QR & Barcode"}, {"name": "Extract Text from PDF", "url": "/pdf/extract-text-from-pdf/", "category": "PDF Tools"}, {"name": "File Size Converter", "url": "/doc/file-size-converter/", "category": "Format Tools"}, {"name": "Find & Replace", "url": "/text/find-and-replace/", "category": "Text Tools"}, {"name": "Flatten PDF", "url": "/pdf/flatten-pdf/", "category": "PDF Tools"}, {"name": "Flip Image", "url": "/image/flip-image/", "category": "Image Tools"}, {"name": "Format Comparison Guide", "url": "/doc/format-comparison/", "category": "Format Tools"}, {"name": "Format Identifier", "url": "/doc/format-identifier/", "category": "Format Tools"}, {"name": "GCD & LCM Calculator", "url": "/math/gcd-lcm-calculator/", "category": "Math Tools"}, {"name": "Geo Location QR Generator", "url": "/qr/qr-geo-location/", "category": "QR & Barcode"}, {"name": ".gitignore Generator", "url": "/dev/gitignore/", "category": "Developer Tools"}, {"name": "Golden Ratio Calculator", "url": "/design/design-golden-ratio-calculator/", "category": "Design Tools"}, {"name": "Hash Generator", "url": "/dev/hash-generator/", "category": "Developer Tools"}, {"name": "Hash Generator", "url": "/safe/safe-hash-generator/", "category": "Privacy & Security"}, {"name": "Heading Analyzer", "url": "/seo/heading-analyzer/", "category": "SEO Tools"}, {"name": "Hex Dump Viewer", "url": "/doc/hex-dump-viewer/", "category": "Format Tools"}, {"name": "HMAC Generator", "url": "/safe/hmac-generator/", "category": "Privacy & Security"}, {"name": ".htaccess Generator", "url": "/dev/htaccess/", "category": "Developer Tools"}, {"name": "HTML Entity Encoder / Decoder", "url": "/doc/html-entities/", "category": "Format Tools"}, {"name": "HTML Entity Encoder/Decoder", "url": "/text/html-entity-encoder/", "category": "Text Tools"}, {"name": "HTML Formatter", "url": "/dev/html-formatter/", "category": "Developer Tools"}, {"name": "HTTP Status Code Reference", "url": "/dev/http-status/", "category": "Developer Tools"}, {"name": "Image Filters", "url": "/image/image-filters/", "category": "Image Tools"}, {"name": "Image to Base64", "url": "/image/image-to-base64/", "category": "Image Tools"}, {"name": "IP Subnet Calculator", "url": "/dev/ip-subnet-calculator/", "category": "Developer Tools"}, {"name": "JPG to PDF", "url": "/pdf/jpg-to-pdf/", "category": "PDF Tools"}, {"name": "목업 JSON 생성기", "url": "/gen/gen-mock-json/", "category": "Generator Tools"}, {"name": "JSON Formatter", "url": "/text/json-formatter/", "category": "Text Tools"}, {"name": "JSONPath Evaluator", "url": "/dev/json-path/", "category": "Developer Tools"}, {"name": "JWT Decoder", "url": "/safe/jwt-decoder/", "category": "Privacy & Security"}, {"name": "Key & Scale Reference", "url": "/audio/key-scale-reference/", "category": "Audio Tools"}, {"name": "Keyword Density Analyzer", "url": "/seo/keyword-density/", "category": "SEO Tools"}, {"name": "Line Ending Converter", "url": "/doc/line-ending-converter/", "category": "Format Tools"}, {"name": "Link Extractor", "url": "/seo/link-extractor/", "category": "SEO Tools"}, {"name": "Lorem 마크업 생성기", "url": "/gen/gen-lorem-markup/", "category": "Generator Tools"}, {"name": "Lorem Ipsum Generator", "url": "/dev/lorem/", "category": "Developer Tools"}, {"name": "Lorem Ipsum Generator", "url": "/text/lorem-ipsum-generator/", "category": "Text Tools"}, {"name": "Make Square", "url": "/image/make-square/", "category": "Image Tools"}, {"name": "Markdown Table Generator", "url": "/dev/markdown-table/", "category": "Developer Tools"}, {"name": "Markdown to HTML Converter", "url": "/doc/markdown-to-html/", "category": "Format Tools"}, {"name": "MeCard Generator", "url": "/qr/mecard-generator/", "category": "QR & Barcode"}, {"name": "Media Query Generator", "url": "/css/css-media-query-generator/", "category": "CSS Tools"}, {"name": "Merge PDF", "url": "/pdf/merge-pdf/", "category": "PDF Tools"}, {"name": "Meta Tags Generator", "url": "/dev/meta-tags/", "category": "Developer Tools"}, {"name": "MIME Type Lookup", "url": "/doc/mime-type-lookup/", "category": "Format Tools"}, {"name": "Multi-Stop Gradient Generator", "url": "/design/gradient-generator/", "category": "Design Tools"}, {"name": "Number Base Converter", "url": "/math/number-base-converter/", "category": "Math Tools"}, {"name": "OG Tag Debugger", "url": "/seo/og-tag-debugger/", "category": "SEO Tools"}, {"name": "Password Generator", "url": "/dev/password-generator/", "category": "Developer Tools"}, {"name": "Password Generator", "url": "/safe/safe-password-generator/", "category": "Privacy & Security"}, {"name": "Password Strength Checker", "url": "/safe/password-strength/", "category": "Privacy & Security"}, {"name": "Path Converter", "url": "/dev/backslash/", "category": "Developer Tools"}, {"name": "PDF에 이미지 추가", "url": "/pdf/add-image-to-pdf/", "category": "PDF Tools"}, {"name": "PDF에 텍스트 추가", "url": "/pdf/add-text-to-pdf/", "category": "PDF Tools"}, {"name": "PDF 자르기", "url": "/pdf/crop-pdf/", "category": "PDF Tools"}, {"name": "PDF 페이지 복제", "url": "/pdf/duplicate-pdf-pages/", "category": "PDF Tools"}, {"name": "PDF 페이지 삭제", "url": "/pdf/delete-pdf-pages/", "category": "PDF Tools"}, {"name": "PDF 페이지 추출", "url": "/pdf/extract-pdf-pages/", "category": "PDF Tools"}, {"name": "PDF 페이지 크기 변경", "url": "/pdf/resize-pdf/", "category": "PDF Tools"}, {"name": "PDF 역순 정렬", "url": "/pdf/reverse-pdf/", "category": "PDF Tools"}, {"name": "PDF를 PNG로 변환", "url": "/pdf/pdf-to-png/", "category": "PDF Tools"}, {"name": "PDF to JPG", "url": "/pdf/pdf-to-jpg/", "category": "PDF Tools"}, {"name": "Percentage Calculator", "url": "/math/percentage-calculator/", "category": "Math Tools"}, {"name": "Phone Call QR Generator", "url": "/qr/qr-phone-call/", "category": "QR & Barcode"}, {"name": "Placeholder Image Generator", "url": "/dev/placeholder/", "category": "Developer Tools"}, {"name": "Prime Number Tools", "url": "/math/prime-number-tools/", "category": "Math Tools"}, {"name": "QR 데이터 분석기", "url": "/qr/qr-data-analyzer/", "category": "QR & Barcode"}, {"name": "QR 데이터 포맷터", "url": "/qr/qr-data-formatter/", "category": "QR & Barcode"}, {"name": "QR 용량 참조", "url": "/qr/qr-capacity-reference/", "category": "QR & Barcode"}, {"name": "Random Date Generator", "url": "/gen/gen-random-dates/", "category": "Generator Tools"}, {"name": "Random String Generator", "url": "/safe/random-string/", "category": "Privacy & Security"}, {"name": "Ratio Calculator", "url": "/math/ratio-calculator/", "category": "Math Tools"}, {"name": "Readability Score", "url": "/seo/readability-score/", "category": "SEO Tools"}, {"name": "Regex Tester", "url": "/gen/regex-tester/", "category": "Generator Tools"}, {"name": "Remove Duplicate Lines", "url": "/text/remove-duplicate-lines/", "category": "Text Tools"}, {"name": "Reorder PDF Pages", "url": "/pdf/reorder-pdf/", "category": "PDF Tools"}, {"name": "Resize Image", "url": "/image/resize-image/", "category": "Image Tools"}, {"name": "Reverse Text", "url": "/text/reverse-text/", "category": "Text 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": "Rotate Image", "url": "/image/rotate-image/", "category": "Image Tools"}, {"name": "Rotate PDF", "url": "/pdf/rotate-pdf/", "category": "PDF Tools"}, {"name": "Round Corners", "url": "/image/round-corners/", "category": "Image Tools"}, {"name": "Sample Rate Converter", "url": "/audio/audio-sample-rate-converter/", "category": "Audio Tools"}, {"name": "Schema.org Generator", "url": "/seo/schema-generator/", "category": "SEO Tools"}, {"name": "SERP Preview", "url": "/seo/serp-preview/", "category": "SEO Tools"}, {"name": "Shadow System Generator", "url": "/design/design-shadow-generator/", "category": "Design Tools"}, {"name": "Sharpen Image", "url": "/image/sharpen-image/", "category": "Image Tools"}, {"name": "Short ID Generator", "url": "/gen/gen-short-id/", "category": "Generator Tools"}, {"name": "Sign PDF", "url": "/pdf/sign-pdf/", "category": "PDF Tools"}, {"name": "Slug Generator", "url": "/text/slug-generator/", "category": "Text Tools"}, {"name": "SMS QR Generator", "url": "/qr/qr-sms-generator/", "category": "QR & Barcode"}, {"name": "Sort Lines", "url": "/text/sort-lines/", "category": "Text Tools"}, {"name": "Split PDF", "url": "/pdf/split-pdf/", "category": "PDF Tools"}, {"name": "SQL Formatter", "url": "/dev/sql-formatter/", "category": "Developer Tools"}, {"name": "SRI Hash Generator", "url": "/safe/sri-generator/", "category": "Privacy & Security"}, {"name": "SSL 인증서 디코더", "url": "/safe/ssl-certificate-decoder/", "category": "Privacy & Security"}, {"name": "String Escape / Unescape", "url": "/dev/string-escape-unescape/", "category": "Developer Tools"}, {"name": "Structured Data Validator", "url": "/seo/structured-data-validator/", "category": "SEO Tools"}, {"name": "SVG to PNG", "url": "/image/svg-to-png/", "category": "Image Tools"}, {"name": "Text Diff", "url": "/text/text-diff/", "category": "Text Tools"}, {"name": "Text Diff Checker", "url": "/dev/dev-text-diff/", "category": "Developer Tools"}, {"name": "Text Extractor", "url": "/text/text-extractor/", "category": "Text Tools"}, {"name": "Text Redactor", "url": "/safe/text-redactor/", "category": "Privacy & Security"}, {"name": "Thread Splitter", "url": "/social/thread-splitter/", "category": "Social Media Tools"}, {"name": "TOTP 설정기", "url": "/safe/totp-configurator/", "category": "Privacy & Security"}, {"name": "Unicode Escape Converter", "url": "/doc/unicode-escape-converter/", "category": "Format Tools"}, {"name": "Unix Timestamp Converter", "url": "/dev/timestamp-converter/", "category": "Developer Tools"}, {"name": "URL 슬러그 생성기", "url": "/seo/seo-url-slug-generator/", "category": "SEO Tools"}, {"name": "URL Encoder / Decoder", "url": "/doc/url-encoder/", "category": "Format Tools"}, {"name": "URL Encoder/Decoder", "url": "/text/url-encode-decode/", "category": "Text Tools"}, {"name": "URL Slug Generator", "url": "/gen/url-slug-generator/", "category": "Generator Tools"}, {"name": "UTM 링크 빌더", "url": "/social/social-utm-builder/", "category": "Social Media Tools"}, {"name": "UUID Generator", "url": "/safe/uuid-generator/", "category": "Privacy & Security"}, {"name": "vCard QR 빌더", "url": "/qr/qr-vcard-generator/", "category": "QR & Barcode"}, {"name": "Watermark Image", "url": "/image/watermark-image/", "category": "Image Tools"}, {"name": "Watermark PDF", "url": "/pdf/watermark-pdf/", "category": "PDF Tools"}, {"name": "Wi-Fi QR 설정 빌더", "url": "/qr/qr-wifi-generator/", "category": "QR & Barcode"}, {"name": "Word Counter", "url": "/text/text-counter/", "category": "Text Tools"}, {"name": "Word Count & SEO Grade", "url": "/seo/word-count-seo/", "category": "SEO Tools"}, {"name": "XML ↔ JSON Converter", "url": "/dev/xml-json-converter/", "category": "Developer Tools"}, {"name": "XML Sitemap Generator", "url": "/seo/sitemap-generator/", "category": "SEO Tools"}, {"name": "YAML ↔ JSON Converter", "url": "/doc/yaml-json-converter/", "category": "Format Tools"}];</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://peasyimage.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 Image"}, "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://peasyimage.com/"}, {"@type": "ListItem", "position": 2, "name": "Guides", "item": "https://peasyimage.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>