Aller au contenu

Comment transformer un site web en GIF qui défile

Créez un GIF animé d’une page web qui défile à partir d’une URL, avec un fichier assez léger pour les e-mails, la documentation et les README. Quand choisir un GIF, et quand un MP4 fait mieux l’affaire.

Aviral LakhanpaulMis à jour le 3 min de lecture

La réponse courte

Collez l’URL de la page dans un outil qui exporte en GIF, comme Website Scroll Video, gardez le défilement sous les 20 secondes, en 720p ou 1080p et à 24 fps au plus, puis exportez. Le GIF est le bon choix là où la vidéo ne se lit pas, comme dans les e-mails et certaines documentations ; partout ailleurs, un MP4 ou un WebM du même défilement est plus net et bien plus léger.

Quand le GIF est le bon format

Le GIF est un vieux format, avec une palette de 256 couleurs par image et une compression qui n’a jamais été pensée pour des images photographiques en mouvement. Le défilement d’un site moderne, avec ses dégradés et ses images, est presque le pire cas possible pour lui. S’il a survécu, c’est parce qu’il se lit presque partout, sans lecteur, sans clic et sans règles de lecture automatique.

  • Utilisez un GIF dans un e-mail à un client ou une newsletter, dans un README ou une issue GitHub, dans les documentations et les wikis qui n’intègrent pas la vidéo, et dans les messageries qui affichent les GIF directement.
  • Utilisez un MP4 ou un WebM sur votre propre site, dans les publications sur les réseaux sociaux, dans les portfolios et partout où une balise <video> fonctionne. Le même mouvement, de meilleures couleurs, pour une fraction du poids.

Créer le GIF

  1. Collez l’URL

    Sur la page d’accueil, collez l’adresse et laissez la page se charger. Les bandeaux cookies et les widgets de chat sont retirés avant toute capture.

  2. Choisissez GIF comme format

    Les réglages qu’un GIF ne peut pas suivre sont plafonnés pour vous : 24 fps au plus, 1080p au plus et 20 secondes au plus.

  3. Restez court et doux

    Limitez le défilement à la partie de la page qui compte et gardez un mouvement lent. À 24 fps, un défilement rapide brouille le texte, et cela se remarque davantage dans un GIF que dans une vidéo.

  4. Regardez l’aperçu, puis exportez

    L’aperçu est gratuit. Exportez quand le résultat vous convient : le GIF se télécharge comme n’importe quel autre fichier.

Garder un fichier léger

Le poids d’un GIF augmente avec chaque pixel, chaque image et chaque couleur qui change. Par ordre d’effet approximatif :

Ce qui alourdit un GIF qui défile
RéglageFichier plus légerPourquoi
Résolution720p plutôt que 1080pMoins de la moitié des pixels par image
Durée6 à 10 secondesChaque seconde, ce sont 24 images complètes de plus
Images par seconde24 fps ou moinsLe GIF n’a pour ainsi dire aucune compression du mouvement
FondUne couleur unie, sans grainLe grain et les photos changent chaque pixel à chaque image
La pageUne plage de défilement plus courteMoins de mouvement par image, moins de nouveaux pixels

Les autres façons de faire un GIF de site web

  • Enregistrer l’écran et convertir l’enregistrement en GIF avec un convertisseur ou un outil comme ffmpeg. Cela fonctionne pour les pages privées ; le défilement n’est régulier que si votre main l’est.
  • Une capture scriptée avec Puppeteer ou Playwright, qui prend des captures d’écran pendant que la page défile et les assemble. Un contrôle total, et du code à maintenir.
  • Les outils gratuits en ligne qui transforment une URL en GIF. Il en existe plusieurs, avec moins de réglages ; la page des alternatives compare ceux qui font aussi de la vidéo.

Essayez avec votre propre site

Collez un lien et prévisualisez le défilement gratuitement. 51 crédits offerts à l’inscription, sans carte bancaire, et aucun filigrane sur ce que vous exportez.

Recherches récentes

    Vos questions, nos réponses

    En bref, ce que l’on demande ensuite.

    Contact
    Comment faire un GIF d’un site web qui défile ?

    Collez l’URL dans un outil qui transforme une URL en vidéo et exporte en GIF, gardez le défilement court et exportez. Ou enregistrez votre écran pendant qu’un script fait défiler la page, puis convertissez l’enregistrement en GIF.

    Pourquoi mon GIF de site web est-il si lourd ?

    Le GIF stocke presque chaque image en entier : la résolution, la durée et la fréquence d’images se multiplient entre elles. Passez en 720p, restez sous les dix secondes et évitez les fonds photographiques ou granuleux.

    Un GIF se lit-il dans un e-mail ?

    Dans la plupart des messageries, oui, et c’est la principale raison de le choisir. Certains clients de bureau n’affichent que la première image : assurez-vous qu’elle se suffit à elle-même.

    Logo de Website Scroll Video, un bouton lecture sur une page web dans une fenêtre de navigateur.

    Moins de temps à filmer. Plus de temps à créer.

    Automatisez vos enregistrements de sites avec un mouvement personnalisable, des réglages intelligents et des options d’export pensées pour les créateurs d’aujourd’hui.