Da Screenshot a Video Promo SaaS

Carica uno screenshot del tuo prodotto e ottieni la classica inquadratura delle demo SaaS: l'interfaccia inclinata in prospettiva 3D, una camera che scorre fluida sopra di essa e poi si assesta su una vista frontale completa. Scegli il movimento di camera, un gradiente di sfondo, la cornice del browser e un titolo opzionale, ed esporta in MP4 o WebM a 1080p in orizzontale, quadrato o verticale. Tutto viene renderizzato con WebGL e codificato con WebCodecs sul tuo dispositivo.

PrivatoGratisFunziona offline

Verificato da Vincenzo Manto, Fondatore e Lead Developer · Ultimo aggiornamento 21 ottobre 2026

Come funziona

  1. 1

    Carica uno screenshot della tua app o del tuo sito.

  2. 2

    Scegli il movimento di camera (tilt reveal, flyover isometrico, orbita o zoom su dettaglio) e clicca sull'anteprima per scegliere il punto focale.

  3. 3

    Imposta formato, durata, sfondo, cornice browser e un titolo opzionale.

  4. 4

    Genera e scarica l'MP4 o il WebM.

L'inquadratura da hero section senza un motion designer

Le inquadrature di prodotto inclinate e in lento movimento sono ovunque sui siti SaaS perché mostrano l'interfaccia reale ma con un effetto cinematografico. Di solito servono After Effects o un tool di mockup a pagamento. Qui parti da un solo screenshot e ottieni una clip in loop da mettere nella hero, in un post di lancio o nella galleria di Product Hunt.

Vera prospettiva 3D, renderizzata in locale

Lo screenshot viene applicato a un piano in una scena WebGL con camera prospettica, mipmap e filtro anisotropico, così il testo resta nitido anche ad angoli accentuati. I keyframe della camera sono interpolati con easing e lo zoom in scala logaritmica, per un movimento fluido. I fotogrammi vengono renderizzati offline e codificati uno per uno, quindi il video finale non perde frame.

Domande frequenti

Cos'è un video flyover per SaaS?

È la breve animazione usata da molte landing page di software: uno screenshot del prodotto mostrato in prospettiva 3D mentre la camera si inclina, scorre o zooma lentamente. Rende viva un'interfaccia statica senza dover registrare lo schermo.

Il mio screenshot viene caricato da qualche parte?

No. L'immagine viene disegnata con WebGL nel browser e il video è codificato localmente con l'API WebCodecs, quindi il file non lascia mai il tuo dispositivo.

Che risoluzione ha il video?

1920x1080 per il 16:9, 1080x1080 per il quadrato, 1080x1350 per il 4:5 e 1080x1920 per storie e reel verticali, sempre a 30 fotogrammi al secondo.

Come faccio a far zoomare la camera su una funzione specifica?

Scegli il movimento 'Zoom su dettaglio' e clicca sull'area dell'anteprima da mettere in evidenza. Anche il tilt reveal parte spostato verso quel punto.

Quali browser sono supportati?

Qualsiasi browser recente con WebGL2 e WebCodecs: le versioni attuali di Chrome, Edge, Firefox e Safari. Lo strumento rileva se può codificare MP4 o WebM e disattiva il formato non disponibile.

Strumenti correlati

Taglia e Ritaglia Video

Taglia e ritaglia un video nel browser, esporta in MP4 o WebM con audio incluso.

Ridimensiona Video

Ridimensiona un video a dimensioni esatte in pixel nel browser, esporta in MP4 o WebM.

Ritaglia Video

Ritaglia un video a un rettangolo personalizzato nel browser, esporta in MP4 o WebM con audio incluso.