✓ 🍋
peasy / css
Menu
Tum Araclar Rehberler 48 Sozluk 44 Dosya Formatlari 131 Kullanim Alanlari 302 API

Categories

P pdf I image D document T text D developer C css D design V video A audio Q qr S seo S security S social M math G generator
🍋 peasytools.com
.odt Document

SVG (Ölçeklenebilir Vektör Grafikleri)

XML tabanlı vektör grafik formatı; çözünürlükten bağımsız olarak ölçeklenebilen simgeler, logolar, çizelgeler ve çizimler için idealdir.

MIME Tipi

application/vnd.oasis.opendocument.text

Tip

Ikili

Sikistirma

Kayipsiz

Avantajlar

  • + ISO-standardized open format with no vendor lock-in
  • + Native support in LibreOffice, Google Docs, and many open-source editors
  • + ZIP-compressed for efficient file sizes
  • + Full support for styles, tables, images, and change tracking

Dezavantajlar

  • − Formatting fidelity may differ when opened in Microsoft Word
  • − Smaller ecosystem of templates and add-ins compared to DOCX
  • − Less common in corporate environments that standardize on Office

.ODT Ne Zaman Kullanilir

Herhangi bir boyutta keskin kalması gereken simgeler, logolar, çizelgeler ve çizimler için.

Teknik Detaylar

