# Fragmentos de Encabezado/Pie PDF Convierte HTML a PDF e inserta fragmentos de logo, título y fecha > Página canónica: https://elysiatools.com/es/tools/pdf-header-footer-snippets - **Categoría:** Document Tools - **Palabras clave:** pdf, html, header, footer, logo, title, date, puppeteer ## Descripción general Renderiza HTML a PDF e inserta fragmentos reutilizables de encabezado y pie. **Fragmentos soportados:** - Logo (subir imagen) - Título - Fecha (ISO, local o personalizada) - Números de página opcionales **Diseño:** - Zonas izquierda/centro/derecha - Márgenes para reservar espacio ## Entradas - **Contenido HTML** (textarea): # Quarterly Report Write your HTML here... - **CSS personalizado** (textarea): /* Optional custom styles */ - **Tamaño de página** (select) - **Horizontal** (checkbox) - **Imprimir fondo** (checkbox) - **Margen superior (mm)** (number) - **Margen inferior (mm)** (number) - **Margen izquierdo (mm)** (number) - **Margen derecho (mm)** (number) - **Habilitar encabezado** (checkbox) - **Habilitar pie** (checkbox) - **Imagen de logo** (file): Subir imagen de logo - **Ancho del logo (px)** (number) - **Título del encabezado** (text): Document Title - **Título del pie** (text): Confidential - **Mostrar fecha en encabezado** (checkbox) - **Mostrar fecha en pie** (checkbox) - **Formato de fecha** (select) - **Texto de fecha personalizado** (text): March 2026 - **Mostrar números de página** (checkbox) - **Esperar hasta** (select) - **Espera adicional (ms)** (number) ## Cuándo usarlo - Cuando necesitas generar informes corporativos a partir de plantillas HTML con una estructura de encabezado y pie consistente. - Al requerir la inclusión de logos de empresa y fechas actualizadas en documentos PDF de forma automatizada. - Cuando necesitas controlar con precisión los márgenes y la disposición de elementos en documentos PDF generados desde código web. ## Cómo funciona - Ingresa tu código HTML y CSS personalizado en los campos correspondientes para definir el contenido principal del documento. - Configura las opciones de encabezado y pie de página, incluyendo la subida de un logo y la selección del formato de fecha. - Ajusta los márgenes superior, inferior, izquierdo y derecho para asegurar que el contenido no se solape con los elementos de encabezado o pie. - Haz clic en procesar para renderizar el archivo final, aplicando las configuraciones de tamaño de página y orientación seleccionadas. ## Casos de uso - Generación automatizada de facturas o recibos con logo y datos de contacto en el encabezado. - Creación de informes trimestrales estandarizados con numeración de página y fechas de emisión. - Conversión de documentación técnica web a formato PDF para impresión o distribución oficial. ## Preguntas frecuentes ### ¿Qué formatos de imagen se aceptan para el logo? Puedes subir imágenes en formato PNG, JPEG, SVG o WebP con un tamaño máximo de 5 MB. ### ¿Puedo personalizar el formato de la fecha? Sí, puedes elegir entre formato ISO (YYYY-MM-DD), formato local o definir un texto personalizado. ### ¿Es posible añadir números de página? Sí, la herramienta incluye una opción para habilitar o deshabilitar la numeración automática de páginas en el documento. ### ¿Cómo puedo ajustar el espacio para el encabezado? Utiliza los controles de márgenes (superior, inferior, izquierdo y derecho) para reservar el espacio necesario en el diseño del PDF. ### ¿Qué significa la opción 'Esperar hasta'? Permite definir el estado de carga de la red (load, networkidle0 o networkidle2) para asegurar que el contenido dinámico se renderice correctamente antes de crear el PDF. ## Herramientas relacionadas - [Generador de Data URI](https://elysiatools.com/es/tools/data-uri-generator): Convierte archivos en Data URIs (Base64 o porcentaje-codificado) para incrustar imágenes, fuentes y recursos directamente en HTML, CSS o Markdown - [Guia de Marca PDF](https://elysiatools.com/es/tools/pdf-brand-guidelines-pdf): Genera una guia de marca con logo, paleta, tipografia y espaciado - [Herramienta de Opacidad de Marca de Agua](https://elysiatools.com/es/tools/image-watermark-opacity): Añade marcas de agua con opacidad personalizada a las imágenes, soportando marcas de agua de texto e imagen con controles avanzados de opacidad - [Verificador de accesibilidad](https://elysiatools.com/es/tools/accessibility-checker): Detecta problemas comunes de WCAG 2.1 en HTML, paginas o imagenes de diseno y devuelve sugerencias accionables - [Generador de Facturas PDF](https://elysiatools.com/es/tools/pdf-invoice-generator): Genera una factura PDF con marca desde partidas estructuradas - [Herramienta de Marca de Agua en Esquina](https://elysiatools.com/es/tools/image-watermark-corner): Añade marcas de agua en las esquinas de las imágenes con posición, tamaño, opacidad y opciones de múltiples esquinas personalizables - [Herramienta de Marca de Agua con Imagen](https://elysiatools.com/es/tools/image-watermark-image): Añade marcas de agua de imagen a imágenes con posición, tamaño, opacidad y rotación personalizables - [Generador de códigos QR artísticos con módulos estilizados e inserción de logotipo](https://elysiatools.com/es/tools/qr-code-art-styled-module-and-logo-embed-generator): Genera códigos QR artísticos con colores de marca, degradados, módulos redondeados o de puntos y un logotipo central, con desglose de penalización de máscara ISO, metadatos por módulo y veredicto de borrado Reed–Solomon. ## Ejemplos - [Ejemplos de Procesamiento de Imágenes Web Python](https://elysiatools.com/es/samples/web-image-processing-python): Ejemplos de procesamiento de imágenes Web Python usando PIL/Pillow incluyendo lectura, guardado, redimensionamiento y conversión de formato - [Ejemplos de Procesamiento de Imágenes Android Java](https://elysiatools.com/es/samples/android-image-processing-java): Ejemplos de procesamiento de imágenes Android Java incluyendo lectura/escritura, escalado y conversión de formato - [Ejemplos de Procesamiento de Imágenes Android Kotlin](https://elysiatools.com/es/samples/android-image-processing-kotlin): Ejemplos de procesamiento de imágenes Android Kotlin incluyendo lectura/escritura, escalado y conversión de formato - [Ejemplos de Procesamiento de Imágenes Web Rust](https://elysiatools.com/es/samples/web-image-processing-rust): Ejemplos de procesamiento de imágenes Web Rust incluyendo lectura/escritura, escalado y conversión de formato ## Contenido relacionado - [Flujos PDF para formularios, navegación y revisión](https://elysiatools.com/es/hubs/pdf-forms-navigation-review-workflows): Prepara formularios PDF rellenables, añade navegación interna, marca revisiones, ajusta páginas y verifica firmas antes de entregar. - [Flujos de maquetacion PDF listos para imprimir](https://elysiatools.com/es/hubs/print-pdf-layout-workflows): Convierte HTML, Markdown, README o texto en PDF pulidos con plantillas de pagina, tipografia, encabezados, pies, numeracion, TOC, columnas y revision de direccion.