Skip to main content
Once you’ve completed your CV, you can export it as a high-quality PDF file suitable for sharing with employers and printing.

PDF Export Process

The application uses jsPDF and html2canvas libraries to convert your CV template into a PDF document.

How It Works

1

Navigate to Your Chosen Template

Go to the Diseños section and select one of the three available templates (CV1, CV2, or CV3).
2

Preview Your CV

Review your CV to ensure all information is correct and displays properly:
  • Check that all sections are filled out
  • Verify your photo appears correctly
  • Ensure text isn’t cut off or overlapping
3

Click the Download Button

Click the Descargar (Download) button below the CV preview to generate and download your PDF.
4

Save the PDF File

Your browser will prompt you to save the file. The filename is automatically generated using your name:
CV-[YourFirstName][YourLastName].pdf

Technical Implementation

The PDF generation uses the following code implementation:
import jsPDF from "jspdf";
import html2canvas from "html2canvas";

function generarPDF() {
  // Create a new PDF document (portrait, points, letter size)
  const pdf = new jsPDF("p", "pt", "letter");
  
  // Get the CV content div
  const contenidoDiv = document.getElementById("contenido-pdf");
  contenidoDiv.width = 541;  // Canvas width in pixels
  contenidoDiv.height = 700; // Canvas height in pixels

  // Convert HTML content to canvas
  html2canvas(contenidoDiv, { scale: 5 }).then((canvas) => {
    const imgData = canvas.toDataURL("image/jpeg");

    // Add the image to the PDF document
    pdf.addImage(
      imgData,
      "JPEG",
      0,
      0,
      pdf.internal.pageSize.getWidth(),
      pdf.internal.pageSize.getHeight(),
      "",
      "FAST"
    );

    // Save the PDF with dynamic filename
    pdf.save(`CV-${datos.nombre}${datos.apellido}.pdf`);
  });
}

Key Parameters

  • Page Format: Letter size (8.5” x 11”)
  • Orientation: Portrait
  • Scale Factor: 5x for high resolution
  • Image Format: JPEG for smaller file size
  • Compression: FAST compression for quick generation

PDF Export Options

Canvas Dimensions

The CV is rendered at specific dimensions before conversion:
  • Mobile: 350px × 453px
  • Desktop: 541px × 700px
The scale: 5 parameter ensures high-resolution output:
html2canvas(contenidoDiv, { scale: 5 })
This results in:
  • Mobile: 1750px × 2265px
  • Desktop: 2705px × 3500px

Image Quality

The export uses JPEG format with “FAST” compression mode, which provides:
  • Good balance between file size and quality
  • Quick generation time
  • Compatible with all PDF readers
  • Suitable for both digital sharing and printing

Understanding the Export Process

Step 1: HTML to Canvas

html2canvas converts your CV’s HTML/CSS into a canvas element, capturing the exact visual representation.

Step 2: Canvas to Data URL

The canvas is converted to a base64-encoded JPEG data URL for embedding in the PDF.

Step 3: Data URL to PDF

jsPDF creates a new PDF document and adds the image, fitting it to letter size dimensions.

Step 4: Save File

The browser triggers a download with your custom filename.

Best Practices

Before Exporting

  • Double-check all personal information
  • Verify dates and contact details
  • Proofread for spelling and grammar errors
  • Ensure work experience is up-to-date
  • Ensure your profile photo is clear and professional
  • Verify the photo shape setting (circular or square) appears as intended
  • Make sure the photo isn’t pixelated or distorted
  • Try exporting from different CV templates
  • Compare which layout best presents your information
  • Choose the template that best fits your industry

After Exporting

  • Open and review the PDF to ensure everything exported correctly
  • Check file size - typical CV PDFs should be 100-500KB
  • Test printing to ensure colors and formatting look good on paper
  • Keep multiple versions with different templates for different job applications

Troubleshooting

Common Issues

Possible causes:
  • Content hasn’t fully loaded before export
  • Browser compatibility issue
  • JavaScript errors preventing generation
Solutions:
  • Wait a few seconds after the page loads before clicking Download
  • Try a different browser (Chrome and Firefox work best)
  • Check browser console for errors
  • Refresh the page and try again
Possible causes:
  • Photo stored in localStorage is too large
  • Browser security settings blocking canvas operations
  • Corrupted image data
Solutions:
  • Re-upload your profile photo with a smaller file
  • Try a different image format (JPEG works best)
  • Clear localStorage and re-upload the photo
Possible causes:
  • Too much content for the template
  • Long words without line breaks
  • Font rendering issues
Solutions:
  • Reduce content length in affected sections
  • Try a different CV template
  • Use shorter paragraphs and bullet points
Possible causes:
  • Browser blocking downloads
  • Pop-up blocker interference
  • Insufficient permissions
Solutions:
  • Check browser download settings
  • Allow pop-ups for this site
  • Try right-clicking and “Save As”
Possible causes:
  • Low resolution export
  • Color profile issues
  • Printer settings
Solutions:
  • The scale: 5 setting provides high resolution
  • Use color printer for best results
  • Adjust printer quality settings to “High”
  • Consider professional printing for important submissions

Browser Compatibility

The PDF export feature works best with:
BrowserSupportNotes
Chrome✅ ExcellentRecommended
Firefox✅ ExcellentRecommended
Safari⚠️ GoodMay have minor rendering differences
Edge✅ ExcellentChromium-based version
Opera✅ GoodChromium-based
Internet Explorer is not supported. Please use a modern browser.

Advanced Tips

Optimizing File Size

If your PDF file is too large:
  1. Reduce photo size: Use a smaller profile photo before uploading
  2. Minimize content: Keep text concise and relevant
  3. Consider compression: Use PDF compression tools after export if needed

Multiple Exports

Create different versions for different purposes:
CV-JohnDoe-Technical.pdf     (for tech jobs, CV1 template)
CV-JohnDoe-Creative.pdf      (for creative roles, CV2 template)
CV-JohnDoe-Executive.pdf     (for senior positions, CV3 template)

Sharing Your PDF

  • Email: Most CVs under 500KB send without issues
  • Job Portals: Compatible with all major job websites
  • LinkedIn: Can be uploaded to your profile
  • Cloud Storage: Upload to Google Drive, Dropbox, etc. for easy sharing

Next Steps

Build docs developers (and LLMs) love