| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|
|
| |
| <title> |
| Compress PDF Online Free - Reduce PDF Size Up to 90% | BentoPDF |
| </title> |
| <meta |
| name="title" |
| content="Compress PDF Online Free - Reduce PDF Size Up to 90% | BentoPDF" |
| /> |
| <meta |
| name="description" |
| content="★ Compress PDF files for free - Reduce size by up to 90% ★ No signup required ★ Works offline in browser ★ Unlimited files ★ Privacy-first ★ Multiple compression levels" |
| /> |
| <meta |
| name="keywords" |
| content="compress pdf, reduce pdf size, pdf compressor, shrink pdf, pdf optimizer, free pdf compression, online pdf reducer" |
| /> |
| <meta name="author" content="BentoPDF" /> |
| <meta |
| name="robots" |
| content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" |
| /> |
|
|
| |
| <link rel="canonical" href="https://www.bentopdf.com/compress-pdf.html" /> |
|
|
| |
| <meta property="og:type" content="website" /> |
| <meta property="og:url" content="https://www.bentopdf.com/compress-pdf" /> |
| <meta |
| property="og:title" |
| content="Compress PDF Free Online - Reduce PDF File Size | BentoPDF" |
| /> |
| <meta |
| property="og:description" |
| content="Free PDF compressor - reduce file size by up to 90%. No signup, works in browser, unlimited files, privacy-first." |
| /> |
| <meta |
| property="og:image" |
| content="https://www.bentopdf.com/images/og-compress-pdf.png" |
| /> |
| <meta property="og:image:width" content="1200" /> |
| <meta property="og:image:height" content="630" /> |
| <meta property="og:site_name" content="BentoPDF" /> |
|
|
| |
| <meta name="twitter:card" content="summary_large_image" /> |
| <meta name="twitter:url" content="https://www.bentopdf.com/compress-pdf" /> |
| <meta name="twitter:title" content="Compress PDF Free - Reduce PDF Size" /> |
| <meta |
| name="twitter:description" |
| content="Free PDF compression tool. Reduce file size up to 90%, no signup, privacy-first." |
| /> |
| <meta |
| name="twitter:image" |
| content="https://www.bentopdf.com/images/twitter-compress-pdf.png" |
| /> |
| <meta name="twitter:site" content="@BentoPDF" /> |
|
|
| |
| <meta name="mobile-web-app-capable" content="yes" /> |
| <meta name="apple-mobile-web-app-capable" content="yes" /> |
| <meta name="apple-mobile-web-app-title" content="Compress PDF" /> |
|
|
| <link href="/src/css/styles.css" rel="stylesheet" /> |
|
|
| |
| <link rel="manifest" href="/site.webmanifest" /> |
|
|
| |
| <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" /> |
| <link |
| rel="icon" |
| type="image/png" |
| sizes="192x192" |
| href="/images/favicon-192x192.png" |
| /> |
| <link |
| rel="icon" |
| type="image/png" |
| sizes="512x512" |
| href="/images/favicon-512x512.png" |
| /> |
| <link |
| rel="apple-touch-icon" |
| sizes="180x180" |
| href="/images/apple-touch-icon.png" |
| /> |
| <link rel="icon" href="/favicon.ico" sizes="32x32" /> |
| </head> |
|
|
| <body class="antialiased bg-gray-900"> |
| {{> navbar }} |
|
|
| <div |
| id="uploader" |
| class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900" |
| > |
| <div |
| id="tool-uploader" |
| class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700" |
| > |
| <button |
| id="back-to-tools" |
| class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold" |
| > |
| <i data-lucide="arrow-left" class="cursor-pointer"></i> |
| <span class="cursor-pointer" data-i18n="tools.backToTools"> |
| Back to Tools |
| </span> |
| </button> |
|
|
| <h1 |
| class="text-2xl font-bold text-white mb-2" |
| data-i18n="tools:compressPdf.name" |
| > |
| Compress PDF Free Online - Reduce File Size Fast |
| </h1> |
| <p class="text-gray-400 mb-6" data-i18n="tools:compressPdf.subtitle"> |
| Reduce file size by choosing the compression method that best suits |
| your document. Supports multiple PDFs. |
| </p> |
|
|
| <div |
| id="drop-zone" |
| class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300" |
| > |
| <div class="flex flex-col items-center justify-center pt-5 pb-6"> |
| <i |
| data-lucide="upload-cloud" |
| class="w-10 h-10 mb-3 text-gray-400" |
| ></i> |
| <p class="mb-2 text-sm text-gray-400"> |
| <span class="font-semibold" data-i18n="upload.clickToSelect" |
| >Click to select files</span |
| > |
| <span data-i18n="upload.orDragAndDrop">or drag and drop</span> |
| </p> |
| <p |
| class="text-xs text-gray-500" |
| data-i18n="upload.hints.oneOrMorePdfs" |
| > |
| One or more PDF files |
| </p> |
| <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave"> |
| Your files never leave your device. |
| </p> |
| </div> |
| <input |
| id="file-input" |
| type="file" |
| class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" |
| accept="application/pdf" |
| multiple |
| /> |
| </div> |
|
|
| <div id="file-controls" class="hidden mt-4 flex gap-3"> |
| <button |
| id="add-more-btn" |
| class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2" |
| > |
| <i data-lucide="plus"></i> |
| <span data-i18n="upload.addMore">Add More Files</span> |
| </button> |
| <button |
| id="clear-files-btn" |
| class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2" |
| > |
| <i data-lucide="trash-2"></i> |
| <span data-i18n="upload.clearAll">Clear All</span> |
| </button> |
| </div> |
|
|
| <div id="file-display-area" class="mt-4 space-y-2"></div> |
|
|
| <div id="compress-options" class="hidden mt-6 space-y-6"> |
| <div> |
| <label |
| for="compression-algorithm" |
| class="block mb-2 text-sm font-medium text-gray-300" |
| >Compression Algorithm</label |
| > |
| <select |
| id="compression-algorithm" |
| class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 focus:ring-indigo-500 focus:border-indigo-500" |
| > |
| <option value="condense">Condense (Recommended)</option> |
| <option value="photon">Photon (For Photo-Heavy PDFs)</option> |
| </select> |
| <div id="algorithm-info" class="mt-2 text-xs text-gray-400"> |
| <p id="condense-info"> |
| <strong>Condense</strong> uses advanced compression: removes |
| dead-weight, optimizes images, subsets fonts. Best for most |
| PDFs. |
| </p> |
| <p id="photon-info" class="hidden"> |
| <strong>Photon</strong> converts pages to images. Use for |
| photo-heavy/scanned PDFs. |
| <span class="text-yellow-500" |
| >⚠️ Warning: Text will become non-selectable and links will |
| stop working.</span |
| > |
| </p> |
| </div> |
| </div> |
|
|
| <div> |
| <label |
| for="compression-level" |
| class="block mb-2 text-sm font-medium text-gray-300" |
| >Compression Level</label |
| > |
| <select |
| id="compression-level" |
| class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 focus:ring-indigo-500 focus:border-indigo-500" |
| > |
| <option value="light">Light (Preserve Quality)</option> |
| <option value="balanced" selected>Balanced (Recommended)</option> |
| <option value="aggressive">Aggressive (Smaller Files)</option> |
| <option value="extreme">Extreme (Maximum Compression)</option> |
| </select> |
| </div> |
|
|
| |
| <div |
| class="flex items-center gap-3 p-3 bg-gray-800 rounded-lg border border-gray-700" |
| > |
| <input |
| type="checkbox" |
| id="convert-to-grayscale" |
| class="w-5 h-5 rounded cursor-pointer flex-shrink-0" |
| /> |
| <div> |
| <label |
| for="convert-to-grayscale" |
| class="text-sm font-medium text-gray-300 cursor-pointer" |
| >Convert to Grayscale</label |
| > |
| <p class="text-xs text-gray-500 mt-0.5"> |
| Reduces file size by removing color information |
| </p> |
| </div> |
| </div> |
|
|
| <div> |
| <button |
| id="toggle-custom-settings" |
| type="button" |
| class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 text-sm font-medium" |
| > |
| <i data-lucide="settings" class="w-4 h-4"></i> |
| <span>Custom Settings</span> |
| <i |
| data-lucide="chevron-down" |
| id="custom-settings-chevron" |
| class="w-4 h-4" |
| ></i> |
| </button> |
|
|
| <div |
| id="custom-settings-panel" |
| class="hidden mt-4 p-4 bg-gray-900 rounded-lg border border-gray-700 space-y-4" |
| > |
| <div class="text-sm text-gray-400 mb-2"> |
| Fine-tune compression parameters: |
| </div> |
|
|
| <div class="grid grid-cols-3 gap-4"> |
| <div> |
| <label |
| for="image-quality" |
| class="block mb-1 text-xs font-medium text-gray-400" |
| >Output Quality</label |
| > |
| <input |
| type="number" |
| id="image-quality" |
| value="75" |
| min="1" |
| max="100" |
| class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm" |
| /> |
| <p class="text-xs text-gray-500 mt-1">1-100%</p> |
| </div> |
| <div> |
| <label |
| for="dpi-target" |
| class="block mb-1 text-xs font-medium text-gray-400" |
| >Resize Images To</label |
| > |
| <input |
| type="number" |
| id="dpi-target" |
| value="96" |
| min="36" |
| max="300" |
| class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm" |
| /> |
| <p class="text-xs text-gray-500 mt-1">DPI</p> |
| </div> |
| <div> |
| <label |
| for="dpi-threshold" |
| class="block mb-1 text-xs font-medium text-gray-400" |
| >Only Process Above</label |
| > |
| <input |
| type="number" |
| id="dpi-threshold" |
| value="150" |
| min="72" |
| max="600" |
| class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm" |
| /> |
| <p class="text-xs text-gray-500 mt-1">DPI</p> |
| </div> |
| </div> |
|
|
| <div class="space-y-2"> |
| <label class="flex items-center gap-2 cursor-pointer"> |
| <input |
| type="checkbox" |
| id="remove-metadata" |
| checked |
| class="w-4 h-4 rounded" |
| /> |
| <span class="text-sm text-gray-300">Remove metadata</span> |
| </label> |
| <label class="flex items-center gap-2 cursor-pointer"> |
| <input |
| type="checkbox" |
| id="subset-fonts" |
| checked |
| class="w-4 h-4 rounded" |
| /> |
| <span class="text-sm text-gray-300" |
| >Subset fonts (remove unused glyphs)</span |
| > |
| </label> |
| <label class="flex items-center gap-2 cursor-pointer"> |
| <input |
| type="checkbox" |
| id="remove-thumbnails" |
| checked |
| class="w-4 h-4 rounded" |
| /> |
| <span class="text-sm text-gray-300" |
| >Remove embedded thumbnails</span |
| > |
| </label> |
| </div> |
| </div> |
| </div> |
|
|
| <button id="process-btn" class="btn-gradient w-full mt-4"> |
| Compress PDF |
| </button> |
| </div> |
| </div> |
| </div> |
|
|
| <div |
| id="loader-modal" |
| class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50" |
| > |
| <div |
| class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl" |
| > |
| <div class="solid-spinner"></div> |
| <p id="loader-text" class="text-white text-lg font-medium"> |
| Processing... |
| </p> |
| </div> |
| </div> |
|
|
| <div |
| id="alert-modal" |
| class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden" |
| > |
| <div |
| class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700" |
| > |
| <h3 |
| id="alert-title" |
| class="text-xl font-bold text-white mb-2" |
| data-i18n="alert.title" |
| data-i18n="alert.title" |
| > |
| Alert |
| </h3> |
| <p id="alert-message" class="text-gray-300 mb-6"></p> |
| <button |
| id="alert-ok" |
| class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200" |
| > |
| OK |
| </button> |
| </div> |
| </div> |
|
|
| |
| <section class="max-w-4xl mx-auto px-4 py-12"> |
| <h2 |
| class="text-2xl md:text-3xl font-bold text-white mb-8 text-center" |
| data-i18n="howItWorks.title" |
| > |
| How It Works |
| </h2> |
| <div class="space-y-6"> |
| <div class="flex items-start gap-4"> |
| <div |
| class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold" |
| > |
| 1 |
| </div> |
| <div class="flex-1"> |
| <h3 class="text-lg font-semibold text-white mb-1">Upload PDFs</h3> |
| <p class="text-gray-400"> |
| Click or drag and drop one or more PDF files |
| </p> |
| </div> |
| </div> |
| <div class="flex items-start gap-4"> |
| <div |
| class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold" |
| > |
| 2 |
| </div> |
| <div class="flex-1"> |
| <h3 class="text-lg font-semibold text-white mb-1"> |
| Choose Algorithm |
| </h3> |
| <p class="text-gray-400"> |
| Select Condense (recommended) or Photon (for photo-heavy PDFs) |
| </p> |
| </div> |
| </div> |
| <div class="flex items-start gap-4"> |
| <div |
| class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold" |
| > |
| 3 |
| </div> |
| <div class="flex-1"> |
| <h3 class="text-lg font-semibold text-white mb-1"> |
| Select Compression Level |
| </h3> |
| <p class="text-gray-400"> |
| Pick Light, Balanced, Aggressive, or Extreme compression |
| </p> |
| </div> |
| </div> |
| <div class="flex items-start gap-4"> |
| <div |
| class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold" |
| > |
| 4 |
| </div> |
| <div class="flex-1"> |
| <h3 class="text-lg font-semibold text-white mb-1"> |
| Customize & Compress |
| </h3> |
| <p class="text-gray-400"> |
| Optionally enable grayscale or custom settings, then compress |
| </p> |
| </div> |
| </div> |
| <div class="flex items-start gap-4"> |
| <div |
| class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold" |
| > |
| 5 |
| </div> |
| <div class="flex-1"> |
| <h3 class="text-lg font-semibold text-white mb-1">Download</h3> |
| <p class="text-gray-400"> |
| Save your compressed PDFs - up to 90% smaller |
| </p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="max-w-6xl mx-auto px-4 py-12"> |
| <h2 |
| class="text-2xl md:text-3xl font-bold text-white mb-6 text-center" |
| data-i18n="relatedTools.title" |
| > |
| Related PDF Tools |
| </h2> |
| <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> |
| <a |
| href="merge-pdf.html" |
| class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700" |
| > |
| <h3 class="text-white font-semibold mb-1">Merge Pdf</h3> |
| <p class="text-gray-400 text-sm">Free online merge pdf tool</p> |
| </a> |
| <a |
| href="split-pdf.html" |
| class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700" |
| > |
| <h3 class="text-white font-semibold mb-1">Split Pdf</h3> |
| <p class="text-gray-400 text-sm">Free online split pdf tool</p> |
| </a> |
| <a |
| href="pdf-to-jpg.html" |
| class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700" |
| > |
| <h3 class="text-white font-semibold mb-1">Pdf To Jpg</h3> |
| <p class="text-gray-400 text-sm">Free online pdf to jpg tool</p> |
| </a> |
| </div> |
| </section> |
|
|
| |
| <section class="max-w-4xl mx-auto px-4 py-12"> |
| <h2 |
| class="text-2xl md:text-3xl font-bold text-white mb-6 text-center" |
| data-i18n="faq.sectionTitle" |
| > |
| Frequently Asked Questions |
| </h2> |
| <div class="space-y-4"> |
| <details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> |
| <summary |
| class="cursor-pointer font-semibold text-white flex items-center justify-between" |
| > |
| What's the difference between Condense and Photon? |
| <i data-lucide="chevron-down" class="w-5 h-5"></i> |
| </summary> |
| <p class="mt-3 text-gray-400"> |
| Condense removes dead-weight, optimizes images, and subsets fonts - |
| best for most PDFs. Photon converts pages to images - ideal for |
| photo-heavy/scanned PDFs but makes text non-selectable. |
| </p> |
| </details> |
| <details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> |
| <summary |
| class="cursor-pointer font-semibold text-white flex items-center justify-between" |
| > |
| Which compression level should I use? |
| <i data-lucide="chevron-down" class="w-5 h-5"></i> |
| </summary> |
| <p class="mt-3 text-gray-400"> |
| Balanced (recommended) offers great size reduction with minimal |
| quality loss. Use Light to preserve maximum quality, Aggressive for |
| smaller files, or Extreme for maximum compression. |
| </p> |
| </details> |
| <details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> |
| <summary |
| class="cursor-pointer font-semibold text-white flex items-center justify-between" |
| > |
| Are there file size limits? |
| <i data-lucide="chevron-down" class="w-5 h-5"></i> |
| </summary> |
| <p class="mt-3 text-gray-400"> |
| No limits! Compress as many PDFs as you need, of any size, |
| completely free. |
| </p> |
| </details> |
| </div> |
| </section> |
| {{> footer }} |
| <script type="module" src="/src/js/utils/lucide-init.ts"></script> |
| <script type="module" src="/src/js/utils/full-width.ts"></script> |
| <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script> |
| <script type="module" src="/src/version.ts"></script> |
| <script type="module" src="/src/js/logic/compress-pdf-page.ts"></script> |
| <script type="module" src="/src/js/mobileMenu.ts"></script> |
| <script type="module" src="/src/js/main.ts"></script> |
|
|
| |
| <script type="application/ld+json"> |
| { |
| "@context": "https://schema.org", |
| "@type": "SoftwareApplication", |
| "name": "Compress PDF - BentoPDF", |
| "applicationCategory": "PDF Compression Tool", |
| "operatingSystem": "Any - Web Browser", |
| "offers": { |
| "@type": "Offer", |
| "price": "0", |
| "priceCurrency": "USD" |
| }, |
| "aggregateRating": { |
| "@type": "AggregateRating", |
| "ratingValue": "4.7", |
| "ratingCount": "3421" |
| }, |
| "featureList": [ |
| "Reduce PDF file size", |
| "Multiple compression algorithms", |
| "Batch processing", |
| "No file size limits", |
| "Condense algorithm for smart compression", |
| "Photon algorithm for image-heavy PDFs" |
| ] |
| } |
| </script> |
|
|
| <script type="application/ld+json"> |
| { |
| "@context": "https://schema.org", |
| "@type": "HowTo", |
| "name": "How to Compress PDF Files Online Free", |
| "description": "Learn how to compress PDF files to reduce size while maintaining quality", |
| "step": [ |
| { |
| "@type": "HowToStep", |
| "position": 1, |
| "name": "Upload Your PDF", |
| "text": "Click or drag and drop your PDF file into the upload area" |
| }, |
| { |
| "@type": "HowToStep", |
| "position": 2, |
| "name": "Choose Compression Level", |
| "text": "Select your desired compression level: Light, Balanced, Aggressive, or Extreme" |
| }, |
| { |
| "@type": "HowToStep", |
| "position": 3, |
| "name": "Select Algorithm", |
| "text": "Choose Condense (recommended) or Photon algorithm based on your PDF type" |
| }, |
| { |
| "@type": "HowToStep", |
| "position": 4, |
| "name": "Compress and Download", |
| "text": "Click 'Compress PDF' and download your optimized file" |
| } |
| ] |
| } |
| </script> |
|
|
| <script type="application/ld+json"> |
| { |
| "@context": "https://schema.org", |
| "@type": "BreadcrumbList", |
| "itemListElement": [ |
| { |
| "@type": "ListItem", |
| "position": 1, |
| "name": "Home", |
| "item": "https://www.bentopdf.com" |
| }, |
| { |
| "@type": "ListItem", |
| "position": 2, |
| "name": "Compress PDF", |
| "item": "https://www.bentopdf.com/compress-pdf" |
| } |
| ] |
| } |
| </script> |
| </body> |
| </html> |
|
|
