feat: add PDF to CBZ conversion tool with metadata support

- Updated main.ts to include 'PDF to CBZ' in the tools list.
- Added new types for CBZ options and comic metadata in pdf-to-cbz-type.ts.
- Implemented comic-info utility functions for generating ComicInfo.xml and metadata OPF files.
- Created pdf-to-cbz.html page with UI for PDF to CBZ conversion, including options for image format, quality, and metadata.
- Updated vite.config.ts to route to the new PDF to CBZ page.
This commit is contained in:
alam00000
2026-03-24 14:55:51 +05:30
parent 3ca19af354
commit e3216dddc5
30 changed files with 2004 additions and 0 deletions

View File

@@ -248,6 +248,7 @@ BentoPDF offers a comprehensive suite of tools to handle all your PDF needs.
| **PDF to WebP** | Convert each PDF page into a WebP image. |
| **PDF to BMP** | Convert each PDF page into a BMP image. |
| **PDF to TIFF** | Convert each PDF page into a TIFF image. |
| **PDF to CBZ** | Convert a PDF into a CBZ (Comic Book Archive) for comic readers and Calibre. |
| **PDF to SVG** | Convert each page into a scalable vector graphic (SVG) for perfect quality. |
| **PDF to Greyscale** | Convert a color PDF into a black-and-white version. |
| **PDF to Text** | Extract text from PDF files and save as plain text (.txt). |

View File

