Convertisseur de formats d’image 100 % local : la conversion se fait directement dans le navigateur, aucun fichier n’est envoyé sur un serveur. Installable en PWA, Convertio fonctionne aussi hors ligne.

• Glisser-déposer, sélecteur de fichiers, collage (Ctrl+V), conversion par lots, archive ZIP.
• Réglages par format : qualité, mode sans perte, couleur de fond (formats sans transparence), compression PNG maximale, tailles d’un fichier ICO, taille de rendu des SVG. Ils sont mémorisés.
• Orientation EXIF appliquée ; métadonnées (EXIF, GPS) supprimées.
• PWA : installation, mode hors ligne, « Partager vers Convertio » (Android) et « Ouvrir avec Convertio » (Chrome/Edge sur ordinateur), partage du résultat via la feuille de partage du système.
• SEO : une page prérendue par conversion courante (/heic-en-jpg, /png-en-webp…), avec texte dédié, FAQ, données structurées, sitemap et bannière de partage.

Limites connues : seule la première image des animations est conservée, les couleurs sont converties en sRGB, le TIFF produit n’est pas compressé.

Interface (SvelteKit + Svelte 5)
   │  fichiers + réglages
   ▼
Pool de Web Workers (Comlink)
   ├─ décodage natif du navigateur (createImageBitmap + OffscreenCanvas)
   │  └─ sinon WebAssembly : jSquash (JPEG, PNG, WebP, AVIF, JPEG XL), libheif (HEIC), UTIF (TIFF)
   ├─ pixels RGBA (fond uni ajouté si le format cible n’a pas de transparence)
   └─ encodage : jSquash (MozJPEG, OxiPNG, libwebp, libavif, libjxl), gifenc, BMP/ICO maison
   ▼
Blob téléchargeable + vignette

• Le SVG est rastérisé dans le thread principal (le rendu SVG a besoin du DOM).
• Les codecs sont chargés à la demande. Le service worker précache l’interface ; chaque .wasm est mis en cache à sa première utilisation. « Rendre disponible hors ligne » (pied de page) télécharge tous les codecs ; c’est automatique quand l’application est installée.
• L’isolation cross-origin (en-têtes COOP/COEP) active les codecs multithread (AVIF, JPEG XL, OxiPNG). Si le navigateur ne permet pas les workers imbriqués, les versions monothread sont utilisées.
• La politique de sécurité (CSP) interdit toute requête vers un autre domaine.

src/
├── lib/
│   ├── convert/        moteur : worker, décodeurs, encodeurs, détection de format
│   ├── components/     interface (Tailwind Plus)
│   ├── state/          file de conversion, réglages, PWA, notifications
│   ├── seo/            catalogue des conversions, textes, données structurées
│   └── formats.ts      registre des formats
├── routes/             accueil, pages de conversion, sitemap.xml, robots.txt
└── service-worker.ts   cache hors ligne, Web Share Target
assets/                 source de la bannière de partage, photos d'exemple
scripts/                génération des images (bannière, captures PWA)
static/_headers         en-têtes Cloudflare (COOP/COEP, sécurité, cache)
tests/                  tests Playwright (+ images de test)

Prérequis : Node.js ≥ 22 et pnpm 11.

pnpm install

pnpm dev

Les tests de bout en bout nécessitent les navigateurs Playwright (pnpm exec playwright install). Le service worker n’est actif qu’avec pnpm build && pnpm preview, pas en mode dev.

• URL du site : https://convertio.dromaderp.fr, utilisée pour les URL canoniques, Open Graph, le sitemap et le robots.txt (src/lib/site.ts). La variable d’environnement VITE_SITE_URL, lue au build, permet de la remplacer (pour un fork, par exemple).
• Positionnement : gratuit et sans pub. Chaque titre et chaque description contient « gratuit » et « sans pub » ; les tests (src/lib/seo/pages.test.ts) le vérifient, avec les longueurs (titre ≤ 60 caractères, description de 110 à 160) et l’absence de doublons.
• Pages indexées (38) : l’accueil, une page « Convertir en… » par format de sortie (/convertir-en-jpg…) et une page par conversion (/heic-en-jpg, /jfif-en-jpg…), chacune avec texte propre, conseils, FAQ, fil d’Ariane et données structurées (WebSite, WebApplication, BreadcrumbList, FAQPage). Le catalogue est dans src/lib/seo/conversions.ts : ajouter une entrée crée la page et l’ajoute au sitemap, au llms.txt et au pied de page.
• /llms.txt : résumé du site pour les moteurs de réponse IA (ChatGPT, Perplexity…).
• Exploration : un test parcourt tout le site depuis le sitemap (statuts, H1 unique, canoniques, JSON-LD, liens internes).
• Aperçu Discord : en plus d’Open Graph, chaque page déclare un aperçu en composants Discord (src/lib/seo/discord.ts) avec des boutons de conversion rapide. Limite : 3 000 octets et 40 composants, vérifiée par les tests. Discord garde les aperçus en cache environ 30 minutes ; l’Embed Debugger montre ce que Discord lit.
• Bannière de partage (static/og-image.png, 1200 × 630) : sa source est assets/og-image.html. pnpm generate-assets la rend avec Playwright, puis capture l’application (static/screenshots/) pour la fenêtre d’installation de la PWA.

Le site est entièrement statique : il est publié comme un Worker sans code serveur (Workers Static Assets), configuré dans wrangler.toml. Le fichier static/_headers (copié dans build/) pose les en-têtes nécessaires ; les URL inconnues renvoient 404.html avec un statut 404.

Intégration Git (recommandé) - dans le tableau de bord Cloudflare : Workers & Pages → Créer → Importer un dépôt, puis dans Settings → Build :

• commande de build : pnpm build
• commande de déploiement : npx wrangler deploy (valeur par défaut)
• répertoire racine : vide
• variables de build : NODE_VERSION=22 et PNPM_VERSION=11.20.0

Le nom du Worker doit correspondre au champ name de wrangler.toml (convertio).

En ligne de commande :

pnpm exec wrangler login

pnpm deploy:cf

Pour le sous-domaine : Workers & Pages → convertio → Settings → Domains & Routes → Add → Custom domain.

Le code de Convertio est distribué sous licence Apache 2.0.

• Tailwind Plus Elements (@tailwindplus/elements) est sous licence commerciale : un fork de ce projet nécessite sa propre licence Tailwind Plus.
• libheif / libheif-js (décodage HEIC) : LGPL-3.0. La bibliothèque est chargée comme module WebAssembly séparé et peut être remplacée.
• jSquash, Comlink : Apache-2.0 · UTIF.js, gifenc, client-zip, Workbox, Heroicons : MIT · police Inter : OFL-1.1.