LoadMyTools

Oltre 100 strumenti gratuiti per convertire file, pagati dalla pubblicità

Cosa fa

Un sito con tanti piccoli strumenti gratuiti (convertire immagini, PDF, video, testi). Ogni strumento ha la sua pagina, che porta visite da Google.

Come guadagna

Pubblicità (AdSense) sulle pagine degli strumenti, più un'app Android. Era in vendita su SideProjectors a circa 3.500 $.

Rendilo tuo

Strumenti in italiano per esigenze italiane: calcolo del codice fiscale, IBAN, conversione di file per la PA.
Fai girare i file solo nel browser dell'utente: è più veloce e più rispettoso della privacy.

Le frasi da scrivere all'AI

1. Base del sito e grafica

Crea un'app web in italiano chiamata "Converti Qui": un sito con tanti piccoli strumenti gratuiti per convertire e sistemare file (immagini, PDF, video, testi), che lavorano direttamente nel browser: i file non vengono caricati da nessuna parte. Usa React, Vite, TypeScript e Tailwind CSS.

Pagine da creare:
1. Pagina iniziale con tutti gli strumenti per categoria e ricerca
2. Pagina di ogni strumento /strumenti/:slug: trascina il file, converti, scarica
3. Sotto ogni strumento: guida breve e domande frequenti
4. Pagina "Perché è sicuro"
5. Pagina Pro

Stile: veloce e pulito: sfondo bianco, blu #2563EB, verde #16A34A per "fatto", carattere "Inter", area di trascinamento grande al centro di ogni pagina. Nessuna immagine generica di stock.

Tutto deve funzionare perfettamente da telefono. Tutti i testi in italiano, chiari e senza parole tecniche.

2. Database, account e sicurezza

Collega il progetto a Supabase e attiva la registrazione con email e password.

Crea queste tabelle:
- nessun file viene salvato: tutto avviene nel browser
- "profili": piano (gratis o Pro), collegato all'utente

Regole di sicurezza obbligatorie:
- i file non lasciano mai il dispositivo
- il piano non si modifica dal browser

Usa esattamente il codice SQL che trovi nei "Dettagli tecnici" di questa scheda: eseguilo nel SQL Editor di Supabase prima di continuare, poi collega le pagine alle tabelle.

3. Uno strumento, una pagina

Strumenti iniziali: JPG↔PNG↔WebP, riduci il peso delle foto, ridimensiona, unisci PDF, dividi PDF, da immagini a PDF, comprimi video, da video a GIF, conta parole, cambia maiuscole.

Tutte le conversioni girano nel browser: immagini con canvas (codice nei Dettagli tecnici), PDF con pdf-lib, video con ffmpeg.wasm. In ogni pagina c'è scritto in chiaro: "Il file non lascia il tuo computer".

Ogni strumento ha la sua pagina con titolo e descrizione per Google, una guida breve originale e 3 domande frequenti: è da queste pagine che arrivano le visite.

4. Pubblicità e Pro

Pubblicità discreta sotto lo strumento, mai sopra il pulsante di download, dopo il consenso ai cookie.

Pro: nessuna pubblicità, conversione di più file insieme, file più grandi (video oltre 500 MB) e impostazioni avanzate. Sitemap automatica di tutti gli strumenti e collegamenti tra strumenti simili.

5. Pagamenti con Stripe

Aggiungi un pagamento singolo di 6,99 € una volta sola. Il pagamento toglie la pubblicità e sblocca la conversione di più file insieme e i file grandi.

A pagamento riuscito il webhook imposta "piano" a "pro" nella tabella "profili", sulla riga dell'utente indicata in client_reference_id.

Per la sessione di pagamento e il webhook segui la guida "Pagamenti con Stripe" di Fattibile.

6. Controlli specifici di questo progetto

Oltre ai controlli della guida "Controllo finale", verifica in particolare:
1. Privacy: converti un file con la scheda Rete degli strumenti del browser aperta: il file non deve comparire in nessuna richiesta.
Correggi quello che non va e scrivimi cosa hai cambiato.

Dettagli tecnici

Convertire e ridurre un'immagine nel browser

Cambia formato, ridimensiona e comprime un'immagine con canvas. Se il risultato pesa più del massimo, riprova con una qualità più bassa.

type Formato = "image/jpeg" | "image/png" | "image/webp";

export async function convertiImmagine(
  file: File, formato: Formato,
  opzioni: { latoMassimo?: number; pesoMassimoKB?: number } = {},
): Promise<Blob> {
  const img = await createImageBitmap(file);
  const scala = Math.min(1, (opzioni.latoMassimo ?? Infinity) / Math.max(img.width, img.height));
  const tela = new OffscreenCanvas(Math.round(img.width * scala), Math.round(img.height * scala));
  const ctx = tela.getContext("2d")!;
  if (formato === "image/jpeg") {                       // il JPG non ha trasparenza: sfondo bianco
    ctx.fillStyle = "#FFFFFF";
    ctx.fillRect(0, 0, tela.width, tela.height);
  }
  ctx.drawImage(img, 0, 0, tela.width, tela.height);
  img.close();

  let qualita = 0.92;
  let risultato = await tela.convertToBlob({ type: formato, quality: qualita });
  // Riduce la qualità finché non sta sotto il peso massimo (solo JPG e WebP)
  while (opzioni.pesoMassimoKB && formato !== "image/png" &&
         risultato.size > opzioni.pesoMassimoKB * 1024 && qualita > 0.3) {
    qualita -= 0.08;
    risultato = await tela.convertToBlob({ type: formato, quality: qualita });
  }
  return risultato;
}

Pezzi comuni a tutti i progetti

Glossario

Slug: La parte finale e leggibile dell'indirizzo di una pagina, es. /pizzeria-da-mario.
ffmpeg.wasm: Il famoso programma per i video FFmpeg, adattato per girare dentro il browser.
SEO: Il lavoro per far comparire le pagine di un sito tra i primi risultati di Google.