Mockup de site web à partir de son adresse

De l'adresse au mockup, en quatre étapes

1. Analyser. Cover Studio lit la page d'accueil, ses liens de navigation et le sitemap pour lister les pages du site, rangées en navigation, pages, blog et mentions légales.
2. Choisir. Cochez jusqu'à 2 pages capturées sur ordinateur et sur mobile, ou jusqu'à 4 pages sur un seul appareil. Un aperçu montre la page avant de lancer la capture.
3. Capturer. Chaque page est affichée dans un vrai navigateur Chrome, puis arrive dans la galerie comme une capture d'écran importée.
4. Mettre en scène et exporter. Choisissez un modèle et une couleur, puis téléchargez le PNG au format voulu.

Ce qui part sur le serveur, ce qui reste chez vous

La capture d'un site est la seule fonction qui passe par un serveur : l'adresse saisie est envoyée au service de capture de Cover Studio, qui renvoie les images. Rien d'autre. Les captures que vous importez vous-même ne quittent jamais votre appareil, et la mise en page comme l'export se font toujours dans votre navigateur.

Le service de capture est open source, comme le reste du projet : son fonctionnement est décrit dans le dépôt GitHub (en anglais).

Les sites qu'il ne peut pas capturer

Le service voit votre site comme un visiteur non connecté. Dans quelques cas, il faut importer ses captures à la main :

• les pages derrière une connexion (tableau de bord, espace d'administration) ;
• les sites qui bloquent les navigateurs automatisés ;
• les adresses locales, comme localhost ou un réseau privé.

Repassez alors la source sur Fichiers et déposez vos captures : la suite est identique.

Un mockup, plusieurs formats

Le même visuel s'exporte en grand format (2400 × 1500), en image Open Graph (1200 × 630) pour le partage de liens et LinkedIn, en aperçu de dépôt GitHub, au format X, en galerie Product Hunt ou en carré. Il suffit de changer de format dans le panneau Export. Pour partir de vos propres captures plutôt que d'une adresse, passez par la page d'accueil.

Questions fréquentes