Vai al contenuto

Come creare un video di scorrimento di un sito

Trasforma qualsiasi sito in un video con scorrimento fluido: incolla il link, imposta durata, formato e movimento, poi esporta un MP4, un WebM o una GIF senza filigrana.

Aviral LakhanpaulAggiornato il 4 min di lettura

La risposta breve

Incolla l’indirizzo della pagina in uno strumento che trasforma un URL in video, come Website Scroll Video, scegli quanto dura lo scorrimento e la proporzione che ti serve, guarda l’anteprima, poi esporta. La pagina si apre in un browser vero su un server, i banner dei cookie vengono tolti e ogni fotogramma dello scorrimento viene calcolato: ottieni un MP4, un WebM o una GIF regolari senza registrare lo schermo.

Prima di iniziare

Ti servono tre cose: un indirizzo pubblico, un account con cui esportare e circa cinque minuti.

  • Un URL pubblico. Qualsiasi pagina che si apre in una finestra di navigazione privata senza password. Un link di staging va bene se è pubblico, come un indirizzo Framer .framer.website o uno Webflow .webflow.io. localhost e le pagine protette da login, invece, non funzionano.
  • Un account. Leggere la pagina e guardare l’anteprima è gratis. Esportare costa crediti, e ogni nuovo account ne riceve 51 una volta sola, senza carta.
  • Un’idea di massima di dove andrà il video. Un Reel, un portfolio, un’email a un cliente. Da qui dipendono il formato e la durata, le uniche due impostazioni che non puoi correggere dopo senza esportare di nuovo.

Il video in sei passi

  1. Incolla il link

    Incolla l’indirizzo nel campo della home page e premi Invio. Apriamo la pagina in un browser vero, aspettiamo i font e le immagini caricate in differita e la leggiamo dall’alto in basso. Dal tuo schermo non viene registrato nulla.

  2. Scegli il dispositivo e il formato

    Desktop legge la pagina in larghezza desktop e ti offre 16:9, 4:3 o 1:1. Tablet e Mobile la leggono a quelle larghezze, così il sito serve il suo vero layout responsive, e ti offrono 9:16, 4:5 o 1:1. Devi rispettare misure precise? Digita invece una dimensione esatta.

  3. Imposta la durata

    La durata va da 2 a 90 secondi e decide anche la velocità dello scorrimento: la stessa pagina in sei secondi è un teaser, in trenta è una visita guidata.

  4. Scegli il movimento

    Fluido accelera e rallenta con dolcezza, Planato parte deciso e si ferma per inerzia, Lineare tiene una sola velocità e Pulsato scende lungo la pagina una sezione alla volta. Imposta la Riproduzione su «Scendi e torna» se il video deve andare in loop senza stacchi.

  5. Aggiungi attese, pause e interazioni al passaggio

    Facoltativo, ed è qui che sta gran parte della rifinitura. Tieni ferma l’inquadratura fino a 10 secondi all’inizio o alla fine, fermati su un massimo di 6 sezioni e porta un cursore su pulsanti e card perché si vedano i loro effetti al passaggio.

  6. Guarda l’anteprima, poi esporta

    L’anteprima si riproduce nel tuo browser e non costa nulla, per quante volte tu la riguardi. Quando ti convince, esporta un MP4, un WebM o una GIF. Il costo esatto in crediti compare sul pulsante Esporta prima che tu lo prema.

Le impostazioni che contano

Quasi tutto nell’editor ha un valore predefinito sensato. Queste meritano un secondo sguardo.

Impostazioni consigliate per un video di scorrimento di un sito
ImpostazioneParti daCambiala quando
DurataCirca due secondi per ogni schermata di paginaÈ un teaser (più corta) o chi guarda deve leggere i testi (più lunga, oppure aggiungi pause)
Fotogrammi al secondo60 fpsIl peso del file conta più della fluidità. 30 fps dimezza i fotogrammi. La GIF si ferma a 24
Risoluzione1080pVerrà mostrato su un grande schermo o ritagliato in seguito (1440p o 4K), oppure è una bozza veloce (720p)
MovimentoFluidoÈ un loop di sfondo (Lineare) o un tour di prodotto che deve fermarsi su ogni sezione (Pulsato)
FormatoMP4Ti servono trasparenza o file più leggeri (WebM), o deve riprodursi dentro un’email (GIF)
MotorePanoramica staticaLa pagina ha comparse attivate dallo scorrimento o parallax che vuoi mantenere (Cattura dal vivo)

