metadata.html

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#0d0f0c" />
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
<link rel="preload" href="vendor/fonts/ibmplexmono-400.woff2" as="font" type="font/woff2" crossorigin />
<link rel="preload" href="vendor/fonts/fraunces-normal-300.woff2" as="font" type="font/woff2" crossorigin />
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self'; img-src 'self' data: blob:; font-src 'self'; connect-src 'self' https://api.counterapi.dev https://formsubmit.co; object-src 'none'; base-uri 'self'; form-action 'self' https://formsubmit.co;" />
<meta name="referrer" content="strict-origin-when-cross-origin" />
<title>Edit a PDF's metadata without uploading it — ClientPDF</title>
<meta name="description" content="View and edit a PDF's Title, Author, Subject, Keywords, and dates — entirely in your browser. Nothing is uploaded, ever. Free, fast, private." />
<link rel="canonical" href="https://abyworkings-coder.github.io/clientpdf/metadata.html" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Edit a PDF's metadata without uploading it — ClientPDF" />
<meta property="og:description" content="View and edit a PDF's Title, Author, Subject, Keywords, and dates — entirely in your browser. Nothing is uploaded, ever." />
<meta property="og:url" content="https://abyworkings-coder.github.io/clientpdf/metadata.html" />
<meta property="og:site_name" content="ClientPDF" />
<meta property="og:image" content="https://abyworkings-coder.github.io/clientpdf/og-image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Edit a PDF's metadata without uploading it — ClientPDF" />
<meta name="twitter:description" content="View and edit a PDF's Title, Author, Subject, Keywords, and dates." />
<meta name="twitter:image" content="https://abyworkings-coder.github.io/clientpdf/og-image.jpg" />
<link rel="icon" href="./logo.svg" type="image/svg+xml" />
<link rel="icon" href="./favicon-32.png" sizes="32x32" type="image/png" />
<link rel="icon" href="./favicon-16.png" sizes="16x16" type="image/png" />
<link rel="apple-touch-icon" href="./apple-touch-icon.png" />
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "SoftwareApplication",
  "name": "ClientPDF Edit Metadata",
  "url": "https://abyworkings-coder.github.io/clientpdf/metadata.html",
  "applicationCategory": "UtilitiesApplication",
  "operatingSystem": "Any (runs in browser)",
  "description": "View and edit a PDF's Title, Author, Subject, Keywords, and dates entirely in your browser. Nothing is uploaded, ever.",
  "offers": {
    "@type": "Offer",
    "price": "0",
    "priceCurrency": "USD"
  }
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://abyworkings-coder.github.io/clientpdf/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Tools",
      "item": "https://abyworkings-coder.github.io/clientpdf/tools.html"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Edit Metadata",
      "item": "https://abyworkings-coder.github.io/clientpdf/metadata.html"
    }
  ]
}
</script>
<script type="application/ld+json">{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "How to edit a PDF's metadata online without uploading it",
  "description": "Read and rewrite a PDF's Title, Author, Subject, Keywords, and dates, entirely in your browser.",
  "datePublished": "2026-07-28",
  "dateModified": "2026-08-05",
  "step": [
    {
      "@type": "HowToStep",
      "position": 1,
      "name": "Drop one PDF",
      "text": "Drag and drop a single PDF file onto the page, or click to browse."
    },
    {
      "@type": "HowToStep",
      "position": 2,
      "name": "Review the existing document properties",
      "text": "ClientPDF reads the current Title, Author, Subject, Keywords, Creation Date, and Modification Date."
    },
    {
      "@type": "HowToStep",
      "position": 3,
      "name": "Edit the fields you want to change",
      "text": "Update any of the Title, Author, Subject, Keywords, Creation date, or Modification date fields."
    },
    {
      "@type": "HowToStep",
      "position": 4,
      "name": "Click Save metadata",
      "text": "The document properties are rewritten directly in the PDF."
    },
    {
      "@type": "HowToStep",
      "position": 5,
      "name": "Download the updated PDF",
      "text": "Save the file with its new metadata — nothing printed on the pages themselves changes."
    }
  ]
}</script>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<a class="skip-link" href="#main-content">Skip to main content</a>
<noscript><div class="noscript-banner">ClientPDF requires JavaScript — all files are processed locally in your browser and never uploaded. Please enable JavaScript to use these tools.</div></noscript>

