djoka/bentopdf
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

update: year

Browse Source
This commit is contained in:
abdullahalam123
2026-01-02 21:33:06 +05:30
parent bfcf1f5fc3
commit c6e9e29e84
129 changed files with 27861 additions and 26528 deletions
Download Patch File Download Diff File Expand all files Collapse all files

234
src/pages/compress-pdf.html
View File

@@ -43,23 +43,23 @@
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="Compress PDF">
<link rel="alternate" hreflang="en" href="/en/compress-pdf.html" />
<link rel="alternate" hreflang="de" href="/de/compress-pdf.html" />
<link rel="alternate" hreflang="vi" href="/vi/compress-pdf.html" />
<link rel="alternate" hreflang="x-default" href="/en/compress-pdf.html" />
<link href="/src/css/styles.css" rel="stylesheet" />
<!-- Web App Manifest -->
<link rel="manifest" href="/site.webmanifest" />
<!-- Favicons -->
<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" />
<!-- Web App Manifest -->
<link rel="manifest" href="/site.webmanifest" />
<!-- Favicons -->
<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">
@@ -119,7 +119,8 @@
<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>
<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.
@@ -273,106 +274,119 @@
</div>
</div>
<!-- How It Works Section -->
<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">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>
<!-- Related Tools 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">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>
<!-- How It Works Section -->
<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">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>
<!-- FAQ 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">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 class="mt-16 border-t-2 border-gray-700 py-8">
<!-- Related Tools 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">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>
<!-- FAQ 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">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 class="mt-16 border-t-2 border-gray-700 py-8">
<div class="container mx-auto px-4">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
<div class="mb-8 md:mb-0">
@@ -381,7 +395,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span>
</div>
<p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved.
&copy; 2026 BentoPDF. All rights reserved.
</p>
<p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span>