🎨 Image Preview Lab

Experimenta con herramientas de preview para archivos de diseño profesional

🎨 CDR Preview JS BREAKTHROUGH

¡PRIMER PARSER CDR EN JAVASCRIPT DEL MUNDO! Extrae thumbnails directamente del archivo sin servidor. Soporta CDR 7-X4 (RIFF/DISP chunk) y X5+ (ZIP).

🔬 Experimento: Parser from-scratch basado en ingeniería inversa del formato

🔧 Qué hace (100% en tu navegador):

  • Detecta formato RIFF (7-X4) o ZIP (X5+)
  • Parsea chunks RIFF, extrae DISP → BMP
  • Reconstruye BMP estándar con header de archivo
  • Para ZIP: usa JSZip para extraer thumbnail.bmp
  • Renderiza a canvas → PNG de alta calidad
📂
Arrastra un archivo .cdr o haz clic
CDR 7-X4 y X5+ — Sin servidor, instantáneo
La preview aparecerá aquí

📁 PSD Preview JS

ag-psd — Renderiza archivos Photoshop en el navegador usando canvas. Soporta capas, máscaras y efectos básicos.

📂
Arrastra un archivo .psd o haz clic
Soporta: capas, canvas compuesto, info de capas
La preview aparecerá aquí

🎯 AI Preview JS

pdf.js — Intenta renderizar archivos Illustrator. Solo funciona si el .ai fue guardado con compatibilidad PDF.

📂
Arrastra un archivo .ai o .pdf o haz clic
Solo AI guardados con "PDF Compatible"
La preview aparecerá aquí

🖼️ Imagen Nativa JS

API nativa del navegador — Sin librerías externas. JPG, PNG, GIF, WebP, AVIF, SVG.

📂
Arrastra cualquier imagen o haz clic
JPG, PNG, GIF, WebP, AVIF, SVG, BMP, ICO
La preview aparecerá aquí

📄 PDF Preview JS

pdf.js de Mozilla — Renderiza PDFs directamente en canvas. La librería más madura de todas.

📂
Arrastra un archivo .pdf o haz clic
Renderizado completo con pdf.js
La preview aparecerá aquí

🎨 CDR Server PHP + LibreOffice

Pipeline híbrida del servidor: extrae thumbnail ZIP (X5+) o convierte con LibreOffice/libcdr (7-X4). Renderizado vectorial de alta calidad.

🔧 Estrategias (en orden):

  • Extraer thumbnail ZIP (CDR X5+, instantáneo)
  • LibreOffice + libcdr (CDR 7-X4, vectorial)
  • ImageMagick fallback (delegados)
📂
Arrastra un archivo .cdr o haz clic
Se envía al servidor para procesamiento completo
La preview aparecerá aquí

⚙️ Conversor Universal PHP

Backend que soporta CDR, PSD, AI, PDF, SVG y todas las imágenes. Usa LibreOffice, ImageMagick, pdftoppm y rsvg-convert.

🔧 Herramientas del servidor:

  • LibreOffice 24.2 + libcdr 0.1.7
  • ImageMagick (conversión universal)
  • pdftoppm (PDF de alta calidad)
  • rsvg-convert (SVG vectorial)
📂
Arrastra cualquier archivo soportado
CDR, PSD, AI, PDF, SVG, JPG, PNG, GIF, WebP, BMP
La preview aparecerá aquí