Se la pagina è lunga e a convincere è solo la metà superiore, trascina le maniglie di taglio sotto l’anteprima per decidere dove lo scorrimento inizia e finisce. Uno scorrimento più corto con la stessa durata è più lento e più leggibile.

Quanto costa

La durata costa un credito ogni 2 secondi di video finito, e alcune impostazioni aggiungono una quota fissa: risoluzioni più alte, frame rate più alti, Cattura dal vivo, larghezza tablet o telefono, pause e interazioni al passaggio. Un’esportazione di 10 secondi in 1080p a 60 fps, letta in larghezza desktop, costa 21 crediti, quindi i 51 che ricevi all’iscrizione bastano per farla due volte.

Dopo, i crediti si comprano in pacchetti (5 $ per 100, 12 $ per 400 e 19 $ per 900) e non scadono mai. Non c’è abbonamento e nessuna esportazione ha la filigrana. Come funzionano i crediti ha la tabella completa.

Se qualcosa non torna

  • Manca un’animazione di comparsa o una sezione sembra vuota. Il motore veloce fa una panoramica su un’immagine ferma della pagina, quindi gli effetti attivati dallo scorrimento non partono. Passa il motore a Cattura dal vivo, oppure attiva «Assesta le animazioni» per portarle al loro stato finale. Vedi catturare le animazioni di scorrimento.
  • È passato un banner dei cookie o una bolla della chat. Lascia attivo «Rimuovi banner cookie e pop-up» e aggiungi ciò che è sfuggito in «Nascondi elementi» come selettore CSS. Approfondisci in togliere i pop-up da una registrazione.
  • La pagina mostra una schermata di login o un errore. Deve essere pubblica. Non possiamo accedere al posto tuo, e alcuni siti rifiutano del tutto i browser automatizzati.
  • Il video mobile sembra una pagina desktop schiacciata. Scegli Mobile come dispositivo invece di una proporzione verticale su Desktop, così il sito serve il suo layout per telefono. Vedi registrare la versione mobile.

Provalo sul tuo sito

Incolla un link e guarda l’anteprima dello scorrimento gratis. 51 crediti gratuiti all’iscrizione, senza carta e senza filigrana su nulla di ciò che esporti.

Ricerche recenti

    Domande e risposte

    In breve, quello che di solito si chiede dopo.

    Contatti
    Posso creare gratis un video di scorrimento di un sito?

    Sì. Ogni nuovo account riceve 51 crediti gratuiti una volta sola, senza carta: bastano per un paio di brevi esportazioni in 1080p. Le anteprime non costano mai nulla e nessun video ha la filigrana, qualunque credito l’abbia pagato.

    Devo installare qualcosa?

    No. Non c’è nessuna app e nessuna estensione del browser. La pagina viene aperta e catturata sui nostri server, quindi funziona allo stesso modo da un portatile, da un tablet o da un telefono.

    Posso fare un video di scorrimento di un sito non ancora online?

    Solo se ha un indirizzo pubblico. Pubblicalo su un URL di anteprima o di staging che si apre senza password, poi incolla quello. Gli indirizzi locali e le reti private non sono raggiungibili.

    Quanto deve durare un video di scorrimento di un sito?

    Si può andare da 2 a 90 secondi. Per la maggior parte delle landing page vanno bene da otto a quindici secondi; i teaser per i social funzionano tra sei e dieci, e una visita completa a un portfolio può arrivare a trenta con qualche pausa.

    Logo di Website Scroll Video, un pulsante play sopra una pagina web in una finestra del browser.

    Meno tempo a registrare. Più tempo a costruire.

    Automatizza le registrazioni dei siti con movimento personalizzabile, controlli intelligenti e opzioni di esportazione pensate per i creator di oggi.