1. How does the image upload work?

• Images are previewed as thumbnails
• All processing happens client-side (no server upload)
• Supports multiple image selection (JPG, PNG, GIF, etc.)

2. What PDF customization options are available?

You can customize:

• Page Orientation: Portrait or Landscape
• Image Rotation: 0° to 360° rotation
• Page Spread: Single or double page layout
• Borders: Customizable size and color
• Image Fitting: Fit without cropping option
• Compression: Quality control (0.1-1.0)

3. How is the PDF generated?

The conversion process:

1. Images are processed using HTML5 Canvas
2. jsPDF library creates PDF document
3. Images are added to PDF pages with your settings
4. Final PDF is downloaded directly to your device
5. Entire process happens in your browser (no server involvement)

4. Are my images secure?

Yes! This is a 100% client-side application:

• Images never leave your browser
• No server uploads or cloud processing
• No external services used
• All processing happens in memory

5. What browsers are supported?

Works on all modern browsers:

• Chrome (recommended)
• Firefox
• Edge
• Safari (desktop)
• Mobile browsers (limited testing)

6. Why are my PDF files large?

PDF size depends on:

• Original image resolution
• Number of images
• Compression quality setting
  For smaller files:
• Use lower quality compression (0.7-0.8)
• Resize images before uploading
• Reduce number of images per PDF

7. Can I reorder images before conversion?

Currently not supported in this version. Images are processed in the order they were uploaded. For advanced ordering, you’d need to:

1. Delete images
2. Re-upload in desired order
3. Use the delete button to manage sequence

8. What technical limitations exist?

• Maximum PDF size depends on device memory
• Very high-resolution images may cause performance issues
• Mobile browsers have stricter memory limits
• Maximum ~20-30 images recommended per conversion

9. How can I customize the appearance?

Modify these CSS variables in the code:

css

Copy

Download

/* Main header gradient */
background: linear-gradient(125deg, #d171fa, #8690fa, #e49dff);

/* Primary button color */
background: linear-gradient(135deg, #6a11cb, #2575fc);

/* Secondary button color */
background: linear-gradient(135deg, #2ecc71, #1abc9c);

/* Panel background */
background: #f8f9ff;

10. How does the preview system work?

• Generates thumbnails of uploaded images
• Uses object-fit: cover for consistent sizing
• Implements hover effects with CSS transforms
• Includes individual delete buttons
• Shows empty state when no images are uploaded