Guide pas à pas

Ton site en mockup 3D, en 5 étapes

Colle une adresse, choisis un appareil, mets en scène, choisis le format, télécharge. Tout se passe dans ton navigateur, sans rien installer et sans rien connaître à la 3D.

Gratuit, sans compte pour essayer. Premier téléchargement offert.

https://ton-site.fr

Le parcours en un coup d’œil

Cinq étapes, dans l’ordre du panneau du studio. Tu peux revenir sur chacune à tout moment : l’aperçu se met à jour en direct.

1 2 3 4 5 Colle l’adresse Choisis l’appareil Mets en scène Choisis le format Télécharge site, image ou vidéo 4 modèles, 5 finitions animation, angle, fond 16:9, 9:16, 1:1 ou 4:5 PNG ou MP4, jusqu’en 4K Colle l’adresse site, image ou vidéo Choisis l’appareil 4 modèles, 5 finitions Mets en scène animation, angle, fond Choisis le format 16:9, 9:16, 1:1 ou 4:5 Télécharge PNG ou MP4, jusqu’en 4K
1

Colle l’adresse de ton site

Dans le panneau du studio, colle l’adresse complète de ton site (par exemple https://ton-site.fr) et lance la capture. Flokup ouvre la page dans un vrai navigateur, à la largeur exacte de l’appareil choisi, retire la bannière cookies et capture toute la page, du haut jusqu’au pied de page.

  • La première capture d’un appareil prend quelques secondes, ensuite c’est instantané.
  • Seules les adresses publiques peuvent être capturées : pas de site en local ni protégé par mot de passe.
  • Pas de site à montrer ? Importe une image (capture d’appli, maquette) ou une vidéo : elle s’affiche dans l’écran de la même façon.
https://ton-site.fr Capturer
2

Choisis l’appareil

Quatre appareils génériques, sans aucun logo : smartphone à îlot, smartphone à poinçon, tablette et ordinateur portable, en cinq finitions (titane naturel, noir sidéral, argent, bleu nuit, rose poudré).

Quand tu changes d’appareil, Flokup refait la capture à la bonne largeur : tu vois la vraie version mobile sur smartphone et la vraie version bureau sur ordinateur, jamais une capture étirée. Sur l’ordinateur, la barre du navigateur affiche ton adresse (tu peux la masquer).

3

Mets en scène

Aucune image clé, aucun réglage de caméra : tu choisis, l’aperçu suit en direct.

  • Animation : présentation (balancement doux), flottement, rotation 360°, ou appareil fixe que tu tournes à la souris.
  • Angle de vue : de face, trois-quarts gauche ou droite, vu d’en haut, vu d’en bas.
  • Barre d’état : heure réelle, heure au choix (le classique 9:41) ou barre vide.
  • Fond : Aurore, Océan, clair, sombre ou transparent.
  • Défilement : la page défile dans l’écran, ou reste fixe pour une image.
9:41
4

Choisis le format

Un clic, et la scène se recadre toute seule : l’appareil reste bien centré, sans marge à rattraper au montage.

  • 16:9 paysage : YouTube, présentations, pages de vente.
  • 9:16 vertical : Reels, TikTok, Shorts et stories.
  • 1:1 carré : publications Instagram, Facebook, LinkedIn.
  • 4:5 portrait : le format qui prend le plus de place dans le fil.
16:9 9:16 1:1 4:5 9:16 1080 × 1920
5

Télécharge ton mockup

Choisis une image PNG (fond transparent possible) ou une vidéo MP4, en HD 1080p, 2K 1440p ou 4K 2160p, à 30 ou 60 images par seconde, sur 6, 12 ou 24 secondes. À 12 secondes, l’animation boucle parfaitement.

Un compte gratuit est demandé pour télécharger, et ton premier téléchargement est offert. Tes réglages sont gardés pendant l’inscription : tu retrouves ton mockup tel que tu l’as laissé. Pour des téléchargements illimités, regarde l’offre Pro.

PNG MP4 HD 2K 4K 30 60 Télécharger MP4 · 4K · 60 i/s

Ce qui se passe en coulisses

Pas besoin de le savoir pour utiliser Flokup, mais c’est ce qui fait la différence avec une simple capture d’écran posée dans un cadre.

La capture, dans un vrai navigateur

Nos serveurs ouvrent ton site dans un navigateur réglé comme l’appareil choisi : même largeur d’écran, même densité de pixels (3 fois pour un smartphone, 2 fois pour une tablette ou un ordinateur), même comportement tactile. Ton site affiche donc sa vraie version mobile ou bureau. La page est parcourue de haut en bas avant la capture, pour charger les images qui n’apparaissent qu’au défilement. Chaque capture se fait dans une session vierge, sans cookies ni données partagées avec une autre capture, et seules les adresses publiques sont acceptées.

La bannière cookies, retirée en trois temps

  • Blocage des scripts des gestionnaires de consentement les plus courants : la bannière ne s’affiche jamais.
  • Refus automatique quand le site a sa propre bannière : Flokup clique sur « Refuser », jamais sur « Accepter ».
  • Masquage des derniers calques fixes qui parlent de cookies.

La 3D, dans ton navigateur

Les appareils sont dessinés en code et affichés en WebGL, avec reflets, ombre douce et finitions métalliques. L’écran de l’appareil est repeint à chaque image (page qui défile, vidéo, heure de la barre d’état) : l’aperçu et l’export passent par le même chemin, donc ce que tu vois est ce que tu télécharges.

L’export, image par image

La vidéo n’est pas filmée à l’écran : chaque image est calculée à son instant précis, puis encodée en H.264 dans un fichier MP4, directement par ton navigateur. Une machine modeste met simplement un peu plus de temps, sans saccade dans le résultat. Les animations font un tour complet en 12 secondes, d’où une boucle parfaite à cette durée.

Tes fichiers et tes captures

Les images et vidéos que tu importes ne quittent pas ton navigateur. Elles ne sont jamais envoyées à nos serveurs.

  • Captures de site : notre serveur ouvre la page, prend l’image et te la renvoie aussitôt. Elle n’est pas enregistrée chez nous, et ton navigateur la garde seulement le temps de ta session. L’adresse capturée est notée dans le journal technique du serveur, pour la sécurité et le diagnostic.
  • Exports PNG et MP4 : calculés sur ta machine, le fichier ne passe pas par nos serveurs. Nous recevons seulement une demande pour décompter tes téléchargements (type, dimensions, cadence, appareil).
  • Ton compte : ton e-mail, ton mot de passe (haché) et l’état de ton abonnement, rien de plus. Le détail est dans notre politique de confidentialité.

Questions fréquentes

Non pour composer et prévisualiser : le studio est ouvert à tous, sans compte. Un compte gratuit est demandé au moment de télécharger, et ton premier téléchargement est offert. Tes réglages sont gardés pendant l’inscription.
Quelques secondes pour la première capture d’un appareil, selon la vitesse du site capturé. Ensuite, revenir à cet appareil est instantané pendant ta session.
La capture ne fonctionne que pour une adresse publique. Pour un site en local, protégé par mot de passe ou encore en maquette, fais une capture d’écran de ton côté et importe-la : elle s’affiche dans l’appareil de la même façon.
Non. Les images et vidéos que tu importes sont lues directement par ton navigateur et n’en sortent pas. Les exports PNG et MP4 sont eux aussi calculés sur ta machine.
Chaque image de la vidéo est calculée à son instant précis, puis encodée en MP4 par ton navigateur. C’est ce qui garantit une vidéo fluide même en 4K à 60 images par seconde, au prix de quelques instants de calcul.
6, 12 ou 24 secondes. Les animations font un tour complet en 12 secondes : à cette durée, la vidéo boucle parfaitement, sans à-coup.
Oui pour composer et prévisualiser. Pour les exports vidéo en 4K, un ordinateur récent avec un navigateur à jour va nettement plus vite, car tout le calcul se fait sur ta machine.

À toi de jouer

Colle l’adresse de ton site dans le studio et regarde-le défiler en 3D. Gratuit, sans compte, premier téléchargement offert.

Ouvrir le studio

Créer un compte gratuit