XML tabanlı vektör grafik formatı; CSS ile stil uygulanabilir; JavaScript ile manipüle edilebilir; DOM entegrasyonu; animasyon (SMIL, CSS, JS); filtreler; maskeler; degradeler; metin yolları; erişilebilir ( </div> </section> <!-- History --> <section class="mb-8"> <h2 class="text-xl font-semibold text-gray-900 dark:text-white mb-4">Gecmis</h2> <div class="prose dark:prose-invert max-w-none text-gray-700 dark:text-gray-300"> <p>1999'da W3C tarafından geliştirilmiştir; web'de yerel vektör grafik standardıdır.</p> </div> </section> <!-- Convert from this format --> <section class="mb-8"> <h2 class="text-xl font-semibold text-gray-900 dark:text-white mb-4">.ODT formatindan donustur</h2> <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3"> <a href="/tr/convert/odt-to-doc/" class="rounded-lg border border-gray-200 dark:border-gray-800 p-3 text-center hover:border-accent-500 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> <span class="text-sm font-mono text-gray-900 dark:text-white"> .odt → .doc </span> </a> <a href="/tr/convert/odt-to-docx/" class="rounded-lg border border-gray-200 dark:border-gray-800 p-3 text-center hover:border-accent-500 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> <span class="text-sm font-mono text-gray-900 dark:text-white"> .odt → .docx </span> </a> <a href="/tr/convert/odt-to-epub/" class="rounded-lg border border-gray-200 dark:border-gray-800 p-3 text-center hover:border-accent-500 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> <span class="text-sm font-mono text-gray-900 dark:text-white"> .odt → .epub </span> </a> <a href="/tr/convert/odt-to-html/" class="rounded-lg border border-gray-200 dark:border-gray-800 p-3 text-center hover:border-accent-500 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> <span class="text-sm font-mono text-gray-900 dark:text-white"> .odt → .html </span> </a> <a href="/tr/convert/odt-to-md/" class="rounded-lg border border-gray-200 dark:border-gray-800 p-3 text-center hover:border-accent-500 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> <span class="text-sm font-mono text-gray-900 dark:text-white"> .odt → .md </span> </a> <a href="/tr/convert/odt-to-pdf/" class="rounded-lg border border-gray-200 dark:border-gray-800 p-3 text-center hover:border-accent-500 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> <span class="text-sm font-mono text-gray-900 dark:text-white"> .odt → .pdf </span> </a> <a href="/tr/convert/odt-to-rtf/" class="rounded-lg border border-gray-200 dark:border-gray-800 p-3 text-center hover:border-accent-500 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> <span class="text-sm font-mono text-gray-900 dark:text-white"> .odt → .rtf </span> </a> <a href="/tr/convert/odt-to-txt/" class="rounded-lg border border-gray-200 dark:border-gray-800 p-3 text-center hover:border-accent-500 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> <span class="text-sm font-mono text-gray-900 dark:text-white"> .odt → .txt </span> </a> </div> </section> <!-- Convert to this format --> <section class="mb-8"> <h2 class="text-xl font-semibold text-gray-900 dark:text-white mb-4">.ODT formatina donustur</h2> <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3"> <a href="/tr/convert/doc-to-odt/" class="rounded-lg border border-gray-200 dark:border-gray-800 p-3 text-center hover:border-accent-500 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> <span class="text-sm font-mono text-gray-900 dark:text-white"> .doc → .odt </span> </a> <a href="/tr/convert/docx-to-odt/" class="rounded-lg border border-gray-200 dark:border-gray-800 p-3 text-center hover:border-accent-500 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> <span class="text-sm font-mono text-gray-900 dark:text-white"> .docx → .odt </span> </a> <a href="/tr/convert/epub-to-odt/" class="rounded-lg border border-gray-200 dark:border-gray-800 p-3 text-center hover:border-accent-500 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> <span class="text-sm font-mono text-gray-900 dark:text-white"> .epub → .odt </span> </a> <a href="/tr/convert/html-to-odt/" class="rounded-lg border border-gray-200 dark:border-gray-800 p-3 text-center hover:border-accent-500 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> <span class="text-sm font-mono text-gray-900 dark:text-white"> .html → .odt </span> </a> <a href="/tr/convert/md-to-odt/" class="rounded-lg border border-gray-200 dark:border-gray-800 p-3 text-center hover:border-accent-500 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> <span class="text-sm font-mono text-gray-900 dark:text-white"> .md → .odt </span> </a> <a href="/tr/convert/pdf-to-odt/" class="rounded-lg border border-gray-200 dark:border-gray-800 p-3 text-center hover:border-accent-500 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> <span class="text-sm font-mono text-gray-900 dark:text-white"> .pdf → .odt </span> </a> <a href="/tr/convert/rtf-to-odt/" class="rounded-lg border border-gray-200 dark:border-gray-800 p-3 text-center hover:border-accent-500 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> <span class="text-sm font-mono text-gray-900 dark:text-white"> .rtf → .odt </span> </a> <a href="/tr/convert/txt-to-odt/" class="rounded-lg border border-gray-200 dark:border-gray-800 p-3 text-center hover:border-accent-500 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> <span class="text-sm font-mono text-gray-900 dark:text-white"> .txt → .odt </span> </a> </div> </section> <!-- Related Formats --> <section class="mb-8"> <h2 class="text-xl font-semibold text-gray-900 dark:text-white mb-4">Ilgili Formatlar</h2> <div class="flex flex-wrap gap-2"> <a href="/tr/formats/doc/" class="rounded-lg border border-gray-200 dark:border-gray-700 px-3 py-2 text-sm font-mono hover:border-accent-500 hover:text-accent-600 dark:hover:text-accent-400 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> .doc </a> <a href="/tr/formats/docx/" class="rounded-lg border border-gray-200 dark:border-gray-700 px-3 py-2 text-sm font-mono hover:border-accent-500 hover:text-accent-600 dark:hover:text-accent-400 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> .docx </a> <a href="/tr/formats/epub/" class="rounded-lg border border-gray-200 dark:border-gray-700 px-3 py-2 text-sm font-mono hover:border-accent-500 hover:text-accent-600 dark:hover:text-accent-400 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> .epub </a> <a href="/tr/formats/html/" class="rounded-lg border border-gray-200 dark:border-gray-700 px-3 py-2 text-sm font-mono hover:border-accent-500 hover:text-accent-600 dark:hover:text-accent-400 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> .html </a> <a href="/tr/formats/keynote/" class="rounded-lg border border-gray-200 dark:border-gray-700 px-3 py-2 text-sm font-mono hover:border-accent-500 hover:text-accent-600 dark:hover:text-accent-400 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> .keynote </a> <a href="/tr/formats/md/" class="rounded-lg border border-gray-200 dark:border-gray-700 px-3 py-2 text-sm font-mono hover:border-accent-500 hover:text-accent-600 dark:hover:text-accent-400 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> .md </a> <a href="/tr/formats/mobi/" class="rounded-lg border border-gray-200 dark:border-gray-700 px-3 py-2 text-sm font-mono hover:border-accent-500 hover:text-accent-600 dark:hover:text-accent-400 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> .mobi </a> <a href="/tr/formats/numbers/" class="rounded-lg border border-gray-200 dark:border-gray-700 px-3 py-2 text-sm font-mono hover:border-accent-500 hover:text-accent-600 dark:hover:text-accent-400 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> .numbers </a> <a href="/tr/formats/odp/" class="rounded-lg border border-gray-200 dark:border-gray-700 px-3 py-2 text-sm font-mono hover:border-accent-500 hover:text-accent-600 dark:hover:text-accent-400 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> .odp </a> <a href="/tr/formats/ods/" class="rounded-lg border border-gray-200 dark:border-gray-700 px-3 py-2 text-sm font-mono hover:border-accent-500 hover:text-accent-600 dark:hover:text-accent-400 transition-colors" onmouseenter="this.style.borderColor='var(--lemon-bright)'" onmouseleave="this.style.borderColor=''"> .ods </a> </div> </section> <!-- Glossary Terms --> <!-- Related Guides --> <!-- Use Cases --> </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">css</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">Rehberler <span class="text-xs text-gray-500">(48)</span></a></li> <li><a href="/glossary/" class="hover:text-white transition-colors">Sozluk <span class="text-xs text-gray-500">(44)</span></a></li> <li><a href="/use-cases/" class="hover:text-white transition-colors">Kullanim Alanlari <span class="text-xs text-gray-500">(302)</span></a></li> <li><a href="/formats/" class="hover:text-white transition-colors">Dosya Formatlari <span class="text-xs text-gray-500">(131)</span></a></li> <li><a href="/convert/" class="hover:text-white transition-colors">Donusumler <span class="text-xs text-gray-500">(1484)</span></a></li> </ul> </div> <!-- Developers column --> <div class="border-t border-gray-800 md:border-0 py-3 md:py-0"> <button @click="openCol = openCol === 'dev' ? null : 'dev'" class="flex w-full items-center justify-between md:pointer-events-none md:cursor-default" style="min-height: 44px;"> <span class="text-xs font-bold uppercase tracking-[0.08em] text-gray-300">Developers</span> <svg class="h-4 w-4 md:hidden transition-transform" :class="openCol === 'dev' ? 'rotate-180' : ''" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> </button> <ul class="space-y-2 mt-2 text-sm md:!block" x-show="openCol === 'dev'" x-collapse x-cloak> <li><a href="/developers/" class="hover:text-white transition-colors">API Documentation</a></li> <li><a href="/api/openapi.json" class="hover:text-white transition-colors">OpenAPI Spec</a></li> <li><a href="/llms.txt" class="hover:text-white transition-colors">llms.txt</a></li> </ul> </div> <!-- Company column --> <div class="border-t border-gray-800 md:border-0 py-3 md:py-0"> <button @click="openCol = openCol === 'company' ? null : 'company'" class="flex w-full items-center justify-between md:pointer-events-none md:cursor-default" style="min-height: 44px;"> <span class="text-xs font-bold uppercase tracking-[0.08em] text-gray-300">Company</span> <svg class="h-4 w-4 md:hidden transition-transform" :class="openCol === 'company' ? 'rotate-180' : ''" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> </button> <ul class="space-y-2 mt-2 text-sm md:!block" x-show="openCol === 'company'" x-collapse x-cloak> <li><a href="/about/" class="hover:text-white transition-colors">About</a></li> <li><a href="/about/technology/" class="hover:text-white transition-colors">Technology</a></li> <li><a href="/privacy/" class="hover:text-white transition-colors">Gizlilik Politikasi</a></li> <li><a href="/terms/" class="hover:text-white transition-colors">Kullanim Kosullari</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;">Generator Kata Sandi</a></li> <li><a href="https://peasysafe.com/safe/password-strength/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Pemeriksa Kekuatan Kata Sandi</a></li> <li><a href="https://peasysafe.com/safe/safe-hash-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Hash</a></li> <li><a href="https://peasysafe.com/safe/hmac-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator HMAC</a></li> <li><a href="https://peasysafe.com/safe/aes-encrypt/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Enkripsi / Dekripsi AES</a></li> <li><a href="https://peasysafe.com/safe/random-string/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator String Acak</a></li> <li><a href="https://peasysafe.com/safe/csp-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Header CSP</a></li> <li><a href="https://peasysafe.com/safe/text-redactor/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peredaksi Teks</a></li> <li><a href="https://peasysafe.com/safe/cors-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Header CORS</a></li> <li><a href="https://peasysafe.com/safe/sri-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Hash SRI</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 Decoder</a></li> <li><a href="https://peasysafe.com/safe/uuid-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">UUID Generator</a></li> <li><a href="https://peasysafe.com/safe/totp-configurator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">TOTP Configurator</a></li> <li><a href="https://peasysafe.com/safe/ssl-certificate-decoder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">SSL Certificate Decoder</a></li> </ul> </div> <div> <a href="https://peasysocial.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #F43F5E;"> <span class="inline-block h-2 w-2 rounded-full" style="background: #F43F5E;"></span> Social Media Tools </a> <ul class="space-y-1"> <li><a href="https://peasysocial.com/social/social-char-counter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Social Character Counter</a></li> <li><a href="https://peasysocial.com/social/social-hashtag-tool/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Hashtag Extractor & Generator</a></li> <li><a href="https://peasysocial.com/social/social-mention-extractor/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Social Mention Extractor</a></li> <li><a href="https://peasysocial.com/social/social-thread-splitter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Thread Splitter</a></li> <li><a href="https://peasysocial.com/social/social-emoji-tool/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Emoji Remover & Extractor</a></li> <li><a href="https://peasysocial.com/social/social-bio-formatter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Bio Formatter</a></li> <li><a href="https://peasysocial.com/social/social-cta-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CTA Generator</a></li> <li><a href="https://peasysocial.com/social/social-engagement-analyzer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Engagement Analyzer</a></li> <li><a href="https://peasysocial.com/social/social-post-preview/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Post Preview</a></li> <li><a href="https://peasysocial.com/social/social-utm-builder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">UTM Link Builder</a></li> <li><a href="https://peasysocial.com/social/social-handle-checker/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Handle Checker</a></li> <li><a href="https://peasysocial.com/social/social-image-size-guide/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Image Size Guide</a></li> <li><a href="https://peasysocial.com/social/social-best-posting-times/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Best Posting Times</a></li> <li><a href="https://peasysocial.com/social/thread-splitter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Thread Splitter</a></li> <li><a href="https://peasysocial.com/social/caption-formatter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Pemformat Caption & Teks Alt</a></li> </ul> </div> <div> <a href="https://peasygen.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #84CC16;"> <span class="inline-block h-2 w-2 rounded-full" style="background: #84CC16;"></span> Generator Tools </a> <ul class="space-y-1"> <li><a href="https://peasygen.com/gen/gen-fake-data/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Fake Data Generator</a></li> <li><a href="https://peasygen.com/gen/gen-mock-json/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Mock JSON Generator</a></li> <li><a href="https://peasygen.com/gen/gen-username/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Username Generator</a></li> <li><a href="https://peasygen.com/gen/gen-color-palette/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Color Palette Generator</a></li> <li><a href="https://peasygen.com/gen/gen-lorem-markup/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Lorem Markup Generator</a></li> <li><a href="https://peasygen.com/gen/gen-number/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Random Number Generator</a></li> <li><a href="https://peasygen.com/gen/gen-csv-data/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Data CSV</a></li> <li><a href="https://peasygen.com/gen/gen-random-dates/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Tanggal Acak</a></li> <li><a href="https://peasygen.com/gen/gen-email-addresses/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Alamat Email</a></li> <li><a href="https://peasygen.com/gen/gen-avatar-svg/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Avatar</a></li> <li><a href="https://peasygen.com/gen/gen-cron-expression/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Pembuat Ekspresi Cron</a></li> <li><a href="https://peasygen.com/gen/gen-api-key/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Kunci API</a></li> <li><a href="https://peasygen.com/gen/gen-short-id/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator ID Pendek</a></li> <li><a href="https://peasygen.com/gen/regex-tester/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Regex Tester</a></li> <li><a href="https://peasygen.com/gen/url-slug-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Slug URL</a></li> </ul> </div> <div> <a href="https://peasycss.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #EC4899;"> <span class="inline-block h-2 w-2 rounded-full" style="background: #EC4899;"></span> CSS Tools </a> <ul class="space-y-1"> <li><a href="https://peasycss.com/css/css-minify/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Minifier</a></li> <li><a href="https://peasycss.com/css/css-beautify/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Beautifier</a></li> <li><a href="https://peasycss.com/css/css-gradient/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Gradient Generator</a></li> <li><a href="https://peasycss.com/css/css-shadow/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Box Shadow Generator</a></li> <li><a href="https://peasycss.com/css/css-flexbox/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Flexbox Generator</a></li> <li><a href="https://peasycss.com/css/css-grid/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Grid Generator</a></li> <li><a href="https://peasycss.com/css/css-animation/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Animation Generator</a></li> <li><a href="https://peasycss.com/css/css-border-radius/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Border Radius Generator</a></li> <li><a href="https://peasycss.com/css/css-text-shadow/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Text Shadow Generator</a></li> <li><a href="https://peasycss.com/css/css-transform/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Transform Generator</a></li> <li><a href="https://peasycss.com/css/css-unit-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Konverter Unit CSS</a></li> <li><a href="https://peasycss.com/css/css-color-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Konverter Warna CSS</a></li> <li><a href="https://peasycss.com/css/css-media-query-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Media Query</a></li> <li><a href="https://peasycss.com/css/css-filter-effects/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Efek Filter CSS</a></li> <li><a href="https://peasycss.com/css/css-clip-path/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator CSS Clip-Path</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;">Resize Image</a></li> <li><a href="https://peasyimage.com/image/crop-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Crop Image</a></li> <li><a href="https://peasyimage.com/image/rotate-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Rotate Image</a></li> <li><a href="https://peasyimage.com/image/flip-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Flip Image</a></li> <li><a href="https://peasyimage.com/image/convert-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Convert Image</a></li> <li><a href="https://peasyimage.com/image/watermark-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Watermark Image</a></li> <li><a href="https://peasyimage.com/image/svg-to-png/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">SVG to PNG</a></li> <li><a href="https://peasyimage.com/image/image-to-base64/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Image to Base64</a></li> <li><a href="https://peasyimage.com/image/round-corners/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Round Corners</a></li> <li><a href="https://peasyimage.com/image/add-border/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Add Border</a></li> <li><a href="https://peasyimage.com/image/image-filters/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Image Filters</a></li> <li><a href="https://peasyimage.com/image/adjust-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Adjust Image</a></li> <li><a href="https://peasyimage.com/image/blur-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Blur Image</a></li> <li><a href="https://peasyimage.com/image/sharpen-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Sharpen Image</a></li> <li><a href="https://peasyimage.com/image/make-square/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Make Square</a></li> <li><a href="https://peasyimage.com/image/grayscale-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Grayscale Image</a></li> <li><a href="https://peasyimage.com/image/sepia-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Sepia Image</a></li> <li><a href="https://peasyimage.com/image/pixelate-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Pixelate Image</a></li> <li><a href="https://peasyimage.com/image/strip-metadata/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Strip Image Metadata</a></li> </ul> </div> <div> <a href="https://peasydesign.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #D946EF;"> <span class="inline-block h-2 w-2 rounded-full" style="background: #D946EF;"></span> Design Tools </a> <ul class="space-y-1"> <li><a href="https://peasydesign.com/design/design-palette/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Color Palette Generator</a></li> <li><a href="https://peasydesign.com/design/design-typography/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Type Scale Generator</a></li> <li><a href="https://peasydesign.com/design/design-spacing/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Spacing Scale Generator</a></li> <li><a href="https://peasydesign.com/design/design-breakpoints/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Responsive Breakpoints</a></li> <li><a href="https://peasydesign.com/design/design-aspect-ratio/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Aspect Ratio Calculator</a></li> <li><a href="https://peasydesign.com/design/design-color-shades/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Color Shade Generator</a></li> <li><a href="https://peasydesign.com/design/design-font-pair/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Font Pairing Suggestions</a></li> <li><a href="https://peasydesign.com/design/design-contrast/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Contrast Checker</a></li> <li><a href="https://peasydesign.com/design/design-tokens/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Design Tokens Generator</a></li> <li><a href="https://peasydesign.com/design/design-media-sizes/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Social Media Size Guide</a></li> <li><a href="https://peasydesign.com/design/design-golden-ratio-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Kalkulator Rasio Emas</a></li> <li><a href="https://peasydesign.com/design/design-icon-size-guide/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Panduan Ukuran Ikon Aplikasi</a></li> <li><a href="https://peasydesign.com/design/design-shadow-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Sistem Shadow</a></li> <li><a href="https://peasydesign.com/design/gradient-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Gradien Multi-Stop</a></li> <li><a href="https://peasydesign.com/design/css-pattern-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Pola CSS</a></li> </ul> </div> <div> <a href="https://peasyvideo.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #8B5CF6;"> <span class="inline-block h-2 w-2 rounded-full" style="background: #8B5CF6;"></span> Video Tools </a> <ul class="space-y-1"> <li><a href="https://peasyvideo.com/video/video-resolution/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Resolution Reference</a></li> <li><a href="https://peasyvideo.com/video/video-bitrate/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Bitrate Calculator</a></li> <li><a href="https://peasyvideo.com/video/video-framerate/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Frame Rate Converter</a></li> <li><a href="https://peasyvideo.com/video/video-timecode/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Timecode Calculator</a></li> <li><a href="https://peasyvideo.com/video/video-aspect-ratio/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Aspect Ratio Calculator</a></li> <li><a href="https://peasyvideo.com/video/video-filesize/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">File Size Estimator</a></li> <li><a href="https://peasyvideo.com/video/video-speed/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Speed & Slow-Mo Calculator</a></li> <li><a href="https://peasyvideo.com/video/video-storage/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Storage Planner</a></li> <li><a href="https://peasyvideo.com/video/video-subtitle-time/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Subtitle Time Converter</a></li> <li><a href="https://peasyvideo.com/video/video-bandwidth/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Bandwidth Calculator</a></li> <li><a href="https://peasyvideo.com/video/video-color-space/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Color Space Reference</a></li> <li><a href="https://peasyvideo.com/video/video-codec/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Codec Reference</a></li> <li><a href="https://peasyvideo.com/video/video-platform/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Platform Specs Guide</a></li> <li><a href="https://peasyvideo.com/video/video-chroma/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Chroma Subsampling Guide</a></li> <li><a href="https://peasyvideo.com/video/video-screen-record/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Screen Recording Guide</a></li> </ul> </div> <div> <a href="https://peasyaudio.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #0EA5E9;"> <span class="inline-block h-2 w-2 rounded-full" style="background: #0EA5E9;"></span> Audio Tools </a> <ul class="space-y-1"> <li><a href="https://peasyaudio.com/audio/audio-bpm/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">BPM Calculator</a></li> <li><a href="https://peasyaudio.com/audio/audio-freq/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Frequency Calculator</a></li> <li><a href="https://peasyaudio.com/audio/audio-delay/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Delay Time Calculator</a></li> <li><a href="https://peasyaudio.com/audio/audio-db/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">dB Converter</a></li> <li><a href="https://peasyaudio.com/audio/audio-filesize/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Audio File Size Calculator</a></li> <li><a href="https://peasyaudio.com/audio/audio-note-chart/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Note Frequency Chart</a></li> <li><a href="https://peasyaudio.com/audio/audio-db-reference/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Decibel Reference Guide</a></li> <li><a href="https://peasyaudio.com/audio/audio-latency/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Latency Calculator</a></li> <li><a href="https://peasyaudio.com/audio/audio-cents/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Cents Calculator</a></li> <li><a href="https://peasyaudio.com/audio/audio-loudness/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Loudness Standards Guide</a></li> <li><a href="https://peasyaudio.com/audio/audio-eq-reference/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Referensi Frekuensi EQ</a></li> <li><a href="https://peasyaudio.com/audio/audio-sample-rate-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Konverter Sample Rate</a></li> <li><a href="https://peasyaudio.com/audio/audio-bit-depth-analyzer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Penganalisis Bit Depth</a></li> <li><a href="https://peasyaudio.com/audio/chord-reference/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Referensi Akor</a></li> <li><a href="https://peasyaudio.com/audio/key-scale-reference/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Referensi Kunci & Tangga Nada</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;">Pengenal Format</a></li> <li><a href="https://peasyformats.com/doc/mime-type-lookup/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Pencarian Tipe MIME</a></li> <li><a href="https://peasyformats.com/doc/base64-encoder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Encoder / Decoder Base64</a></li> <li><a href="https://peasyformats.com/doc/url-encoder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Encoder / Decoder URL</a></li> <li><a href="https://peasyformats.com/doc/html-entities/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Encoder / Decoder Entitas HTML</a></li> <li><a href="https://peasyformats.com/doc/markdown-to-html/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Konverter Markdown ke HTML</a></li> <li><a href="https://peasyformats.com/doc/yaml-json-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Konverter YAML ↔ JSON</a></li> <li><a href="https://peasyformats.com/doc/line-ending-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Konverter Akhiran Baris</a></li> <li><a href="https://peasyformats.com/doc/data-uri-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Data URI</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;">Konverter Unicode Escape</a></li> <li><a href="https://peasyformats.com/doc/file-size-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Konverter Ukuran File</a></li> <li><a href="https://peasyformats.com/doc/charset-analyzer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Penganalisis Kumpulan Karakter</a></li> <li><a href="https://peasyformats.com/doc/format-comparison/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Panduan Perbandingan Format</a></li> <li><a href="https://peasyformats.com/doc/conversion-guide/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Panduan Konversi</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;">Generator QR Acara</a></li> <li><a href="https://peasyqr.com/qr/qr-email-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator QR Email</a></li> <li><a href="https://peasyqr.com/qr/qr-sms-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator QR SMS</a></li> <li><a href="https://peasyqr.com/qr/qr-geo-location/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator QR Lokasi Geo</a></li> <li><a href="https://peasyqr.com/qr/qr-phone-call/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator QR Panggilan Telepon</a></li> <li><a href="https://peasyqr.com/qr/mecard-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator MeCard</a></li> <li><a href="https://peasyqr.com/qr/app-store-link-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Tautan App Store</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;">Word Counter</a></li> <li><a href="https://peasytext.com/text/text-case-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Case Converter</a></li> <li><a href="https://peasytext.com/text/sort-lines/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Sort Lines</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 Generator</a></li> <li><a href="https://peasytext.com/text/slug-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Slug Generator</a></li> <li><a href="https://peasytext.com/text/find-and-replace/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Find & Replace</a></li> <li><a href="https://peasytext.com/text/remove-duplicate-lines/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Remove Duplicate Lines</a></li> <li><a href="https://peasytext.com/text/base64-encode-decode/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Base64 Encoder/Decoder</a></li> <li><a href="https://peasytext.com/text/url-encode-decode/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">URL Encoder/Decoder</a></li> <li><a href="https://peasytext.com/text/json-formatter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">JSON Formatter</a></li> <li><a href="https://peasytext.com/text/html-entity-encoder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">HTML Entity Encoder/Decoder</a></li> <li><a href="https://peasytext.com/text/reverse-text/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Reverse Text</a></li> <li><a href="https://peasytext.com/text/line-numbers/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Add/Remove Line Numbers</a></li> <li><a href="https://peasytext.com/text/text-diff/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Text Diff</a></li> <li><a href="https://peasytext.com/text/text-extractor/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Text Extractor</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;">Generator Hash</a></li> <li><a href="https://peasydev.com/dev/password-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Kata Sandi</a></li> <li><a href="https://peasydev.com/dev/timestamp-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Unix Timestamp Converter</a></li> <li><a href="https://peasydev.com/dev/cron-expression-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Cron Expression Generator</a></li> <li><a href="https://peasydev.com/dev/chmod-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Chmod Calculator</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;">Kalkulator Subnet IP</a></li> <li><a href="https://peasydev.com/dev/color-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Konverter Kode Warna</a></li> <li><a href="https://peasydev.com/dev/csv-json-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Konverter CSV ↔ JSON</a></li> <li><a href="https://peasydev.com/dev/xml-json-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Konverter XML ↔ JSON</a></li> <li><a href="https://peasydev.com/dev/sql-formatter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Pemformat SQL</a></li> <li><a href="https://peasydev.com/dev/markdown-table/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Tabel Markdown</a></li> <li><a href="https://peasydev.com/dev/http-status/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Referensi Kode Status HTTP</a></li> <li><a href="https://peasydev.com/dev/meta-tags/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Meta Tag</a></li> <li><a href="https://peasydev.com/dev/robots-txt/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Robots.txt</a></li> <li><a href="https://peasydev.com/dev/gitignore/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator .gitignore</a></li> <li><a href="https://peasydev.com/dev/html-formatter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Pemformat HTML</a></li> <li><a href="https://peasydev.com/dev/css-units/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Konverter Unit CSS</a></li> <li><a href="https://peasydev.com/dev/json-path/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Evaluator JSONPath</a></li> <li><a href="https://peasydev.com/dev/dev-text-diff/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Pemeriksa Diff Teks</a></li> <li><a href="https://peasydev.com/dev/data-uri/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Konverter Data URI</a></li> <li><a href="https://peasydev.com/dev/lorem/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Lorem Ipsum</a></li> <li><a href="https://peasydev.com/dev/backslash/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Konverter Path</a></li> <li><a href="https://peasydev.com/dev/htaccess/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator .htaccess</a></li> <li><a href="https://peasydev.com/dev/env/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Validator .env</a></li> <li><a href="https://peasydev.com/dev/placeholder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Gambar Placeholder</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;">Pratinjau SERP</a></li> <li><a href="https://peasyseo.com/seo/og-tag-debugger/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Debugger Tag OG</a></li> <li><a href="https://peasyseo.com/seo/heading-analyzer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Penganalisis Heading</a></li> <li><a href="https://peasyseo.com/seo/keyword-density/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Penganalisis Kepadatan Kata Kunci</a></li> <li><a href="https://peasyseo.com/seo/readability-score/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Skor Keterbacaan</a></li> <li><a href="https://peasyseo.com/seo/sitemap-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Sitemap XML</a></li> <li><a href="https://peasyseo.com/seo/schema-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Generator Schema.org</a></li> <li><a href="https://peasyseo.com/seo/link-extractor/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Ekstraktor Tautan</a></li> <li><a href="https://peasyseo.com/seo/canonical-checker/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Pemeriksa Tag Canonical</a></li> <li><a href="https://peasyseo.com/seo/robots-txt-analyzer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Penganalisis Robots.txt</a></li> <li><a href="https://peasyseo.com/seo/structured-data-validator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Validator Data Terstruktur</a></li> <li><a href="https://peasyseo.com/seo/word-count-seo/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Penghitung Kata & Skor SEO</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;">Kalkulator Persentase</a></li> <li><a href="https://peasymath.com/math/ratio-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Kalkulator Rasio</a></li> <li><a href="https://peasymath.com/math/average-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Kalkulator Rata-rata</a></li> <li><a href="https://peasymath.com/math/gcd-lcm-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Kalkulator FPB & KPK</a></li> <li><a href="https://peasymath.com/math/prime-number-tools/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Alat Bilangan Prima</a></li> <li><a href="https://peasymath.com/math/equation-solver/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Pemecah Persamaan</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;">Number Base Converter</a></li> <li><a href="https://peasymath.com/math/matrix-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Matrix Calculator</a></li> <li><a href="https://peasymath.com/math/trigonometry-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Trigonometry Calculator</a></li> </ul> </div> </div> </div> <!-- Row 3: Cross-site category bar --> <div class="border-t border-gray-800 mt-8 pt-6"> <div class="flex flex-wrap gap-x-4 gap-y-2 justify-center"> <a href="https://peasypdf.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy PDF</a> <a href="https://peasyimage.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Image</a> <a href="https://peasyformats.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Formats</a> <a href="https://peasytext.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Text</a> <a href="https://peasydev.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Dev</a> <a href="https://peasycss.com" class="text-xs hover:text-white transition-colors font-semibold" style="color: #EC4899;">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 CSS. Your files never leave your browser. </p> </div> </div> </footer> <!-- Command palette tool data (dynamic, must be inline) --> <script>window.__PEASY_TOOLS__=[{"name": "Add Border", "url": "/image/add-border/", "category": "Image Tools"}, {"name": "Add Header & Footer", "url": "/pdf/pdf-header-footer/", "category": "PDF Tools"}, {"name": "Add Image to PDF", "url": "/pdf/add-image-to-pdf/", "category": "PDF Tools"}, {"name": "Add Page Numbers", "url": "/pdf/add-page-numbers/", "category": "PDF Tools"}, {"name": "Add/Remove Line Numbers", "url": "/text/line-numbers/", "category": "Text Tools"}, {"name": "Add Text to PDF", "url": "/pdf/add-text-to-pdf/", "category": "PDF Tools"}, {"name": "Adjust Image", "url": "/image/adjust-image/", "category": "Image Tools"}, {"name": "Alat Bilangan Prima", "url": "/math/prime-number-tools/", "category": "Math Tools"}, {"name": "Aspect Ratio Calculator", "url": "/design/design-aspect-ratio/", "category": "Design Tools"}, {"name": "Aspect Ratio Calculator", "url": "/video/video-aspect-ratio/", "category": "Video Tools"}, {"name": "Audio File Size Calculator", "url": "/audio/audio-filesize/", "category": "Audio Tools"}, {"name": "Bandwidth Calculator", "url": "/video/video-bandwidth/", "category": "Video Tools"}, {"name": "Barcode Format Reference", "url": "/qr/barcode-reference/", "category": "QR & Barcode"}, {"name": "Barcode Validator", "url": "/qr/barcode-validator/", "category": "QR & Barcode"}, {"name": "Base64 Encoder / Decoder", "url": "/safe/base64-encoder-decoder/", "category": "Privacy & Security"}, {"name": "Base64 Encoder/Decoder", "url": "/text/base64-encode-decode/", "category": "Text Tools"}, {"name": "Best Posting Times", "url": "/social/social-best-posting-times/", "category": "Social Media Tools"}, {"name": "Bio Formatter", "url": "/social/social-bio-formatter/", "category": "Social Media Tools"}, {"name": "Bitrate Calculator", "url": "/video/video-bitrate/", "category": "Video Tools"}, {"name": "Blur Image", "url": "/image/blur-image/", "category": "Image Tools"}, {"name": "BPM Calculator", "url": "/audio/audio-bpm/", "category": "Audio Tools"}, {"name": "Case Converter", "url": "/text/text-case-converter/", "category": "Text Tools"}, {"name": "Cents Calculator", "url": "/audio/audio-cents/", "category": "Audio Tools"}, {"name": "Chmod Calculator", "url": "/dev/chmod-calculator/", "category": "Developer Tools"}, {"name": "Chroma Subsampling Guide", "url": "/video/video-chroma/", "category": "Video Tools"}, {"name": "Codec Reference", "url": "/video/video-codec/", "category": "Video Tools"}, {"name": "Color Palette Generator", "url": "/gen/gen-color-palette/", "category": "Generator Tools"}, {"name": "Color Palette Generator", "url": "/design/design-palette/", "category": "Design Tools"}, {"name": "Color Shade Generator", "url": "/design/design-color-shades/", "category": "Design Tools"}, {"name": "Color Space Reference", "url": "/video/video-color-space/", "category": "Video Tools"}, {"name": "Compress Image", "url": "/image/compress-image/", "category": "Image Tools"}, {"name": "Compress PDF", "url": "/pdf/compress-pdf/", "category": "PDF Tools"}, {"name": "Contrast Checker", "url": "/design/design-contrast/", "category": "Design Tools"}, {"name": "Convert Image", "url": "/image/convert-image/", "category": "Image Tools"}, {"name": "Cron Expression Generator", "url": "/dev/cron-expression-generator/", "category": "Developer Tools"}, {"name": "Crop Image", "url": "/image/crop-image/", "category": "Image Tools"}, {"name": "Crop PDF", "url": "/pdf/crop-pdf/", "category": "PDF Tools"}, {"name": "CSS Animation Generator", "url": "/css/css-animation/", "category": "CSS Tools"}, {"name": "CSS Beautifier", "url": "/css/css-beautify/", "category": "CSS Tools"}, {"name": "CSS Border Radius Generator", "url": "/css/css-border-radius/", "category": "CSS Tools"}, {"name": "CSS Box Shadow Generator", "url": "/css/css-shadow/", "category": "CSS Tools"}, {"name": "CSS Flexbox Generator", "url": "/css/css-flexbox/", "category": "CSS Tools"}, {"name": "CSS Gradient Generator", "url": "/css/css-gradient/", "category": "CSS Tools"}, {"name": "CSS Grid Generator", "url": "/css/css-grid/", "category": "CSS Tools"}, {"name": "CSS Minifier", "url": "/css/css-minify/", "category": "CSS Tools"}, {"name": "CSS Text Shadow Generator", "url": "/css/css-text-shadow/", "category": "CSS Tools"}, {"name": "CSS Transform Generator", "url": "/css/css-transform/", "category": "CSS Tools"}, {"name": "CTA Generator", "url": "/social/social-cta-generator/", "category": "Social Media Tools"}, {"name": "dB Converter", "url": "/audio/audio-db/", "category": "Audio Tools"}, {"name": "Debugger Tag OG", "url": "/seo/og-tag-debugger/", "category": "SEO Tools"}, {"name": "Decibel Reference Guide", "url": "/audio/audio-db-reference/", "category": "Audio Tools"}, {"name": "Delay Time Calculator", "url": "/audio/audio-delay/", "category": "Audio Tools"}, {"name": "Delete PDF Pages", "url": "/pdf/delete-pdf-pages/", "category": "PDF Tools"}, {"name": "Design Tokens Generator", "url": "/design/design-tokens/", "category": "Design Tools"}, {"name": "Duplicate PDF Pages", "url": "/pdf/duplicate-pdf-pages/", "category": "PDF Tools"}, {"name": "Edit PDF Metadata", "url": "/pdf/edit-pdf-metadata/", "category": "PDF Tools"}, {"name": "Efek Filter CSS", "url": "/css/css-filter-effects/", "category": "CSS Tools"}, {"name": "Ekstraktor Tautan", "url": "/seo/link-extractor/", "category": "SEO Tools"}, {"name": "Emoji Remover & Extractor", "url": "/social/social-emoji-tool/", "category": "Social Media Tools"}, {"name": "Encoder / Decoder Base64", "url": "/doc/base64-encoder/", "category": "Format Tools"}, {"name": "Encoder / Decoder Entitas HTML", "url": "/doc/html-entities/", "category": "Format Tools"}, {"name": "Encoder / Decoder URL", "url": "/doc/url-encoder/", "category": "Format Tools"}, {"name": "Engagement Analyzer", "url": "/social/social-engagement-analyzer/", "category": "Social Media Tools"}, {"name": "Enkripsi / Dekripsi AES", "url": "/safe/aes-encrypt/", "category": "Privacy & Security"}, {"name": "Error Correction Calculator", "url": "/qr/qr-error-correction/", "category": "QR & Barcode"}, {"name": "Evaluator JSONPath", "url": "/dev/json-path/", "category": "Developer Tools"}, {"name": "Extract Odd/Even Pages", "url": "/pdf/odd-even-pdf/", "category": "PDF Tools"}, {"name": "Extract PDF Pages", "url": "/pdf/extract-pdf-pages/", "category": "PDF Tools"}, {"name": "Extract Text from PDF", "url": "/pdf/extract-text-from-pdf/", "category": "PDF Tools"}, {"name": "Fake Data Generator", "url": "/gen/gen-fake-data/", "category": "Generator Tools"}, {"name": "Fibonacci Calculator", "url": "/math/fibonacci-calculator/", "category": "Math Tools"}, {"name": "File Size Estimator", "url": "/video/video-filesize/", "category": "Video Tools"}, {"name": "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": "Font Pairing Suggestions", "url": "/design/design-font-pair/", "category": "Design Tools"}, {"name": "Fraction Calculator", "url": "/math/fraction-calculator/", "category": "Math Tools"}, {"name": "Frame Rate Converter", "url": "/video/video-framerate/", "category": "Video Tools"}, {"name": "Frequency Calculator", "url": "/audio/audio-freq/", "category": "Audio Tools"}, {"name": "Generator Alamat Email", "url": "/gen/gen-email-addresses/", "category": "Generator Tools"}, {"name": "Generator Avatar", "url": "/gen/gen-avatar-svg/", "category": "Generator Tools"}, {"name": "Generator CSS Clip-Path", "url": "/css/css-clip-path/", "category": "CSS Tools"}, {"name": "Generator Data CSV", "url": "/gen/gen-csv-data/", "category": "Generator Tools"}, {"name": "Generator Data URI", "url": "/doc/data-uri-generator/", "category": "Format Tools"}, {"name": "Generator Gambar Placeholder", "url": "/dev/placeholder/", "category": "Developer Tools"}, {"name": "Generator .gitignore", "url": "/dev/gitignore/", "category": "Developer Tools"}, {"name": "Generator Gradien Multi-Stop", "url": "/design/gradient-generator/", "category": "Design Tools"}, {"name": "Generator Hash", "url": "/dev/hash-generator/", "category": "Developer Tools"}, {"name": "Generator Hash", "url": "/safe/safe-hash-generator/", "category": "Privacy & Security"}, {"name": "Generator Hash SRI", "url": "/safe/sri-generator/", "category": "Privacy & Security"}, {"name": "Generator Header CORS", "url": "/safe/cors-generator/", "category": "Privacy & Security"}, {"name": "Generator Header CSP", "url": "/safe/csp-generator/", "category": "Privacy & Security"}, {"name": "Generator HMAC", "url": "/safe/hmac-generator/", "category": "Privacy & Security"}, {"name": "Generator .htaccess", "url": "/dev/htaccess/", "category": "Developer Tools"}, {"name": "Generator ID Pendek", "url": "/gen/gen-short-id/", "category": "Generator Tools"}, {"name": "Generator Kata Sandi", "url": "/dev/password-generator/", "category": "Developer Tools"}, {"name": "Generator Kata Sandi", "url": "/safe/safe-password-generator/", "category": "Privacy & Security"}, {"name": "Generator Kunci API", "url": "/gen/gen-api-key/", "category": "Generator Tools"}, {"name": "Generator Lorem Ipsum", "url": "/dev/lorem/", "category": "Developer Tools"}, {"name": "Generator MeCard", "url": "/qr/mecard-generator/", "category": "QR & Barcode"}, {"name": "Generator Media Query", "url": "/css/css-media-query-generator/", "category": "CSS Tools"}, {"name": "Generator Meta Tag", "url": "/dev/meta-tags/", "category": "Developer Tools"}, {"name": "Generator Pola CSS", "url": "/design/css-pattern-generator/", "category": "Design Tools"}, {"name": "Generator QR Acara", "url": "/qr/qr-event-generator/", "category": "QR & Barcode"}, {"name": "Generator QR Email", "url": "/qr/qr-email-generator/", "category": "QR & Barcode"}, {"name": "Generator QR Lokasi Geo", "url": "/qr/qr-geo-location/", "category": "QR & Barcode"}, {"name": "Generator QR Panggilan Telepon", "url": "/qr/qr-phone-call/", "category": "QR & Barcode"}, {"name": "Generator QR SMS", "url": "/qr/qr-sms-generator/", "category": "QR & Barcode"}, {"name": "Generator Robots.txt", "url": "/dev/robots-txt/", "category": "Developer Tools"}, {"name": "Generator Schema.org", "url": "/seo/schema-generator/", "category": "SEO Tools"}, {"name": "Generator Sistem Shadow", "url": "/design/design-shadow-generator/", "category": "Design Tools"}, {"name": "Generator Sitemap XML", "url": "/seo/sitemap-generator/", "category": "SEO Tools"}, {"name": "Generator Slug URL", "url": "/gen/url-slug-generator/", "category": "Generator Tools"}, {"name": "Generator String Acak", "url": "/safe/random-string/", "category": "Privacy & Security"}, {"name": "Generator Tabel Markdown", "url": "/dev/markdown-table/", "category": "Developer Tools"}, {"name": "Generator Tanggal Acak", "url": "/gen/gen-random-dates/", "category": "Generator Tools"}, {"name": "Generator Tautan App Store", "url": "/qr/app-store-link-generator/", "category": "QR & Barcode"}, {"name": "Grayscale Image", "url": "/image/grayscale-image/", "category": "Image Tools"}, {"name": "Handle Checker", "url": "/social/social-handle-checker/", "category": "Social Media Tools"}, {"name": "Hashtag Extractor & Generator", "url": "/social/social-hashtag-tool/", "category": "Social Media Tools"}, {"name": "Hex Dump Viewer", "url": "/doc/hex-dump-viewer/", "category": "Format Tools"}, {"name": "HTML Entity Encoder/Decoder", "url": "/text/html-entity-encoder/", "category": "Text Tools"}, {"name": "Image Filters", "url": "/image/image-filters/", "category": "Image Tools"}, {"name": "Image Size Guide", "url": "/social/social-image-size-guide/", "category": "Social Media Tools"}, {"name": "Image to Base64", "url": "/image/image-to-base64/", "category": "Image Tools"}, {"name": "Insert Blank Pages", "url": "/pdf/insert-blank-pages/", "category": "PDF Tools"}, {"name": "JPG to PDF", "url": "/pdf/jpg-to-pdf/", "category": "PDF Tools"}, {"name": "JSON Formatter", "url": "/text/json-formatter/", "category": "Text Tools"}, {"name": "JWT Decoder", "url": "/safe/jwt-decoder/", "category": "Privacy & Security"}, {"name": "Kalkulator FPB & KPK", "url": "/math/gcd-lcm-calculator/", "category": "Math Tools"}, {"name": "Kalkulator Persentase", "url": "/math/percentage-calculator/", "category": "Math Tools"}, {"name": "Kalkulator Rasio", "url": "/math/ratio-calculator/", "category": "Math Tools"}, {"name": "Kalkulator Rasio Emas", "url": "/design/design-golden-ratio-calculator/", "category": "Design Tools"}, {"name": "Kalkulator Rata-rata", "url": "/math/average-calculator/", "category": "Math Tools"}, {"name": "Kalkulator Subnet IP", "url": "/dev/ip-subnet-calculator/", "category": "Developer Tools"}, {"name": "Keyword Density Analyzer", "url": "/seo/seo-keyword-density-analyzer/", "category": "SEO Tools"}, {"name": "Konverter Akhiran Baris", "url": "/doc/line-ending-converter/", "category": "Format Tools"}, {"name": "Konverter CSV ↔ JSON", "url": "/dev/csv-json-converter/", "category": "Developer Tools"}, {"name": "Konverter Data URI", "url": "/dev/data-uri/", "category": "Developer Tools"}, {"name": "Konverter Kode Warna", "url": "/dev/color-converter/", "category": "Developer Tools"}, {"name": "Konverter Markdown ke HTML", "url": "/doc/markdown-to-html/", "category": "Format Tools"}, {"name": "Konverter Path", "url": "/dev/backslash/", "category": "Developer Tools"}, {"name": "Konverter Sample Rate", "url": "/audio/audio-sample-rate-converter/", "category": "Audio Tools"}, {"name": "Konverter Ukuran File", "url": "/doc/file-size-converter/", "category": "Format Tools"}, {"name": "Konverter Unicode Escape", "url": "/doc/unicode-escape-converter/", "category": "Format Tools"}, {"name": "Konverter Unit CSS", "url": "/css/css-unit-converter/", "category": "CSS Tools"}, {"name": "Konverter Unit CSS", "url": "/dev/css-units/", "category": "Developer Tools"}, {"name": "Konverter Warna CSS", "url": "/css/css-color-converter/", "category": "CSS Tools"}, {"name": "Konverter XML ↔ JSON", "url": "/dev/xml-json-converter/", "category": "Developer Tools"}, {"name": "Konverter YAML ↔ JSON", "url": "/doc/yaml-json-converter/", "category": "Format Tools"}, {"name": "Latency Calculator", "url": "/audio/audio-latency/", "category": "Audio Tools"}, {"name": "Logarithm Calculator", "url": "/math/logarithm-calculator/", "category": "Math Tools"}, {"name": "Lorem Ipsum Generator", "url": "/text/lorem-ipsum-generator/", "category": "Text Tools"}, {"name": "Lorem Markup Generator", "url": "/gen/gen-lorem-markup/", "category": "Generator Tools"}, {"name": "Loudness Standards Guide", "url": "/audio/audio-loudness/", "category": "Audio Tools"}, {"name": "Make Square", "url": "/image/make-square/", "category": "Image Tools"}, {"name": "Matrix Calculator", "url": "/math/matrix-calculator/", "category": "Math Tools"}, {"name": "Merge PDF", "url": "/pdf/merge-pdf/", "category": "PDF Tools"}, {"name": "Meta Length Checker", "url": "/seo/seo-meta-length-checker/", "category": "SEO Tools"}, {"name": "Mock JSON Generator", "url": "/gen/gen-mock-json/", "category": "Generator Tools"}, {"name": "Note Frequency Chart", "url": "/audio/audio-note-chart/", "category": "Audio Tools"}, {"name": "Number Base Converter", "url": "/math/number-base-converter/", "category": "Math Tools"}, {"name": "Panduan Konversi", "url": "/doc/conversion-guide/", "category": "Format Tools"}, {"name": "Panduan Perbandingan Format", "url": "/doc/format-comparison/", "category": "Format Tools"}, {"name": "Panduan Ukuran Ikon Aplikasi", "url": "/design/design-icon-size-guide/", "category": "Design Tools"}, {"name": "PDF to JPG", "url": "/pdf/pdf-to-jpg/", "category": "PDF Tools"}, {"name": "PDF to PNG", "url": "/pdf/pdf-to-png/", "category": "PDF Tools"}, {"name": "Pembuat Ekspresi Cron", "url": "/gen/gen-cron-expression/", "category": "Generator Tools"}, {"name": "Pemecah Persamaan", "url": "/math/equation-solver/", "category": "Math Tools"}, {"name": "Pemeriksa Diff Teks", "url": "/dev/dev-text-diff/", "category": "Developer Tools"}, {"name": "Pemeriksa Kekuatan Kata Sandi", "url": "/safe/password-strength/", "category": "Privacy & Security"}, {"name": "Pemeriksa Tag Canonical", "url": "/seo/canonical-checker/", "category": "SEO Tools"}, {"name": "Pemformat Caption & Teks Alt", "url": "/social/caption-formatter/", "category": "Social Media Tools"}, {"name": "Pemformat HTML", "url": "/dev/html-formatter/", "category": "Developer Tools"}, {"name": "Pemformat SQL", "url": "/dev/sql-formatter/", "category": "Developer Tools"}, {"name": "Pencarian Tipe MIME", "url": "/doc/mime-type-lookup/", "category": "Format Tools"}, {"name": "Penganalisis Bit Depth", "url": "/audio/audio-bit-depth-analyzer/", "category": "Audio Tools"}, {"name": "Penganalisis Heading", "url": "/seo/heading-analyzer/", "category": "SEO Tools"}, {"name": "Penganalisis Kepadatan Kata Kunci", "url": "/seo/keyword-density/", "category": "SEO Tools"}, {"name": "Penganalisis Kumpulan Karakter", "url": "/doc/charset-analyzer/", "category": "Format Tools"}, {"name": "Penganalisis Robots.txt", "url": "/seo/robots-txt-analyzer/", "category": "SEO Tools"}, {"name": "Pengenal Format", "url": "/doc/format-identifier/", "category": "Format Tools"}, {"name": "Penghitung Kata & Skor SEO", "url": "/seo/word-count-seo/", "category": "SEO Tools"}, {"name": "Peredaksi Teks", "url": "/safe/text-redactor/", "category": "Privacy & Security"}, {"name": "Pixelate Image", "url": "/image/pixelate-image/", "category": "Image Tools"}, {"name": "Platform Specs Guide", "url": "/video/video-platform/", "category": "Video Tools"}, {"name": "Post Preview", "url": "/social/social-post-preview/", "category": "Social Media Tools"}, {"name": "Pratinjau SERP", "url": "/seo/serp-preview/", "category": "SEO Tools"}, {"name": "QR Capacity Reference", "url": "/qr/qr-capacity-reference/", "category": "QR & Barcode"}, {"name": "QR Data Analyzer", "url": "/qr/qr-data-analyzer/", "category": "QR & Barcode"}, {"name": "QR Data Formatter", "url": "/qr/qr-data-formatter/", "category": "QR & Barcode"}, {"name": "Random Number Generator", "url": "/gen/gen-number/", "category": "Generator Tools"}, {"name": "Referensi Akor", "url": "/audio/chord-reference/", "category": "Audio Tools"}, {"name": "Referensi Frekuensi EQ", "url": "/audio/audio-eq-reference/", "category": "Audio Tools"}, {"name": "Referensi Kode Status HTTP", "url": "/dev/http-status/", "category": "Developer Tools"}, {"name": "Referensi Kunci & Tangga Nada", "url": "/audio/key-scale-reference/", "category": "Audio 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": "Resize PDF Pages", "url": "/pdf/resize-pdf/", "category": "PDF Tools"}, {"name": "Resolution Reference", "url": "/video/video-resolution/", "category": "Video Tools"}, {"name": "Responsive Breakpoints", "url": "/design/design-breakpoints/", "category": "Design Tools"}, {"name": "Reverse PDF", "url": "/pdf/reverse-pdf/", "category": "PDF Tools"}, {"name": "Reverse Text", "url": "/text/reverse-text/", "category": "Text Tools"}, {"name": "Roman Numeral Converter", "url": "/math/roman-numeral-converter/", "category": "Math 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": "Screen Recording Guide", "url": "/video/video-screen-record/", "category": "Video Tools"}, {"name": "Sepia Image", "url": "/image/sepia-image/", "category": "Image Tools"}, {"name": "Sharpen Image", "url": "/image/sharpen-image/", "category": "Image Tools"}, {"name": "Sign PDF", "url": "/pdf/sign-pdf/", "category": "PDF Tools"}, {"name": "Skor Keterbacaan", "url": "/seo/readability-score/", "category": "SEO Tools"}, {"name": "Slug Generator", "url": "/text/slug-generator/", "category": "Text Tools"}, {"name": "Social Character Counter", "url": "/social/social-char-counter/", "category": "Social Media Tools"}, {"name": "Social Media Size Guide", "url": "/design/design-media-sizes/", "category": "Design Tools"}, {"name": "Social Mention Extractor", "url": "/social/social-mention-extractor/", "category": "Social Media Tools"}, {"name": "Sort Lines", "url": "/text/sort-lines/", "category": "Text Tools"}, {"name": "Spacing Scale Generator", "url": "/design/design-spacing/", "category": "Design Tools"}, {"name": "Speed & Slow-Mo Calculator", "url": "/video/video-speed/", "category": "Video Tools"}, {"name": "Split PDF", "url": "/pdf/split-pdf/", "category": "PDF Tools"}, {"name": "SSL Certificate Decoder", "url": "/safe/ssl-certificate-decoder/", "category": "Privacy & Security"}, {"name": "Statistics Calculator", "url": "/math/statistics-calculator/", "category": "Math Tools"}, {"name": "Storage Planner", "url": "/video/video-storage/", "category": "Video Tools"}, {"name": "String Escape / Unescape", "url": "/dev/string-escape-unescape/", "category": "Developer Tools"}, {"name": "Strip Image Metadata", "url": "/image/strip-metadata/", "category": "Image Tools"}, {"name": "Subtitle Time Converter", "url": "/video/video-subtitle-time/", "category": "Video 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 Extractor", "url": "/text/text-extractor/", "category": "Text Tools"}, {"name": "Thread Splitter", "url": "/social/thread-splitter/", "category": "Social Media Tools"}, {"name": "Thread Splitter", "url": "/social/social-thread-splitter/", "category": "Social Media Tools"}, {"name": "Timecode Calculator", "url": "/video/video-timecode/", "category": "Video Tools"}, {"name": "TOTP Configurator", "url": "/safe/totp-configurator/", "category": "Privacy & Security"}, {"name": "Trigonometry Calculator", "url": "/math/trigonometry-calculator/", "category": "Math Tools"}, {"name": "Type Scale Generator", "url": "/design/design-typography/", "category": "Design Tools"}, {"name": "Unit Converter", "url": "/math/unit-converter/", "category": "Math Tools"}, {"name": "Unix Timestamp Converter", "url": "/dev/timestamp-converter/", "category": "Developer Tools"}, {"name": "URL Encoder/Decoder", "url": "/text/url-encode-decode/", "category": "Text Tools"}, {"name": "URL Slug Generator", "url": "/seo/seo-url-slug-generator/", "category": "SEO Tools"}, {"name": "Username Generator", "url": "/gen/gen-username/", "category": "Generator Tools"}, {"name": "UTM Link Builder", "url": "/social/social-utm-builder/", "category": "Social Media Tools"}, {"name": "UUID Generator", "url": "/safe/uuid-generator/", "category": "Privacy & Security"}, {"name": "Validator Data Terstruktur", "url": "/seo/structured-data-validator/", "category": "SEO Tools"}, {"name": "Validator .env", "url": "/dev/env/", "category": "Developer Tools"}, {"name": "vCard QR Builder", "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 Config Builder", "url": "/qr/qr-wifi-generator/", "category": "QR & Barcode"}, {"name": "Word Counter", "url": "/text/text-counter/", "category": "Text 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": "TechArticle", "name": ".ODT — SVG (Ölçeklenebilir Vektör Grafikleri)", "url": "https://peasycss.com/formats/odt/", "description": "XML tabanlı vektör grafik formatı\u003B çözünürlükten bağımsız olarak ölçeklenebilen simgeler, logolar, çizelgeler ve çizimler için idealdir.", "about": { "@type": "Thing", "name": "SVG (Ölçeklenebilir Vektör Grafikleri)" } }, { "@type": "BreadcrumbList", "itemListElement": [ {"@type": "ListItem", "position": 1, "name": "Peasy CSS", "item": "https://peasycss.com/"}, {"@type": "ListItem", "position": 2, "name": "Formats", "item": "https://peasycss.com/formats/"}, {"@type": "ListItem", "position": 3, "name": ".ODT"} ] } ] } </script> </body> </html>