<div class="grain"></div>

<header class="topbar">
  <div class="wrap topbar-inner">
    <div class="brand">
      <span class="brand-mark">◆</span>
      <span class="brand-name">Client<em>PDF</em></span>
    </div>
    <nav class="toolnav" aria-label="Tools">
      <a href="./index.html">Merge</a>
      <a href="./split.html">Split</a>
      <a href="./delete-pages.html">Delete Pages</a>
      <a href="./duplicate-pages.html">Duplicate Pages</a>
      <a href="./insert-pages.html">Insert Blank Pages</a>
      <a href="./rotate.html">Rotate</a>
      <a href="./reorder.html">Reorder</a>
      <a href="./compress.html">Compress</a>
      <a href="./page-numbers.html">Page Numbers</a>
      <a href="./images-to-pdf.html">Images to PDF</a>
      <a href="./extract-images.html">Extract Images</a>
      <a href="./pdf-to-jpg.html">PDF to JPG</a>
      <a href="./watermark.html">Watermark</a>
      <a href="./metadata.html" aria-current="page">Metadata</a>
      <a href="./crop.html">Crop Pages</a>
      <a href="./resize.html">Resize Pages</a>
      <a href="./grayscale.html">Grayscale PDF</a>
      <a href="./border.html">Page Borders</a>
      <a href="./image-watermark.html">Image Watermark</a>
      <a href="./flatten.html">Flatten Form Fields</a>
      <a href="./fill-form.html">Fill Form Fields</a>
      <a href="./bookmarks.html">Add Bookmarks</a>
      <a href="./split-by-bookmarks.html">Split by Bookmarks</a>
      <a href="./pages-per-sheet.html">Pages per Sheet</a>
      <a href="./redact.html">Redact</a>
      <a href="./tools.html">All Tools</a>
      <a href="./guide.html">Guide</a>
    </nav>
    <div class="topbar-status">
      <span class="dot" aria-hidden="true"></span>
      <span>running locally in this tab — nothing uploaded</span>
    </div>
  </div>
</header>