@@ -98,6 +98,7 @@ export default defineConfig({
{ text: 'PDF to WebP', link: '/tools/pdf-to-webp' },
{ text: 'PDF to BMP', link: '/tools/pdf-to-bmp' },
{ text: 'PDF to TIFF', link: '/tools/pdf-to-tiff' },
{ text: 'PDF to CBZ', link: '/tools/pdf-to-cbz' },
{ text: 'PDF to SVG', link: '/tools/pdf-to-svg' },
{ text: 'PDF to CSV', link: '/tools/pdf-to-csv' },
{ text: 'PDF to Excel', link: '/tools/pdf-to-excel' },

View File

@@ -89,6 +89,7 @@ Extract content from PDFs into images, documents, and data formats.
- [**PDF to WebP**](./pdf-to-webp) — Convert each PDF page into a WebP image.
- [**PDF to BMP**](./pdf-to-bmp) — Convert each PDF page into a BMP image.
- [**PDF to TIFF**](./pdf-to-tiff) — Convert each PDF page into a TIFF image.
- [**PDF to CBZ**](./pdf-to-cbz) — Convert a PDF into a CBZ (Comic Book Archive) for comic readers and Calibre.
- [**PDF to SVG**](./pdf-to-svg) — Convert each PDF page into a scalable vector graphic.
- [**PDF to CSV**](./pdf-to-csv) — Extract tables from PDF and convert to CSV format.
- [**PDF to Excel**](./pdf-to-excel) — Extract tables from PDF and convert to Excel (XLSX).

77
docs/tools/pdf-to-cbz.md Normal file
View File

@@ -0,0 +1,77 @@
---
title: PDF to CBZ
description: Convert a PDF into a CBZ (Comic Book Archive) file for comic readers like Komga, Kavita, CDisplayEx, and Calibre.
---
# PDF to CBZ
Converts a PDF into a CBZ (Comic Book ZIP) file — the standard format for digital comics and manga. Each PDF page becomes an image inside the archive. The tool generates metadata in three formats for maximum compatibility: ComicInfo.xml, metadata.opf, and ComicBookInfo JSON.
## How It Works
1. Upload a PDF by clicking the drop zone or dragging a file onto it.
2. Choose image format, quality, scale, and optional metadata.
3. Click **Convert** to generate the CBZ file.
4. The `.cbz` file downloads automatically.
## Options
| Option | Values | Default | Description |
| ---------------- | --------------- | ------- | ----------------------------------------------------------------------------- |
| Image Format | JPEG, PNG, WebP | JPEG | JPEG for color comics, PNG for lossless B&W manga, WebP for best compression. |
| Quality | 50100% | 85% | Controls JPEG/WebP compression. Hidden for PNG (always lossless). |
| Scale | 1.0x4.0x | 2.0x | Higher scale produces sharper images for high-res screens. |
| Grayscale | On/Off | Off | Converts pages to grayscale. Reduces file size for B&W content. |
| Manga mode | On/Off | Off | Sets right-to-left reading direction in metadata. |
| Include metadata | On/Off | On | Embeds ComicInfo.xml, metadata.opf, and ComicBookInfo JSON. |
## Metadata Fields
When metadata is enabled, you can fill in:
- **Title** — Auto-detected from the PDF filename.
- **Series** — The series name (e.g., "Naruto").
- **Number (#)** — Issue number within the series.
- **Volume (Vol.)** — Volume number.
- **Author(s)** — Writer or creator name.
- **Publisher** — Publishing company.
- **Tags / Genre** — Comma-separated tags (e.g., "Action, Adventure").
- **Published Year** — Year of publication (19002100).
- **Rating** — Community rating from 0 to 5.
## Metadata Compatibility
The tool writes metadata in three formats so every reader can find it:
| Format | Location | Supported by |
| ------------------ | ----------------- | ------------------------------------------- |
| ComicInfo.xml | File inside ZIP | Komga, Kavita, CDisplayEx, Mylar, ComicRack |
| metadata.opf | File inside ZIP | Calibre |
| ComicBookInfo JSON | ZIP comment field | Calibre (fallback) |
## Output Format
- `filename.cbz` — A ZIP archive containing numbered page images and metadata files.
Page images are named with zero-padded numbers (`01.jpg`, `02.jpg`, etc.) so readers display them in the correct order.
## Use Cases
- Converting manga or comic PDFs for use with comic book readers.
- Building a digital comic library in Komga, Kavita, or Calibre.
- Converting scanned comic books to a reader-friendly format.
- Sharing comics in a format that preserves reading direction and metadata.
## Tips
- Use **JPEG** for color comics and **PNG** for black-and-white manga — PNG compresses B&W content very efficiently.
- Enable **Grayscale** for manga to significantly reduce file size.
- Fill in the **Series** and **Number** fields so library managers (Komga, Calibre) can organize your collection automatically.
- **WebP** offers the best compression but older comic readers may not support it.
## Related Tools
- [PDF to JPG](./pdf-to-jpg)
- [PDF to PNG](./pdf-to-png)
- [PDF to TIFF](./pdf-to-tiff)
- [Extract Images](./extract-images)

View File

@@ -289,6 +289,36 @@
"loadingVips": "جارٍ تحميل معالج الصور...",
"converting": "جارٍ التحويل إلى TIFF..."
},
"pdfToCbz": {
"name": "PDF إلى CBZ",
"subtitle": "تحويل ملف PDF إلى ملف CBZ (أرشيف الكتب المصورة) لقارئات القصص المصورة.",
"imageFormat": "تنسيق الصورة",
"quality": "جودة الصورة",
"qualityExplanation": "جودة أعلى = حجم ملف أكبر",
"scale": "المقياس",
"scaleExplanation": "مقياس أعلى = جودة أفضل للشاشات عالية الدقة",
"grayscale": "تحويل إلى تدرج الرمادي",
"manga": "وضع المانغا (من اليمين إلى اليسار)",
"includeMetadata": "تضمين بيانات ComicInfo.xml الوصفية",
"titleLabel": "العنوان",
"seriesLabel": "السلسلة",
"authorLabel": "المؤلف(ون)",
"numberLabel": "#",
"volumeLabel": "المجلد",
"publisherLabel": "الناشر",
"tagsLabel": "الوسوم / النوع",
"yearLabel": "سنة النشر",
"ratingLabel": "التقييم (0-5)",
"converting": "جارٍ التحويل إلى CBZ...",
"alert": {
"invalidFile": "ملف غير صالح",
"invalidFileExplanation": "يرجى تحميل ملف PDF.",
"noFile": "لا يوجد ملف",
"noFileExplanation": "يرجى تحميل ملف PDF أولاً.",
"conversionSuccess": "تم تحويل PDF إلى CBZ بنجاح!",
"conversionError": "فشل تحويل PDF إلى CBZ. قد يكون الملف تالفاً."
}
},
"pdfToGreyscale": {
"name": "PDF إلى تدرج الرمادي",
"subtitle": "تحويل جميع الألوان إلى أبيض وأسود."

View File

@@ -289,6 +289,36 @@
"loadingVips": "Загрузка апрацоўшчыка відарысаў...",
"converting": "Канвертаванне ў TIFF..."
},
"pdfToCbz": {
"name": "PDF у CBZ",
"subtitle": "Канвертаваць PDF у файл CBZ (архіў коміксаў) для чытачоў коміксаў.",
"imageFormat": "Фармат выявы",
"quality": "Якасць выявы",
"qualityExplanation": "Вышэйшая якасць = большы памер файла",
"scale": "Маштаб",
"scaleExplanation": "Вышэйшы маштаб = лепшая якасць для экранаў высокай раздзяляльнасці",
"grayscale": "Канвертаваць у градацыі шэрага",
"manga": "Рэжым манга (справа налева)",
"includeMetadata": "Уключыць метаданыя ComicInfo.xml",
"titleLabel": "Назва",
"seriesLabel": "Серыя",
"authorLabel": "Аўтар(ы)",
"numberLabel": "#",
"volumeLabel": "Том",
"publisherLabel": "Выдавец",
"tagsLabel": "Тэгі / Жанр",
"yearLabel": "Год выдання",
"ratingLabel": "Рэйтынг (0-5)",
"converting": "Канвертаванне ў CBZ...",
"alert": {
"invalidFile": "Няправільны файл",
"invalidFileExplanation": "Калі ласка, загрузіце файл PDF.",
"noFile": "Няма файла",
"noFileExplanation": "Калі ласка, спачатку загрузіце файл PDF.",
"conversionSuccess": "PDF паспяхова канвертаваны ў CBZ!",
"conversionError": "Не ўдалося канвертаваць PDF у CBZ. Файл можа быць пашкоджаны."
}
},
"pdfToGreyscale": {
"name": "PDF у градацыі шэрага",
"subtitle": "Канвертаваць усе колеры ў чорна-белыя."

View File

@@ -289,6 +289,36 @@
"loadingVips": "Indlæser billedprocessor...",
"converting": "Konverterer til TIFF..."
},
"pdfToCbz": {
"name": "PDF til CBZ",
"subtitle": "Konverter en PDF til en CBZ-fil (tegneseriearkiv) til tegneserielæsere.",
"imageFormat": "Billedformat",
"quality": "Billedkvalitet",
"qualityExplanation": "Højere kvalitet = større filstørrelse",
"scale": "Skalering",
"scaleExplanation": "Højere skalering = bedre kvalitet til højopløsningsskærme",
"grayscale": "Konverter til gråtoner",
"manga": "Manga-tilstand (højre-til-venstre)",
"includeMetadata": "Inkluder ComicInfo.xml-metadata",
"titleLabel": "Titel",
"seriesLabel": "Serie",
"authorLabel": "Forfatter(e)",
"numberLabel": "#",
"volumeLabel": "Bind",
"publisherLabel": "Udgiver",
"tagsLabel": "Tags / Genre",
"yearLabel": "Udgivelsesår",
"ratingLabel": "Bedømmelse (0-5)",
"converting": "Konverterer til CBZ...",
"alert": {
"invalidFile": "Ugyldig fil",
"invalidFileExplanation": "Upload venligst en PDF-fil.",
"noFile": "Ingen fil",
"noFileExplanation": "Upload venligst en PDF-fil først.",
"conversionSuccess": "PDF konverteret til CBZ!",
"conversionError": "Kunne ikke konvertere PDF til CBZ. Filen kan være beskadiget."
}
},
"pdfToGreyscale": {
"name": "PDF til gråtoner",
"subtitle": "Konverter alle farver til sort/hvid."

View File

@@ -339,6 +339,36 @@
"loadingVips": "Bildprozessor wird geladen...",
"converting": "Wird in TIFF konvertiert..."
},
"pdfToCbz": {
"name": "PDF zu CBZ",
"subtitle": "Konvertieren Sie ein PDF in eine CBZ-Datei (Comic-Bucharchiv) für Comic-Reader.",
"imageFormat": "Bildformat",
"quality": "Bildqualität",
"qualityExplanation": "Höhere Qualität = größere Dateigröße",
"scale": "Skalierung",
"scaleExplanation": "Höhere Skalierung = bessere Qualität für hochauflösende Bildschirme",
"grayscale": "In Graustufen konvertieren",
"manga": "Manga-Modus (rechts nach links)",
"includeMetadata": "ComicInfo.xml-Metadaten einschließen",
"titleLabel": "Titel",
"seriesLabel": "Serie",
"authorLabel": "Autor(en)",
"numberLabel": "#",
"volumeLabel": "Bd.",
"publisherLabel": "Verlag",
"tagsLabel": "Tags / Genre",
"yearLabel": "Erscheinungsjahr",
"ratingLabel": "Bewertung (0-5)",
"converting": "Wird in CBZ konvertiert...",
"alert": {
"invalidFile": "Ungültige Datei",
"invalidFileExplanation": "Bitte laden Sie eine PDF-Datei hoch.",
"noFile": "Keine Datei",
"noFileExplanation": "Bitte laden Sie zuerst eine PDF-Datei hoch.",
"conversionSuccess": "PDF erfolgreich in CBZ konvertiert!",
"conversionError": "PDF konnte nicht in CBZ konvertiert werden. Die Datei ist möglicherweise beschädigt."
}
},
"pdfToGreyscale": {
"name": "PDF zu Graustufen",
"subtitle": "Alle Farben in Schwarz-Weiß konvertieren."

View File

@@ -347,6 +347,36 @@
"conversionError": "Failed to convert PDF to TIFF. The file might be corrupted."
}
},
"pdfToCbz": {
"name": "PDF to CBZ",
"subtitle": "Convert a PDF into a CBZ (Comic Book Archive) file for comic readers.",
"imageFormat": "Image Format",
"quality": "Image Quality",
"qualityExplanation": "Higher quality = larger file size",
"scale": "Scale",
"scaleExplanation": "Higher scale = better quality for high-res screens",
"grayscale": "Convert to grayscale",
"manga": "Manga mode (right-to-left)",
"includeMetadata": "Include ComicInfo.xml metadata",
"titleLabel": "Title",
"seriesLabel": "Series",
"authorLabel": "Author(s)",
"numberLabel": "#",
"volumeLabel": "Vol.",
"publisherLabel": "Publisher",
"tagsLabel": "Tags / Genre",
"yearLabel": "Published Year",
"ratingLabel": "Rating (0-5)",
"converting": "Converting to CBZ...",
"alert": {
"invalidFile": "Invalid File",
"invalidFileExplanation": "Please upload a PDF file.",
"noFile": "No File",
"noFileExplanation": "Please upload a PDF file first.",
"conversionSuccess": "PDF converted to CBZ successfully!",
"conversionError": "Failed to convert PDF to CBZ. The file might be corrupted."
}
},
"pdfToGreyscale": {
"name": "PDF to Greyscale",
"subtitle": "Convert all colors to black and white."

View File

@@ -289,6 +289,36 @@
"loadingVips": "Cargando procesador de imágenes...",
"converting": "Convirtiendo a TIFF..."
},
"pdfToCbz": {
"name": "PDF a CBZ",
"subtitle": "Convierte un PDF en un archivo CBZ (archivo de cómics) para lectores de cómics.",
"imageFormat": "Formato de imagen",
"quality": "Calidad de imagen",
"qualityExplanation": "Mayor calidad = mayor tamaño de archivo",
"scale": "Escala",
"scaleExplanation": "Mayor escala = mejor calidad para pantallas de alta resolución",
"grayscale": "Convertir a escala de grises",
"manga": "Modo manga (derecha a izquierda)",
"includeMetadata": "Incluir metadatos ComicInfo.xml",
"titleLabel": "Título",
"seriesLabel": "Serie",
"authorLabel": "Autor(es)",
"numberLabel": "#",
"volumeLabel": "Vol.",
"publisherLabel": "Editorial",
"tagsLabel": "Etiquetas / Género",
"yearLabel": "Año de publicación",
"ratingLabel": "Calificación (0-5)",
"converting": "Convirtiendo a CBZ...",
"alert": {
"invalidFile": "Archivo no válido",
"invalidFileExplanation": "Por favor, suba un archivo PDF.",
"noFile": "Sin archivo",
"noFileExplanation": "Por favor, suba un archivo PDF primero.",
"conversionSuccess": "¡PDF convertido a CBZ exitosamente!",
"conversionError": "Error al convertir PDF a CBZ. El archivo podría estar dañado."
}
},
"pdfToGreyscale": {
"name": "PDF a Escala de Grises",
"subtitle": "Convierte todos los colores a blanco y negro."

View File

@@ -289,6 +289,36 @@
"loadingVips": "Chargement du processeur d'images...",
"converting": "Conversion en TIFF..."
},
"pdfToCbz": {
"name": "PDF en CBZ",
"subtitle": "Convertir un PDF en fichier CBZ (archive de bande dessinée) pour les lecteurs de comics.",
"imageFormat": "Format d'image",
"quality": "Qualité d'image",
"qualityExplanation": "Qualité supérieure = taille de fichier plus grande",
"scale": "Échelle",
"scaleExplanation": "Échelle supérieure = meilleure qualité pour les écrans haute résolution",
"grayscale": "Convertir en niveaux de gris",
"manga": "Mode manga (droite à gauche)",
"includeMetadata": "Inclure les métadonnées ComicInfo.xml",
"titleLabel": "Titre",
"seriesLabel": "Série",
"authorLabel": "Auteur(s)",
"numberLabel": "#",
"volumeLabel": "Vol.",
"publisherLabel": "Éditeur",
"tagsLabel": "Tags / Genre",
"yearLabel": "Année de publication",
"ratingLabel": "Note (0-5)",
"converting": "Conversion en CBZ...",
"alert": {
"invalidFile": "Fichier invalide",
"invalidFileExplanation": "Veuillez télécharger un fichier PDF.",
"noFile": "Aucun fichier",
"noFileExplanation": "Veuillez d'abord télécharger un fichier PDF.",
"conversionSuccess": "PDF converti en CBZ avec succès !",
"conversionError": "Échec de la conversion du PDF en CBZ. Le fichier est peut-être corrompu."
}
},
"pdfToGreyscale": {
"name": "PDF en niveaux de gris",
"subtitle": "Convertir toutes les couleurs en noir et blanc."

View File

@@ -289,6 +289,36 @@
"loadingVips": "Memuat prosesor gambar...",
"converting": "Mengonversi ke TIFF..."
},
"pdfToCbz": {
"name": "PDF ke CBZ",
"subtitle": "Konversi PDF menjadi file CBZ (Arsip Buku Komik) untuk pembaca komik.",
"imageFormat": "Format Gambar",
"quality": "Kualitas Gambar",
"qualityExplanation": "Kualitas lebih tinggi = ukuran file lebih besar",
"scale": "Skala",
"scaleExplanation": "Skala lebih tinggi = kualitas lebih baik untuk layar resolusi tinggi",
"grayscale": "Konversi ke skala abu-abu",
"manga": "Mode manga (kanan-ke-kiri)",
"includeMetadata": "Sertakan metadata ComicInfo.xml",
"titleLabel": "Judul",
"seriesLabel": "Seri",
"authorLabel": "Penulis",
"numberLabel": "#",
"volumeLabel": "Vol.",
"publisherLabel": "Penerbit",
"tagsLabel": "Tag / Genre",
"yearLabel": "Tahun Terbit",
"ratingLabel": "Peringkat (0-5)",
"converting": "Mengonversi ke CBZ...",
"alert": {
"invalidFile": "File Tidak Valid",
"invalidFileExplanation": "Silakan unggah file PDF.",
"noFile": "Tidak Ada File",
"noFileExplanation": "Silakan unggah file PDF terlebih dahulu.",
"conversionSuccess": "PDF berhasil dikonversi ke CBZ!",
"conversionError": "Gagal mengonversi PDF ke CBZ. File mungkin rusak."
}
},
"pdfToGreyscale": {
"name": "PDF ke Skala Abu-abu",
"subtitle": "Konversi semua warna ke hitam dan putih."

View File

@@ -289,6 +289,36 @@
"loadingVips": "Caricamento processore immagini...",
"converting": "Conversione in TIFF..."
},
"pdfToCbz": {
"name": "PDF in CBZ",
"subtitle": "Converti un PDF in un file CBZ (Archivio Fumetti) per lettori di fumetti.",
"imageFormat": "Formato Immagine",
"quality": "Qualità Immagine",
"qualityExplanation": "Qualità più alta = dimensione file più grande",
"scale": "Scala",
"scaleExplanation": "Scala più alta = migliore qualità per schermi ad alta risoluzione",
"grayscale": "Converti in scala di grigi",
"manga": "Modalità manga (da destra a sinistra)",
"includeMetadata": "Includi metadati ComicInfo.xml",
"titleLabel": "Titolo",
"seriesLabel": "Serie",
"authorLabel": "Autore/i",
"numberLabel": "#",
"volumeLabel": "Vol.",
"publisherLabel": "Editore",
"tagsLabel": "Tag / Genere",
"yearLabel": "Anno di pubblicazione",
"ratingLabel": "Valutazione (0-5)",
"converting": "Conversione in CBZ...",
"alert": {
"invalidFile": "File Non Valido",
"invalidFileExplanation": "Carica un file PDF.",
"noFile": "Nessun File",
"noFileExplanation": "Carica prima un file PDF.",
"conversionSuccess": "PDF convertito in CBZ con successo!",
"conversionError": "Impossibile convertire il PDF in CBZ. Il file potrebbe essere danneggiato."
}
},
"pdfToGreyscale": {
"name": "PDF in Scala di Grigi",
"subtitle": "Converti tutti i colori in scala di grigi."

View File

@@ -289,6 +289,36 @@
"loadingVips": "이미지 프로세서 로드 중...",
"converting": "TIFF로 변환 중..."
},
"pdfToCbz": {
"name": "PDF를 CBZ로",
"subtitle": "PDF를 만화 리더용 CBZ(만화책 아카이브) 파일로 변환합니다.",
"imageFormat": "이미지 형식",
"quality": "이미지 품질",
"qualityExplanation": "품질이 높을수록 파일 크기가 커집니다",
"scale": "배율",
"scaleExplanation": "배율이 높을수록 고해상도 화면에서 품질이 좋아집니다",
"grayscale": "흑백으로 변환",
"manga": "만화 모드 (오른쪽에서 왼쪽으로)",
"includeMetadata": "ComicInfo.xml 메타데이터 포함",
"titleLabel": "제목",
"seriesLabel": "시리즈",
"authorLabel": "저자",
"numberLabel": "#",
"volumeLabel": "권",
"publisherLabel": "출판사",
"tagsLabel": "태그 / 장르",
"yearLabel": "출판 연도",
"ratingLabel": "평점 (0-5)",
"converting": "CBZ로 변환 중...",
"alert": {
"invalidFile": "잘못된 파일",
"invalidFileExplanation": "PDF 파일을 업로드해 주세요.",
"noFile": "파일 없음",
"noFileExplanation": "먼저 PDF 파일을 업로드해 주세요.",
"conversionSuccess": "PDF가 CBZ로 성공적으로 변환되었습니다!",
"conversionError": "PDF를 CBZ로 변환하지 못했습니다. 파일이 손상되었을 수 있습니다."
}
},
"pdfToGreyscale": {
"name": "PDF 흑백 변환",
"subtitle": "모든 색상을 흑백으로 변환합니다."

View File

@@ -289,6 +289,36 @@
"loadingVips": "Beeldprocessor laden...",
"converting": "Converteren naar TIFF..."
},
"pdfToCbz": {
"name": "PDF naar CBZ",
"subtitle": "Converteer een PDF naar een CBZ (Comic Book Archive) bestand voor striplezers.",
"imageFormat": "Afbeeldingsformaat",
"quality": "Beeldkwaliteit",
"qualityExplanation": "Hogere kwaliteit = groter bestandsformaat",
"scale": "Schaal",
"scaleExplanation": "Hogere schaal = betere kwaliteit voor hoge-resolutieschermen",
"grayscale": "Converteren naar grijswaarden",
"manga": "Mangamodus (rechts-naar-links)",
"includeMetadata": "ComicInfo.xml-metadata opnemen",
"titleLabel": "Titel",
"seriesLabel": "Serie",
"authorLabel": "Auteur(s)",
"numberLabel": "#",
"volumeLabel": "Vol.",
"publisherLabel": "Uitgever",
"tagsLabel": "Tags / Genre",
"yearLabel": "Publicatiejaar",
"ratingLabel": "Beoordeling (0-5)",
"converting": "Converteren naar CBZ...",
"alert": {
"invalidFile": "Ongeldig bestand",
"invalidFileExplanation": "Upload een PDF-bestand.",
"noFile": "Geen bestand",
"noFileExplanation": "Upload eerst een PDF-bestand.",
"conversionSuccess": "PDF succesvol geconverteerd naar CBZ!",
"conversionError": "Kan PDF niet converteren naar CBZ. Het bestand is mogelijk beschadigd."
}
},
"pdfToGreyscale": {
"name": "PDF naar Grijswaarden",
"subtitle": "Converteer alle kleuren naar zwart-wit."

View File

@@ -289,6 +289,36 @@
"loadingVips": "Carregando processador de imagem...",
"converting": "Convertendo para TIFF..."
},
"pdfToCbz": {
"name": "PDF para CBZ",
"subtitle": "Converta um PDF em um arquivo CBZ (Comic Book Archive) para leitores de quadrinhos.",
"imageFormat": "Formato de Imagem",
"quality": "Qualidade da Imagem",
"qualityExplanation": "Maior qualidade = maior tamanho de arquivo",
"scale": "Escala",
"scaleExplanation": "Maior escala = melhor qualidade para telas de alta resolução",
"grayscale": "Converter para tons de cinza",
"manga": "Modo mangá (direita para esquerda)",
"includeMetadata": "Incluir metadados ComicInfo.xml",
"titleLabel": "Título",
"seriesLabel": "Série",
"authorLabel": "Autor(es)",
"numberLabel": "#",
"volumeLabel": "Vol.",
"publisherLabel": "Editora",
"tagsLabel": "Tags / Gênero",
"yearLabel": "Ano de publicação",
"ratingLabel": "Avaliação (0-5)",
"converting": "Convertendo para CBZ...",
"alert": {
"invalidFile": "Arquivo Inválido",
"invalidFileExplanation": "Envie um arquivo PDF.",
"noFile": "Nenhum Arquivo",
"noFileExplanation": "Envie um arquivo PDF primeiro.",
"conversionSuccess": "PDF convertido para CBZ com sucesso!",
"conversionError": "Falha ao converter PDF para CBZ. O arquivo pode estar corrompido."
}
},
"pdfToGreyscale": {
"name": "PDF para Tons de Cinza",
"subtitle": "Converta todas as cores para preto e branco."

View File

@@ -283,6 +283,36 @@
"loadingVips": "Загрузка обработчика изображений...",
"converting": "Конвертация в TIFF..."
},
"pdfToCbz": {
"name": "PDF в CBZ",
"subtitle": "Конвертируйте PDF в файл CBZ (Comic Book Archive) для чтения комиксов.",
"imageFormat": "Формат изображения",
"quality": "Качество изображения",
"qualityExplanation": "Выше качество = больше размер файла",
"scale": "Масштаб",
"scaleExplanation": "Больше масштаб = лучшее качество для экранов с высоким разрешением",
"grayscale": "Конвертировать в оттенки серого",
"manga": "Режим манги (справа налево)",
"includeMetadata": "Включить метаданные ComicInfo.xml",
"titleLabel": "Название",
"seriesLabel": "Серия",
"authorLabel": "Автор(ы)",
"numberLabel": "#",
"volumeLabel": "Том",
"publisherLabel": "Издатель",
"tagsLabel": "Теги / Жанр",
"yearLabel": "Год издания",
"ratingLabel": "Рейтинг (0-5)",
"converting": "Конвертация в CBZ...",
"alert": {
"invalidFile": "Недопустимый файл",
"invalidFileExplanation": "Пожалуйста, загрузите PDF-файл.",
"noFile": "Нет файла",
"noFileExplanation": "Сначала загрузите PDF-файл.",
"conversionSuccess": "PDF успешно конвертирован в CBZ!",
"conversionError": "Не удалось конвертировать PDF в CBZ. Файл может быть повреждён."
}
},
"pdfToGreyscale": {
"name": "Градации серого",
"subtitle": "Преобразовать все цвета в градации серого."

View File

@@ -289,6 +289,36 @@
"loadingVips": "Laddar bildprocessor...",
"converting": "Konverterar till TIFF..."
},
"pdfToCbz": {
"name": "PDF till CBZ",
"subtitle": "Konvertera en PDF till en CBZ-fil (serietidningsarkiv) för serieläsare.",
"imageFormat": "Bildformat",
"quality": "Bildkvalitet",
"qualityExplanation": "Högre kvalitet = större filstorlek",
"scale": "Skala",
"scaleExplanation": "Högre skala = bättre kvalitet för högupplösta skärmar",
"grayscale": "Konvertera till gråskala",
"manga": "Manga-läge (höger till vänster)",
"includeMetadata": "Inkludera ComicInfo.xml-metadata",
"titleLabel": "Titel",
"seriesLabel": "Serie",
"authorLabel": "Författare",
"numberLabel": "#",
"volumeLabel": "Vol.",
"publisherLabel": "Förlag",
"tagsLabel": "Taggar / Genre",
"yearLabel": "Utgivningsår",
"ratingLabel": "Betyg (0-5)",
"converting": "Konverterar till CBZ...",
"alert": {
"invalidFile": "Ogiltig fil",
"invalidFileExplanation": "Vänligen ladda upp en PDF-fil.",
"noFile": "Ingen fil",
"noFileExplanation": "Vänligen ladda upp en PDF-fil först.",
"conversionSuccess": "PDF konverterad till CBZ framgångsrikt!",
"conversionError": "Kunde inte konvertera PDF till CBZ. Filen kan vara skadad."
}
},
"pdfToGreyscale": {
"name": "PDF till gråskala",
"subtitle": "Konvertera alla färger till svart och vitt."

View File

@@ -289,6 +289,36 @@
"loadingVips": "Görüntü işlemci yükleniyor...",
"converting": "TIFF'e dönüştürülüyor..."
},
"pdfToCbz": {
"name": "PDF'den CBZ'ye",
"subtitle": "Çizgi roman okuyucuları için bir PDF'yi CBZ (Çizgi Roman Arşivi) dosyasına dönüştürün.",
"imageFormat": "Görüntü Formatı",
"quality": "Görüntü Kalitesi",
"qualityExplanation": "Daha yüksek kalite = daha büyük dosya boyutu",
"scale": "Ölçek",
"scaleExplanation": "Daha yüksek ölçek = yüksek çözünürlüklü ekranlar için daha iyi kalite",
"grayscale": "Gri tonlamaya dönüştür",
"manga": "Manga modu (sağdan sola)",
"includeMetadata": "ComicInfo.xml meta verilerini dahil et",
"titleLabel": "Başlık",
"seriesLabel": "Seri",
"authorLabel": "Yazar(lar)",
"numberLabel": "#",
"volumeLabel": "Cilt",
"publisherLabel": "Yayıncı",
"tagsLabel": "Etiketler / Tür",
"yearLabel": "Yayın Yılı",
"ratingLabel": "Puan (0-5)",
"converting": "CBZ'ye dönüştürülüyor...",
"alert": {
"invalidFile": "Geçersiz Dosya",
"invalidFileExplanation": "Lütfen bir PDF dosyası yükleyin.",
"noFile": "Dosya Yok",
"noFileExplanation": "Lütfen önce bir PDF dosyası yükleyin.",
"conversionSuccess": "PDF başarıyla CBZ'ye dönüştürüldü!",
"conversionError": "PDF, CBZ'ye dönüştürülemedi. Dosya bozuk olabilir."
}
},
"pdfToGreyscale": {
"name": "PDF'yi Gri Tonlamaya Çevir",
"subtitle": "Tüm renkleri siyah beyaza çevirin."

View File

@@ -289,6 +289,36 @@
"loadingVips": "Đang tải bộ xử lý hình ảnh...",
"converting": "Đang chuyển đổi sang TIFF..."
},
"pdfToCbz": {
"name": "PDF sang CBZ",
"subtitle": "Chuyển đổi PDF thành tệp CBZ (Kho lưu trữ truyện tranh) cho trình đọc truyện tranh.",
"imageFormat": "Định dạng hình ảnh",
"quality": "Chất lượng hình ảnh",
"qualityExplanation": "Chất lượng cao hơn = kích thước tệp lớn hơn",
"scale": "Tỷ lệ",
"scaleExplanation": "Tỷ lệ cao hơn = chất lượng tốt hơn cho màn hình độ phân giải cao",
"grayscale": "Chuyển sang thang xám",
"manga": "Chế độ manga (phải sang trái)",
"includeMetadata": "Bao gồm siêu dữ liệu ComicInfo.xml",
"titleLabel": "Tiêu đề",
"seriesLabel": "Bộ truyện",
"authorLabel": "Tác giả",
"numberLabel": "#",
"volumeLabel": "Tập",
"publisherLabel": "Nhà xuất bản",
"tagsLabel": "Thẻ / Thể loại",
"yearLabel": "Năm xuất bản",
"ratingLabel": "Đánh giá (0-5)",
"converting": "Đang chuyển đổi sang CBZ...",
"alert": {
"invalidFile": "Tệp không hợp lệ",
"invalidFileExplanation": "Vui lòng tải lên tệp PDF.",
"noFile": "Không có tệp",
"noFileExplanation": "Vui lòng tải lên tệp PDF trước.",
"conversionSuccess": "Chuyển đổi PDF sang CBZ thành công!",
"conversionError": "Không thể chuyển đổi PDF sang CBZ. Tệp có thể bị hỏng."
}
},
"pdfToGreyscale": {
"name": "PDF sang thang xám",
"subtitle": "Chuyển đổi tất cả màu sắc sang đen trắng."

View File

@@ -289,6 +289,36 @@
"loadingVips": "正在載入影像處理器...",
"converting": "正在轉換為 TIFF..."
},
"pdfToCbz": {
"name": "PDF 轉 CBZ",
"subtitle": "將 PDF 轉換為 CBZ (漫畫書封存) 檔案,適用於漫畫閱讀器。",
"imageFormat": "圖像格式",
"quality": "圖像品質",
"qualityExplanation": "品質越高 = 檔案越大",
"scale": "縮放",
"scaleExplanation": "縮放越高 = 高解析度螢幕上品質越好",
"grayscale": "轉換為灰階",
"manga": "漫畫模式 (從右到左)",
"includeMetadata": "包含 ComicInfo.xml 中繼資料",
"titleLabel": "標題",
"seriesLabel": "系列",
"authorLabel": "作者",
"numberLabel": "#",
"volumeLabel": "卷",
"publisherLabel": "出版社",
"tagsLabel": "標籤 / 類型",
"yearLabel": "出版年份",
"ratingLabel": "評分 (0-5)",
"converting": "正在轉換為 CBZ...",
"alert": {
"invalidFile": "無效檔案",
"invalidFileExplanation": "請上傳 PDF 檔案。",
"noFile": "沒有檔案",
"noFileExplanation": "請先上傳 PDF 檔案。",
"conversionSuccess": "PDF 已成功轉換為 CBZ!",
"conversionError": "無法將 PDF 轉換為 CBZ。檔案可能已損壞。"
}
},
"pdfToGreyscale": {
"name": "PDF 轉灰階",
"subtitle": "將所有顏色轉換為黑白。"

View File

@@ -289,6 +289,36 @@
"loadingVips": "正在加载图像处理器...",
"converting": "正在转换为 TIFF..."
},
"pdfToCbz": {
"name": "PDF 转 CBZ",
"subtitle": "将 PDF 转换为 CBZ (漫画书归档) 文件,适用于漫画阅读器。",
"imageFormat": "图像格式",
"quality": "图像质量",
"qualityExplanation": "质量越高 = 文件越大",
"scale": "缩放",
"scaleExplanation": "缩放越高 = 高分辨率屏幕上质量越好",
"grayscale": "转换为灰度",
"manga": "漫画模式 (从右到左)",
"includeMetadata": "包含 ComicInfo.xml 元数据",
"titleLabel": "标题",
"seriesLabel": "系列",
"authorLabel": "作者",
"numberLabel": "#",
"volumeLabel": "卷",
"publisherLabel": "出版社",
"tagsLabel": "标签 / 类型",
"yearLabel": "出版年份",
"ratingLabel": "评分 (0-5)",
"converting": "正在转换为 CBZ...",
"alert": {
"invalidFile": "无效文件",
"invalidFileExplanation": "请上传 PDF 文件。",
"noFile": "没有文件",
"noFileExplanation": "请先上传 PDF 文件。",
"conversionSuccess": "PDF 已成功转换为 CBZ!",
"conversionError": "无法将 PDF 转换为 CBZ。文件可能已损坏。"
}
},
"pdfToGreyscale": {
"name": "PDF 转 灰度",
"subtitle": "将所有颜色转换为黑白。"

View File

@@ -447,6 +447,13 @@ const baseCategories = [
icon: 'ph-file-image',
subtitle: 'Convert each PDF page into a TIFF image.',
},
{
href: import.meta.env.BASE_URL + 'pdf-to-cbz.html',
name: 'PDF to CBZ',
icon: 'ph-book-open',
subtitle:
'Convert a PDF into a CBZ (Comic Book Archive) file for comic readers.',
},
{
href: import.meta.env.BASE_URL + 'pdf-to-svg.html',
name: 'PDF to SVG',

View File

@@ -0,0 +1,500 @@
import { showLoader, hideLoader, showAlert } from '../ui.js';
import {
downloadFile,
formatBytes,
readFileAsArrayBuffer,
getPDFDocument,
getCleanPdfFilename,
} from '../utils/helpers.js';
import { createIcons, icons } from 'lucide';
import JSZip from 'jszip';
import * as pdfjsLib from 'pdfjs-dist';
import { PDFPageProxy } from 'pdfjs-dist';
import { t } from '../i18n/i18n';
import {
generateComicInfoXml,
generateMetadataOpf,
generateComicBookInfoJson,
} from '../utils/comic-info.js';
import type { CbzOptions, ComicMetadata } from '@/types';
pdfjsLib.GlobalWorkerOptions.workerSrc = new URL(
'pdfjs-dist/build/pdf.worker.min.mjs',
import.meta.url
).toString();
let files: File[] = [];
function getOptions(): CbzOptions {
const formatInput = document.getElementById(
'cbz-format'
) as HTMLSelectElement;
const qualityInput = document.getElementById(
'cbz-quality'
) as HTMLInputElement;
const scaleInput = document.getElementById('cbz-scale') as HTMLInputElement;
const grayscaleInput = document.getElementById(
'cbz-grayscale'
) as HTMLInputElement;
const mangaInput = document.getElementById('cbz-manga') as HTMLInputElement;
const metadataInput = document.getElementById(
'cbz-metadata'
) as HTMLInputElement;
const titleInput = document.getElementById('cbz-title') as HTMLInputElement;
const seriesInput = document.getElementById('cbz-series') as HTMLInputElement;
const numberInput = document.getElementById('cbz-number') as HTMLInputElement;
const volumeInput = document.getElementById('cbz-volume') as HTMLInputElement;
const authorInput = document.getElementById('cbz-author') as HTMLInputElement;
const publisherInput = document.getElementById(
'cbz-publisher'
) as HTMLInputElement;
const tagsInput = document.getElementById('cbz-tags') as HTMLInputElement;
const yearInput = document.getElementById('cbz-year') as HTMLInputElement;
const ratingInput = document.getElementById('cbz-rating') as HTMLInputElement;
return {
imageFormat: (formatInput?.value as CbzOptions['imageFormat']) || 'jpeg',
quality: qualityInput ? parseInt(qualityInput.value, 10) / 100 : 0.85,
scale: scaleInput ? parseFloat(scaleInput.value) : 2.0,
grayscale: grayscaleInput?.checked ?? false,
manga: mangaInput?.checked ?? false,
includeMetadata: metadataInput?.checked ?? true,
title: titleInput?.value?.trim() ?? '',
series: seriesInput?.value?.trim() ?? '',
number: numberInput?.value?.trim() ?? '',
volume: volumeInput?.value?.trim() ?? '',
author: authorInput?.value?.trim() ?? '',
publisher: publisherInput?.value?.trim() ?? '',
tags: tagsInput?.value?.trim() ?? '',
year: yearInput?.value?.trim() ?? '',
rating: ratingInput?.value?.trim() ?? '',
};
}
function getMimeType(format: CbzOptions['imageFormat']): string {
const mimeTypes: Record<CbzOptions['imageFormat'], string> = {
jpeg: 'image/jpeg',
png: 'image/png',
webp: 'image/webp',
};
return mimeTypes[format];
}
function getExtension(format: CbzOptions['imageFormat']): string {
const extensions: Record<CbzOptions['imageFormat'], string> = {
jpeg: 'jpg',
png: 'png',
webp: 'webp',
};
return extensions[format];
}
const updateUI = () => {
const fileDisplayArea = document.getElementById('file-display-area');
const optionsPanel = document.getElementById('options-panel');
const dropZone = document.getElementById('drop-zone');
if (!fileDisplayArea || !optionsPanel || !dropZone) return;
fileDisplayArea.innerHTML = '';
if (files.length > 0) {
optionsPanel.classList.remove('hidden');
files.forEach((file) => {
const fileDiv = document.createElement('div');
fileDiv.className =
'flex items-center justify-between bg-gray-700 p-3 rounded-lg text-sm';
const infoContainer = document.createElement('div');
infoContainer.className = 'flex flex-col overflow-hidden';
const nameSpan = document.createElement('div');
nameSpan.className = 'truncate font-medium text-gray-200 text-sm mb-1';
nameSpan.textContent = file.name;
const metaSpan = document.createElement('div');
metaSpan.className = 'text-xs text-gray-400';
metaSpan.textContent = `${formatBytes(file.size)}${t('common.loadingPageCount')}`;
infoContainer.append(nameSpan, metaSpan);
const removeBtn = document.createElement('button');
removeBtn.className =
'ml-4 text-red-400 hover:text-red-300 flex-shrink-0';
removeBtn.innerHTML = '<i data-lucide="trash-2" class="w-4 h-4"></i>';
removeBtn.onclick = () => {
files = [];
updateUI();
};
fileDiv.append(infoContainer, removeBtn);
fileDisplayArea.appendChild(fileDiv);
readFileAsArrayBuffer(file)
.then((buffer) => getPDFDocument(buffer).promise)
.then((pdf) => {
metaSpan.textContent = `${formatBytes(file.size)}${pdf.numPages} ${pdf.numPages !== 1 ? t('common.pages') : t('common.page')}`;
})
.catch(() => {
metaSpan.textContent = formatBytes(file.size);
});
});
createIcons({ icons });
const titleInput = document.getElementById('cbz-title') as HTMLInputElement;
if (titleInput && !titleInput.value) {
titleInput.value = getCleanPdfFilename(files[0].name);
}
} else {
optionsPanel.classList.add('hidden');
}
};
const resetState = () => {
files = [];
const fileInput = document.getElementById('file-input') as HTMLInputElement;
if (fileInput) fileInput.value = '';
const textInputIds = [
'cbz-title',
'cbz-series',
'cbz-number',
'cbz-volume',
'cbz-author',
'cbz-publisher',
'cbz-tags',
'cbz-year',
'cbz-rating',
];
for (const id of textInputIds) {
const input = document.getElementById(id) as HTMLInputElement;
if (input) input.value = '';
}
updateUI();
};
async function renderPage(
page: PDFPageProxy,
options: CbzOptions
): Promise<Blob | null> {
const viewport = page.getViewport({ scale: options.scale });
const canvas = document.createElement('canvas');
const context = canvas.getContext('2d');
if (!context) throw new Error('Failed to acquire 2D canvas context');
canvas.height = viewport.height;
canvas.width = viewport.width;
await page.render({
canvasContext: context,
viewport: viewport,
canvas,
}).promise;
if (options.grayscale) {
const imageData = context.getImageData(0, 0, canvas.width, canvas.height);
const data = imageData.data;
for (let i = 0; i < data.length; i += 4) {
const gray = 0.299 * data[i] + 0.587 * data[i + 1] + 0.114 * data[i + 2];
data[i] = gray;
data[i + 1] = gray;
data[i + 2] = gray;
}
context.putImageData(imageData, 0, 0);
}
const mimeType = getMimeType(options.imageFormat);
const quality = options.imageFormat === 'png' ? undefined : options.quality;
const blob = await new Promise<Blob | null>((resolve) =>
canvas.toBlob(resolve, mimeType, quality)
);
canvas.width = 0;
canvas.height = 0;
return blob;
}
async function convert() {
if (files.length === 0) {
showAlert(
t('tools:pdfToCbz.alert.noFile'),
t('tools:pdfToCbz.alert.noFileExplanation')
);
return;
}
showLoader(t('tools:pdfToCbz.converting'));
try {
const options = getOptions();
const pdf = await getPDFDocument(await readFileAsArrayBuffer(files[0]))
.promise;
if (pdf.numPages === 0) {
throw new Error('PDF has no pages');
}
const zip = new JSZip();
const ext = getExtension(options.imageFormat);
const padLength = String(pdf.numPages).length;
for (let i = 1; i <= pdf.numPages; i++) {
const page = await pdf.getPage(i);
const blob = await renderPage(page, options);
if (blob) {
const pageNum = String(i).padStart(padLength, '0');
zip.file(`${pageNum}.${ext}`, blob);
}
}
let zipComment = '';
if (options.includeMetadata) {
const meta: ComicMetadata = {
title: options.title || getCleanPdfFilename(files[0].name),
series: options.series || undefined,
number: options.number || undefined,
volume: options.volume || undefined,
writer: options.author || undefined,
publisher: options.publisher || undefined,
genre: options.tags || undefined,
year: options.year || undefined,
communityRating: options.rating || undefined,
pageCount: pdf.numPages,
manga: options.manga,
blackAndWhite: options.grayscale,
};
zip.file('ComicInfo.xml', generateComicInfoXml(meta));
zip.file('metadata.opf', generateMetadataOpf(meta));
zipComment = generateComicBookInfoJson(meta);
}
const cbzBlob = await zip.generateAsync({
type: 'blob',
comment: zipComment || undefined,
});
downloadFile(cbzBlob, getCleanPdfFilename(files[0].name) + '.cbz');
showAlert(
t('common.success'),
t('tools:pdfToCbz.alert.conversionSuccess'),
'success',
() => resetState()
);
} catch (e) {
console.error(e);
showAlert(t('common.error'), t('tools:pdfToCbz.alert.conversionError'));
} finally {
hideLoader();
}
}
document.addEventListener('DOMContentLoaded', () => {
const fileInput = document.getElementById('file-input') as HTMLInputElement;
const dropZone = document.getElementById('drop-zone');
const processBtn = document.getElementById('process-btn');
const backBtn = document.getElementById('back-to-tools');
const qualitySlider = document.getElementById(
'cbz-quality'
) as HTMLInputElement;
const qualityValue = document.getElementById('cbz-quality-value');
const scaleSlider = document.getElementById('cbz-scale') as HTMLInputElement;
const scaleValue = document.getElementById('cbz-scale-value');
const formatSelect = document.getElementById(
'cbz-format'
) as HTMLSelectElement;
const qualitySection = document.getElementById('quality-section');
const metadataCheckbox = document.getElementById(
'cbz-metadata'
) as HTMLInputElement;
const metadataSection = document.getElementById('metadata-section');
if (backBtn) {
backBtn.addEventListener('click', () => {
window.location.href = import.meta.env.BASE_URL;
});
}
if (qualitySlider && qualityValue) {
qualitySlider.addEventListener('input', () => {
qualityValue.textContent = `${qualitySlider.value}%`;
});
}
if (scaleSlider && scaleValue) {
scaleSlider.addEventListener('input', () => {
scaleValue.textContent = `${parseFloat(scaleSlider.value).toFixed(1)}x`;
});
}
if (formatSelect && qualitySection) {
formatSelect.addEventListener('change', () => {
if (formatSelect.value === 'png') {
qualitySection.classList.add('hidden');
} else {
qualitySection.classList.remove('hidden');
}
});
}
if (metadataCheckbox && metadataSection) {
metadataCheckbox.addEventListener('change', () => {
if (metadataCheckbox.checked) {
metadataSection.classList.remove('hidden');
} else {
metadataSection.classList.add('hidden');
}
});
}
if (formatSelect?.value === 'png' && qualitySection) {
qualitySection.classList.add('hidden');
}
if (metadataCheckbox && !metadataCheckbox.checked && metadataSection) {
metadataSection.classList.add('hidden');
}
function setInputValidity(
input: HTMLInputElement,
valid: boolean,
errorMsg: string
): void {
const errorId = `${input.id}-error`;
let errorEl = document.getElementById(errorId);
if (valid) {
input.classList.remove('border-red-500', 'focus:ring-red-500');
input.classList.add('border-gray-600', 'focus:ring-indigo-500');
if (errorEl) errorEl.remove();
} else {
input.classList.remove('border-gray-600', 'focus:ring-indigo-500');
input.classList.add('border-red-500', 'focus:ring-red-500');
if (!errorEl) {
errorEl = document.createElement('p');
errorEl.id = errorId;
errorEl.className = 'text-xs text-red-400 mt-1';
input.parentElement?.appendChild(errorEl);
}
errorEl.textContent = errorMsg;
}
}
const yearInput = document.getElementById('cbz-year') as HTMLInputElement;
const ratingInput = document.getElementById('cbz-rating') as HTMLInputElement;
const numberInput = document.getElementById('cbz-number') as HTMLInputElement;
const volumeInput = document.getElementById('cbz-volume') as HTMLInputElement;
if (yearInput) {
yearInput.addEventListener('input', () => {
const val = yearInput.value.trim();
if (val === '') {
setInputValidity(yearInput, true, '');
return;
}
const year = parseInt(val, 10);
setInputValidity(
yearInput,
!isNaN(year) && year >= 1900 && year <= 2100,
'Year must be between 1900 and 2100'
);
});
}
if (ratingInput) {
ratingInput.addEventListener('input', () => {
const val = ratingInput.value.trim();
if (val === '') {
setInputValidity(ratingInput, true, '');
return;
}
const rating = parseFloat(val);
setInputValidity(
ratingInput,
!isNaN(rating) && rating >= 0 && rating <= 5,
'Rating must be between 0 and 5'
);
});
}
if (numberInput) {
numberInput.addEventListener('input', () => {
const val = numberInput.value.trim();
if (val === '') {
setInputValidity(numberInput, true, '');
return;
}
setInputValidity(
numberInput,
!isNaN(parseFloat(val)) && parseFloat(val) >= 0,
'Must be a positive number'
);
});
}
if (volumeInput) {
volumeInput.addEventListener('input', () => {
const val = volumeInput.value.trim();
if (val === '') {
setInputValidity(volumeInput, true, '');
return;
}
const vol = parseInt(val, 10);
setInputValidity(
volumeInput,
!isNaN(vol) && vol >= 1,
'Must be a positive integer'
);
});
}
const handleFileSelect = (newFiles: FileList | null) => {
if (!newFiles || newFiles.length === 0) return;
const validFiles = Array.from(newFiles).filter(
(file) => file.type === 'application/pdf'
);
if (validFiles.length === 0) {
showAlert(
t('tools:pdfToCbz.alert.invalidFile'),
t('tools:pdfToCbz.alert.invalidFileExplanation')
);
return;
}
files = [validFiles[0]];
updateUI();
};
if (fileInput && dropZone) {
fileInput.addEventListener('change', (e) => {
handleFileSelect((e.target as HTMLInputElement).files);
});
dropZone.addEventListener('dragover', (e) => {
e.preventDefault();
dropZone.classList.add('bg-gray-700');
});
dropZone.addEventListener('dragleave', (e) => {
e.preventDefault();
dropZone.classList.remove('bg-gray-700');
});
dropZone.addEventListener('drop', (e) => {
e.preventDefault();
dropZone.classList.remove('bg-gray-700');
handleFileSelect(e.dataTransfer?.files ?? null);
});
fileInput.addEventListener('click', () => {
fileInput.value = '';
});
}
if (processBtn) {
processBtn.addEventListener('click', convert);
}
});

View File

@@ -179,6 +179,7 @@ const init = async () => {
'PDF to WebP': 'tools:pdfToWebp',
'PDF to BMP': 'tools:pdfToBmp',
'PDF to TIFF': 'tools:pdfToTiff',
'PDF to CBZ': 'tools:pdfToCbz',
'PDF to Greyscale': 'tools:pdfToGreyscale',
'PDF to JSON': 'tools:pdfToJson',
'OCR PDF': 'tools:ocrPdf',

View File

@@ -53,3 +53,4 @@ export * from './bates-numbering-type.ts';
export * from './page-preview-type.ts';
export * from './add-page-labels-type.ts';
export * from './pdf-to-tiff-type.ts';
export * from './pdf-to-cbz-type.ts';

View File

@@ -0,0 +1,32 @@
export interface CbzOptions {
imageFormat: 'jpeg' | 'png' | 'webp';
quality: number;
scale: number;
grayscale: boolean;
manga: boolean;
includeMetadata: boolean;
title: string;
series: string;
number: string;
volume: string;
author: string;
publisher: string;
tags: string;
year: string;
rating: string;
}
export interface ComicMetadata {
title?: string;
series?: string;
number?: string;
volume?: string;
writer?: string;
publisher?: string;
genre?: string;
year?: string;
communityRating?: string;
pageCount: number;
manga?: boolean;
blackAndWhite?: boolean;
}

190
src/js/utils/comic-info.ts Normal file
View File

@@ -0,0 +1,190 @@
import type { ComicMetadata } from '@/types';
function escapeXml(str: string): string {
return str
.replace(/&/g, '&amp;')
.replace(/</g, '&lt;')
.replace(/>/g, '&gt;')
.replace(/"/g, '&quot;')
.replace(/'/g, '&apos;');
}
export function generateComicInfoXml(params: ComicMetadata): string {
const lines: string[] = [
'<?xml version="1.0" encoding="utf-8"?>',
'<ComicInfo xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema">',
];
if (params.title) {
lines.push(` <Title>${escapeXml(params.title)}</Title>`);
}
if (params.series) {
lines.push(` <Series>${escapeXml(params.series)}</Series>`);
}
if (params.number) {
lines.push(` <Number>${escapeXml(params.number)}</Number>`);
}
if (params.volume) {
lines.push(` <Volume>${escapeXml(params.volume)}</Volume>`);
}
if (params.writer) {
lines.push(` <Writer>${escapeXml(params.writer)}</Writer>`);
}
if (params.publisher) {
lines.push(` <Publisher>${escapeXml(params.publisher)}</Publisher>`);
}
if (params.genre) {
lines.push(` <Genre>${escapeXml(params.genre)}</Genre>`);
}
if (params.year) {
const yearNum = parseInt(params.year, 10);
if (!isNaN(yearNum)) {
lines.push(` <Year>${yearNum}</Year>`);
}
}
if (params.communityRating) {
const rating = parseFloat(params.communityRating);
if (!isNaN(rating) && rating >= 0 && rating <= 5) {
lines.push(` <CommunityRating>${rating}</CommunityRating>`);
}
}
lines.push(` <PageCount>${params.pageCount}</PageCount>`);
if (params.blackAndWhite) {
lines.push(' <BlackAndWhite>Yes</BlackAndWhite>');
}
if (params.manga) {
lines.push(' <Manga>YesAndRightToLeft</Manga>');
}
lines.push('</ComicInfo>');
return lines.join('\n');
}
export function generateMetadataOpf(params: ComicMetadata): string {
const lines: string[] = [
'<?xml version="1.0" encoding="utf-8"?>',
'<package xmlns="http://www.idpf.org/2007/opf" version="2.0">',
' <metadata xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:opf="http://www.idpf.org/2007/opf">',
];
if (params.title) {
lines.push(` <dc:title>${escapeXml(params.title)}</dc:title>`);
}
if (params.writer) {
lines.push(
` <dc:creator opf:role="aut">${escapeXml(params.writer)}</dc:creator>`
);
}
if (params.publisher) {
lines.push(
` <dc:publisher>${escapeXml(params.publisher)}</dc:publisher>`
);
}
if (params.year) {
const yearNum = parseInt(params.year, 10);
if (!isNaN(yearNum)) {
lines.push(` <dc:date>${yearNum}-01-01</dc:date>`);
}
}
if (params.genre) {
lines.push(` <dc:subject>${escapeXml(params.genre)}</dc:subject>`);
}
if (params.series) {
lines.push(
` <meta name="calibre:series" content="${escapeXml(params.series)}" />`
);
if (params.number) {
lines.push(
` <meta name="calibre:series_index" content="${escapeXml(params.number)}" />`
);
}
}
if (params.communityRating) {
const rating = parseFloat(params.communityRating);
if (!isNaN(rating) && rating >= 0 && rating <= 5) {
lines.push(
` <meta name="calibre:rating" content="${(rating / 5) * 10}" />`
);
}
}
lines.push(' </metadata>');
lines.push('</package>');
return lines.join('\n');
}
export function generateComicBookInfoJson(params: ComicMetadata): string {
const info: Record<string, unknown> = {};
if (params.title) {
info.title = params.title;
}
if (params.series) {
info.series = params.series;
}
if (params.number) {
info.issue = params.number;
}
if (params.volume) {
info.volume = parseInt(params.volume, 10) || undefined;
}
if (params.publisher) {
info.publisher = params.publisher;
}
if (params.year) {
const yearNum = parseInt(params.year, 10);
if (!isNaN(yearNum)) {
info.publicationYear = yearNum;
}
}
if (params.genre) {
info.tags = params.genre
.split(',')
.map((t) => t.trim())
.filter(Boolean);
}
if (params.writer) {
info.credits = [{ person: params.writer, role: 'Writer' }];
}
if (params.communityRating) {
const rating = parseFloat(params.communityRating);
if (!isNaN(rating) && rating >= 0 && rating <= 5) {
info.rating = rating;
}
}
const wrapper = {
appID: 'BentoPDF/1.0',
lastModified: new Date().toISOString(),
'ComicBookInfo/1.0': info,
};
return JSON.stringify(wrapper);
}

652
src/pages/pdf-to-cbz.html Normal file
View File

@@ -0,0 +1,652 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>
PDF to CBZ Converter Free Online - Comic Book Archive | BentoPDF
</title>
<meta
name="title"
content="PDF to CBZ Converter Free Online - Comic Book Archive | BentoPDF"
/>
<meta
name="description"
content="★ Convert PDF to CBZ (Comic Book Archive) online free ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"
/>
<meta
name="keywords"
content="pdf to cbz, pdf to comic book, comic book archive, cbz converter, manga converter"
/>
<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/pdf-to-cbz.html" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.bentopdf.com/pdf-to-cbz" />
<meta
property="og:title"
content="PDF to CBZ Converter Free Online - Comic Book Archive | BentoPDF"
/>
<meta
property="og:description"
content="★ Convert PDF to CBZ online free ★ No signup ★ Privacy-first ★ Works in browser"
/>
<meta
property="og:image"
content="https://www.bentopdf.com/images/og-pdf-to-cbz.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/pdf-to-cbz" />
<meta name="twitter:title" content="PDF to CBZ Free" />
<meta
name="twitter:description"
content="★ Convert PDF to CBZ online free ★ No signup ★ Privacy-first ★ Works in browser"
/>
<meta
name="twitter:image"
content="https://www.bentopdf.com/images/twitter-pdf-to-cbz.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="PDF to CBZ" />
<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:pdfToCbz.name"
>
PDF to CBZ
</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:pdfToCbz.subtitle">
Convert a PDF into a CBZ (Comic Book Archive) file for comic readers.
</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 a file</span
>
<span data-i18n="upload.orDragAndDrop">or drag and drop</span>
</p>
<p class="text-xs text-gray-500" data-i18n="upload.hints.singlePdf">
A single PDF file
</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"
/>
</div>
<div id="file-display-area" class="mt-4 space-y-2"></div>
<div id="options-panel" class="hidden mt-6 space-y-4">
<div>
<label
for="cbz-format"
class="block mb-2 text-sm font-medium text-gray-300"
data-i18n="tools:pdfToCbz.imageFormat"
>Image Format</label
>
<select
id="cbz-format"
class="w-full bg-gray-700 border border-gray-600 text-gray-200 rounded-lg px-3 py-2 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
>
<option value="jpeg">JPEG</option>
<option value="png">PNG</option>
<option value="webp">WebP</option>
</select>
</div>
<div id="quality-section">
<label
for="cbz-quality"
class="block mb-2 text-sm font-medium text-gray-300"
data-i18n="tools:pdfToCbz.quality"
>Image Quality</label
>
<div class="flex items-center gap-4">
<input
type="range"
id="cbz-quality"
min="50"
max="100"
step="1"
value="85"
class="flex-1"
/>
<span
id="cbz-quality-value"
class="text-white font-medium w-16 text-right"
>85%</span
>
</div>
<p
class="mt-1 text-xs text-gray-400"
data-i18n="tools:pdfToCbz.qualityExplanation"
>
Higher quality = larger file size
</p>
</div>
<div>
<label
for="cbz-scale"
class="block mb-2 text-sm font-medium text-gray-300"
data-i18n="tools:pdfToCbz.scale"
>Scale</label
>
<div class="flex items-center gap-4">
<input
type="range"
id="cbz-scale"
min="1.0"
max="4.0"
step="0.1"
value="2.0"
class="flex-1"
/>
<span
id="cbz-scale-value"
class="text-white font-medium w-16 text-right"
>2.0x</span
>
</div>
<p
class="mt-1 text-xs text-gray-400"
data-i18n="tools:pdfToCbz.scaleExplanation"
>
Higher scale = better quality for high-res screens
</p>
</div>
<div class="flex items-center gap-3">
<input
type="checkbox"
id="cbz-grayscale"
class="w-4 h-4 rounded bg-gray-700 border-gray-600 text-indigo-600 focus:ring-indigo-500"
/>
<label
for="cbz-grayscale"
class="text-sm font-medium text-gray-300"
data-i18n="tools:pdfToCbz.grayscale"
>Convert to grayscale</label
>
</div>
<div class="flex items-center gap-3">
<input
type="checkbox"
id="cbz-manga"
class="w-4 h-4 rounded bg-gray-700 border-gray-600 text-indigo-600 focus:ring-indigo-500"
/>
<label
for="cbz-manga"
class="text-sm font-medium text-gray-300"
data-i18n="tools:pdfToCbz.manga"
>Manga mode (right-to-left)</label
>
</div>
<div class="flex items-center gap-3">
<input
type="checkbox"
id="cbz-metadata"
class="w-4 h-4 rounded bg-gray-700 border-gray-600 text-indigo-600 focus:ring-indigo-500"
checked
/>
<label
for="cbz-metadata"
class="text-sm font-medium text-gray-300"
data-i18n="tools:pdfToCbz.includeMetadata"
>Include ComicInfo.xml metadata</label
>
</div>
<div id="metadata-section" class="space-y-3 pl-7">
<div>
<label
for="cbz-title"
class="block mb-1 text-xs font-medium text-gray-400"
data-i18n="tools:pdfToCbz.titleLabel"
>Title</label
>
<input
type="text"
id="cbz-title"
class="w-full bg-gray-700 border border-gray-600 text-gray-200 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
placeholder="Auto-detected from filename"
/>
</div>
<div class="grid grid-cols-2 gap-3">
<div>
<label
for="cbz-series"
class="block mb-1 text-xs font-medium text-gray-400"
data-i18n="tools:pdfToCbz.seriesLabel"
>Series</label
>
<input
type="text"
id="cbz-series"
class="w-full bg-gray-700 border border-gray-600 text-gray-200 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
/>
</div>
<div class="grid grid-cols-2 gap-2">
<div>
<label
for="cbz-number"
class="block mb-1 text-xs font-medium text-gray-400"
data-i18n="tools:pdfToCbz.numberLabel"
>#</label
>
<input
type="number"
id="cbz-number"
min="0"
step="0.1"
class="w-full bg-gray-700 border border-gray-600 text-gray-200 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
placeholder="1"
/>
</div>
<div>
<label
for="cbz-volume"
class="block mb-1 text-xs font-medium text-gray-400"
data-i18n="tools:pdfToCbz.volumeLabel"
>Vol.</label
>
<input
type="number"
id="cbz-volume"
min="1"
step="1"
class="w-full bg-gray-700 border border-gray-600 text-gray-200 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
placeholder="1"
/>
</div>
</div>
</div>
<div class="grid grid-cols-2 gap-3">
<div>
<label
for="cbz-author"
class="block mb-1 text-xs font-medium text-gray-400"
data-i18n="tools:pdfToCbz.authorLabel"
>Author(s)</label
>
<input
type="text"
id="cbz-author"
class="w-full bg-gray-700 border border-gray-600 text-gray-200 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
/>
</div>
<div>
<label
for="cbz-publisher"
class="block mb-1 text-xs font-medium text-gray-400"
data-i18n="tools:pdfToCbz.publisherLabel"
>Publisher</label
>
<input
type="text"
id="cbz-publisher"
class="w-full bg-gray-700 border border-gray-600 text-gray-200 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
/>
</div>
</div>
<div>
<label
for="cbz-tags"
class="block mb-1 text-xs font-medium text-gray-400"
data-i18n="tools:pdfToCbz.tagsLabel"
>Tags / Genre</label
>
<input
type="text"
id="cbz-tags"
class="w-full bg-gray-700 border border-gray-600 text-gray-200 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
placeholder="Action, Adventure, Sci-Fi"
/>
</div>
<div class="grid grid-cols-2 gap-3">
<div>
<label
for="cbz-year"
class="block mb-1 text-xs font-medium text-gray-400"
data-i18n="tools:pdfToCbz.yearLabel"
>Published Year</label
>
<input
type="number"
id="cbz-year"
min="1900"
max="2100"
step="1"
class="w-full bg-gray-700 border border-gray-600 text-gray-200 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
placeholder="2024"
/>
</div>
<div>
<label
for="cbz-rating"
class="block mb-1 text-xs font-medium text-gray-400"
data-i18n="tools:pdfToCbz.ratingLabel"
>Rating (0-5)</label
>
<input
type="number"
id="cbz-rating"
min="0"
max="5"
step="0.5"
class="w-full bg-gray-700 border border-gray-600 text-gray-200 rounded-lg px-3 py-1.5 text-sm focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
/>
</div>
</div>
</div>
<button
id="process-btn"
class="btn-gradient w-full"
data-i18n="common.convert"
>
Convert
</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"
>
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 PDF</h3>
<p class="text-gray-400">
Select the PDF you want to convert to a comic book archive
</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 Settings
</h3>
<p class="text-gray-400">
Pick image format, quality, and optional metadata
</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">Download CBZ</h3>
<p class="text-gray-400">
Get your .cbz file ready for any comic book reader
</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="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">Convert PDF pages to JPG images</p>
</a>
<a
href="pdf-to-png.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 PNG</h3>
<p class="text-gray-400 text-sm">Convert PDF pages to PNG images</p>
</a>
<a
href="pdf-to-tiff.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 TIFF</h3>
<p class="text-gray-400 text-sm">Convert PDF pages to TIFF images</p>
</a>
<a
href="extract-images.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">Extract Images</h3>
<p class="text-gray-400 text-sm">Extract all images from a PDF</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 is a CBZ file?
<i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary>
<p class="mt-3 text-gray-400">
CBZ (Comic Book ZIP) is a popular format for digital comics and
manga. It's simply a ZIP archive containing page images, supported
by most comic book readers like Komga, Kavita, and CDisplayEx.
</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 image format should I use?
<i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary>
<p class="mt-3 text-gray-400">
JPEG is best for color comics (smaller files). PNG is ideal for
black-and-white manga (lossless quality). WebP offers the best
compression but may not work in older readers.
</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"
>
What is ComicInfo.xml?
<i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary>
<p class="mt-3 text-gray-400">
ComicInfo.xml is a metadata file embedded in the CBZ that stores
information like title, author, and reading direction. Comic library
managers like Komga and Kavita use it to organize your collection.
</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/pdf-to-cbz-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": "PDF to CBZ - BentoPDF",
"applicationCategory": "PDF Tool",
"operatingSystem": "Any - Web Browser",
"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://www.bentopdf.com"
},
{
"@type": "ListItem",
"position": 2,
"name": "PDF to CBZ",
"item": "https://www.bentopdf.com/pdf-to-cbz"
}
]
}
</script>
</body>
</html>

View File

@@ -508,6 +508,7 @@ export default defineConfig(() => {
'pdf-to-jpg': resolve(__dirname, 'src/pages/pdf-to-jpg.html'),
'pdf-to-png': resolve(__dirname, 'src/pages/pdf-to-png.html'),
'pdf-to-tiff': resolve(__dirname, 'src/pages/pdf-to-tiff.html'),
'pdf-to-cbz': resolve(__dirname, 'src/pages/pdf-to-cbz.html'),
'pdf-to-webp': resolve(__dirname, 'src/pages/pdf-to-webp.html'),
'pdf-to-docx': resolve(__dirname, 'src/pages/pdf-to-docx.html'),
'extract-images': resolve(__dirname, 'src/pages/extract-images.html'),