PDF a HTML
Convierte un PDF en una página web. Elige HTML de texto fluido limpio, con títulos, párrafos, listas y tablas reales que se adaptan a los teléfonos; un diseño posicionado que mantiene cada línea en su lugar, o un aspecto exacto con la imagen de la página bajo una capa de texto seleccionable. Previsualízalo y descarga el archivo .html.
Última actualización:
Aquí se muestra la página web convertida, tal como se verá al abrir el archivo .html descargado.
Cómo usar PDF a HTML
- Abre tu PDF arrastrándolo al recuadro o haciendo clic para elegirlo.
- Elige el diseño: Texto fluido para contenido que quieras editar o publicar, Diseño posicionado para conservar el diseño de la página, Aspecto exacto para una copia idéntica al píxel.
- Ajusta las opciones, como qué elementos detectar o el rango de páginas, por ejemplo 1-5.
- Revisa la Vista previa y la pestaña Código HTML.
- Descarga el .html o pulsa Copiar HTML para pegar el código en tu editor o CMS.
¿Texto fluido, diseño posicionado o aspecto exacto?
| Texto fluido | Diseño posicionado | Aspecto exacto | |
|---|---|---|---|
| Se parece al PDF | No, estilo web limpio | Bastante: mismas posiciones y tamaños | Idéntico |
| Adaptable a teléfonos | Sí, el texto se reajusta | No, ancho de página fijo | No, ancho de página fijo |
| Fácil de editar | Sí | Difícil (un elemento por fragmento de texto) | Difícil |
| Imágenes y gráficos | No incluidos | No incluidos | Incluidos como imágenes de página |
| Texto buscable y seleccionable | Sí | Sí | Sí (capa de texto invisible) |
| Tamaño de archivo típico | El más pequeño | Pequeño | El más grande (unos 100 a 400 KB por página) |
| Ideal para | Sitios web, blogs, CMS, accesibilidad | Formularios, volantes, diseños archivados | Folletos, escaneos, pruebas de diseño |
Cómo funciona la conversión
El texto de un PDF se guarda como fragmentos de caracteres con una posición exacta, una fuente y un tamaño. En Texto fluido, los fragmentos se agrupan en líneas, las líneas en párrafos, y las fuentes más grandes se convierten en títulos: el tamaño de fuente usado en la mayor parte del texto es el tamaño del cuerpo, y los tamaños claramente mayores se asignan a <h1> hasta <h5>. Las viñetas y los marcadores numéricos se convierten en <ul> y <ol>, y las filas alineadas con espacios amplios pasan a ser una <table>.
En los modos posicionados, cada fragmento se convierte en un <span> con posición absoluta. Un punto de PDF mide 1/72 de pulgada y un píxel CSS 1/96 de pulgada, así que las coordenadas se multiplican por 96 ÷ 72 = 1.333; una página US Letter (612 × 792 pt) se convierte en un recuadro de 816 × 1056 px. Cada span se estira horizontalmente con scaleX() para que la fuente web cubra exactamente el mismo ancho que el texto original.
¿Prefieres Markdown en lugar de HTML? Usa PDF a Markdown. ¿Necesitas lo contrario? HTML a PDF convierte una página web en un PDF.
Preguntas frecuentes
¿Cómo convierto un PDF a HTML gratis?
Abre el PDF en esta página, elige un diseño y el HTML se genera en unos segundos. Pulsa Descargar .html para guardarlo o Copiar HTML para pegar el código en otro lugar. Sin registro y sin subir archivos.
¿Qué diseño debo elegir?
Texto fluido genera HTML limpio y adaptable, ideal para sitios web, blogs, boletines por correo y edición, porque el texto se ajusta a cualquier pantalla. Diseño posicionado coloca cada línea en su lugar exacto, lo que mantiene reconocibles formularios, folletos y diseños de varias columnas. Aspecto exacto añade una imagen de cada página detrás de una capa de texto invisible, así que se ve idéntico al PDF y el texto sigue siendo seleccionable y buscable.
¿El HTML conserva las fuentes y los colores?
Texto fluido usa un estilo web limpio en lugar de las fuentes del PDF. Diseño posicionado conserva los tamaños de fuente, la negrita y la cursiva, y asigna las fuentes a la familia web segura más parecida (sans-serif, serif o monospace), con cada línea estirada a su ancho original; el texto se muestra en negro. Para las fuentes, colores e imágenes originales exactos, usa Aspecto exacto.
¿Se incluyen las imágenes del PDF?
En Aspecto exacto, sí: cada página se incrusta como imagen JPEG dentro del archivo HTML, así que no necesita archivos adicionales. Texto fluido y Diseño posicionado solo contienen texto, lo que los mantiene ligeros y limpios.
¿Por qué el HTML sale vacío?
Lo más probable es que el PDF contenga imágenes escaneadas sin capa de texto. Usa Aspecto exacto para obtener las páginas como imágenes en HTML, o pasa primero el documento por OCR para que el texto esté disponible.
¿Es seguro poner el HTML generado en mi sitio web?
Sí. El resultado es HTML y CSS estáticos sin JavaScript. Todo el texto del PDF se escapa y solo se conservan los enlaces http, https y mailto.
¿Se sube mi PDF?
No. El PDF se lee con pdf.js dentro de tu navegador y el HTML se genera en tu dispositivo. No se envía nada a ningún servidor.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.