<main class="wrap" id="main-content" tabindex="-1">

  <section class="hero">
    <h1>Open DevTools.<br />Edit this PDF's metadata.<br />Watch nothing get sent anywhere.</h1>
    <p class="lede">
      See the Title, Author, Subject, Keywords, and dates already baked into
      a PDF, change what you want, and download a copy with the new values —
      all inside this tab. Zero network requests after the page loads, same
      rule as every other tool here. Check the Network tab yourself.
    </p>
  </section>

  <section class="tool" id="tool">
    <div class="dropzone" id="dropzone" tabindex="0" role="button" aria-label="Add a PDF file">
      <input type="file" id="fileInput" accept="application/pdf" hidden />
      <div class="dropzone-inner">
        <span class="dropzone-icon">⇣</span>
        <p><strong>Drop one PDF here</strong> or click to browse</p>
        <p class="dropzone-hint">One file at a time · stays on this device</p>
      </div>
    </div>

    <div class="split-panel" id="metaPanel" hidden>
      <div class="split-meta" id="metaMeta"></div>

      <div class="split-range">
        <label for="metaTitleInput">Title</label>
        <input type="text" id="metaTitleInput" maxlength="300" placeholder="(none)" />
      </div>

      <div class="split-range">
        <label for="metaAuthorInput">Author</label>
        <input type="text" id="metaAuthorInput" maxlength="300" placeholder="(none)" />
      </div>

      <div class="split-range">
        <label for="metaSubjectInput">Subject</label>
        <input type="text" id="metaSubjectInput" maxlength="300" placeholder="(none)" />
      </div>

      <div class="split-range">
        <label for="metaKeywordsInput">Keywords (comma-separated)</label>
        <input type="text" id="metaKeywordsInput" maxlength="500" placeholder="(none)" />
      </div>

      <div class="split-range">
        <label for="metaCreatedInput">Creation date</label>
        <input type="datetime-local" id="metaCreatedInput" />
      </div>

      <div class="split-range">
        <label for="metaModifiedInput">Modification date</label>
        <input type="datetime-local" id="metaModifiedInput" />
      </div>
    </div>

    <ol class="file-list" id="fileList" aria-label="Loaded file"></ol>

    <div class="actions" id="actions" hidden>
      <button class="btn btn-ghost" id="clearBtn" type="button">Clear</button>
      <button class="btn btn-primary" id="metaBtn" type="button">
        <span id="metaBtnLabel">Save metadata</span>
      </button>
    </div>

    <div class="result" id="result" role="status" aria-live="polite" hidden></div>
  </section>

  <section class="proof">
    <h2 class="sr-only">Why trust this tool</h2>
    <div class="proof-live" id="proofLive">
      <span class="proof-live-dot" aria-hidden="true"></span>
      <span id="proofLiveText">0 network requests since page load · verified live, not our word for it</span>
    </div>
    <div class="proof-grid">
      <div class="proof-item">
        <h3>No accounts</h3>
        <p>No signup, no email, no watermark on the metadata tool. Use it and close the tab.</p>
      </div>
      <div class="proof-item">
        <h3>No limits (for now)</h3>
        <p>Edit metadata on any PDF your device's memory allows. No artificial caps.</p>
      </div>
    </div>
  </section>

  <section class="pro" id="pro">
    <div class="pro-card">
      <div class="pro-copy">
        <h2>Watermarking, numbering, or compressing a PDF too? All live.</h2>
        <p><a href="./watermark.html">Stamp a text watermark on every page</a>, <a href="./page-numbers.html">add page numbers</a>, or <a href="./compress.html">shrink the file size</a> — same rule: everything stays local. Leave your email and we'll let you know about a Pro batch mode.</p>
      </div>
      <form class="pro-form" id="proForm">
        <input type="email" id="proEmail" placeholder="you@company.com" required aria-label="Email address" autocomplete="email" />
        <button class="btn btn-primary" type="submit">Notify me</button>
      </form>
      <p class="pro-note" id="proNote" role="status" aria-live="polite" hidden>Thanks — saved locally for now, we'll be in touch once signups are live.</p>
    </div>
  </section>

<section class="about">
  <h2>Reading and rewriting a PDF's document properties</h2>
  <p>Metadata reads and lets you edit a PDF's Title, Author, Subject, Keywords, Creation Date, and Modification Date — the fields that show up in a file's "Properties" panel in any PDF reader, not anything printed on the pages themselves. Useful for cleaning up a scanner's generic "Untitled_Scan_04212019" title before you send a document out, or stripping an old author name from a template you've reused.</p>
  <p>The Producer field is deliberately not exposed as editable here: pdf-lib rewrites it to its own signature on every save regardless of what you set it to, so leaving it out avoids showing a value in the UI that wouldn't actually stick. As with every tool on this site, an encrypted PDF's metadata can't be read or edited until it's decrypted first — <a href="./guide-password-protected.html">here's why password-protected files don't open here.</a></p>
</section>

</main>

<footer class="footer">
  <div class="wrap footer-inner">
    <span>ClientPDF — built by <a href="https://github.com/abyworkings-coder" target="_blank" rel="noopener">Auto Company</a></span>
    <span>No servers were harmed in the making of this tool.</span>
    <span class="footer-legal"><a href="./privacy.html">Privacy</a> · <a href="./terms.html">Terms</a></span>
  </div>
</footer>

<script src="./counter.js"></script>
<script type="module" src="metadata.js"></script>
</body>
</html>