Convertir HTML en GIF

Q: Comment rendre le GIF assez léger pour une application de messagerie ?

Utilisez une **Largeur de la page HTML** plus étroite, ou ne convertissez que la première page. Si le résultat dépasse encore une limite, [compresser un GIF pour Discord](/compress-gif-for-discord) le réduit vers la limite d'envoi.

Affichez un fichier HTML dans un moteur de navigateur et enregistrez-le en GIF, pour les usages qui exigent encore ce format : signatures d'e-mail, anciens forums, champs de CMS plus anciens. Vous choisissez la largeur de la fenêtre et obtenez soit une seule longue image, soit une série d'images de la taille d'une page.

ou déposez Fichiers DOC, DOCX, DOCM … ici ·

95 Mo max. par fichier· Jusqu'à 20 fichiers· Supprimés après 30 minutes

Sortie

Convertir en

Résolution

Images

Les fichiers sont traités sur nos serveurs et supprimés après 30 minutes.

Comment utiliser cet outil

1
Importez le fichier HTML
Ajoutez des fichiers .html, .htm ou .mhtml, jusqu'à 20 par lot et 95 Mo chacun. Enregistrer la page en « Page web, fichier unique » conserve ses images et ses styles.
2
Choisissez la largeur et la mise en page
Largeur de la page HTML est réglée sur 1280 px ; utilisez 600 px pour un modèle d'e-mail. Images correspond à une seule image longue, c'est-à-dire un GIF fixe ; choisissez une image par page pour obtenir des vues à la taille d'une page affichées l'une après l'autre.
3
Convertissez en GIF
Cliquez sur Convertir en GIF. Si le GIF doit être placé sur un fond coloré, activez Fond transparent dans les Réglages avancés.

HTML en GIF capture l'apparence d'une page, pas ses mouvements : le navigateur dessine la page à la largeur choisie, et le résultat est soit un seul GIF fixe, soit un ensemble de vues à la taille d'une page dans un même fichier.

Comment fonctionne la conversion HTML en GIF

Le HTML est d'abord mis en page comme n'importe quelle page web, selon la Largeur de la page HTML que vous avez définie, de 320 à 3840 px. Les styles et les images contenus dans le fichier sont appliqués ; les polices inaccessibles sont remplacées par des polices proches. La page rendue est ensuite capturée.

Avec Images sur une seule image longue, toute la page, de l'en-tête au pied de page, devient un seul GIF fixe. Avec une image par page, elle est découpée en morceaux à la taille d'une page, qui deviennent les images d'un même GIF les affichant dans l'ordre : pratique pour prévisualiser une longue newsletter ou une page d'atterrissage à plusieurs sections sans défiler.

Le format impose ses limites. CompuServe a introduit le GIF en 1987, et la révision GIF89a de 1989 a ajouté les délais entre images et une couleur transparente, ce que tous les lecteurs prennent encore en charge. Chaque image est limitée à une palette de 256 couleurs : le convertisseur fait donc correspondre les couleurs de la page à la meilleure palette possible. Le texte, les icônes, les boutons et les couleurs de marque en aplat passent proprement ; les photos et les ombres douces perdent le plus.

Les limites du GIF pour une page web rendue

Couleurs par image: 256
Transparence par pixel, sans bords doux: Oui/non
La page est capturée, pas enregistrée: Fixe
Fichiers HTML par lot, 95 Mo chacun: 20

Convertir HTML en GIF : à quoi s'attendre

Idée reçueUn GIF d'une page montre ses effets au survol et ses animations.

RéalitéLes états interactifs et le mouvement nécessitent une personne ou un script pour se déclencher. La capture montre la page au repos.

Idée reçueLe GIF est le format d'image le plus léger pour une page web.

RéalitéPour les pages avec des photos, un JPG ou un WebP est généralement bien plus léger. Le GIF ne l'emporte que pour des graphismes simples en aplat.

Idée reçueLe GIF récupérera la page à partir de son adresse web.

RéalitéLe convertisseur travaille sur le fichier HTML que vous importez. Enregistrez d'abord la page depuis votre navigateur, de préférence en un seul fichier MHTML.

Idée reçuePlus d'images rend le GIF plus net.

RéalitéLes images ajoutent de la durée et du poids, pas de détail. La netteté dépend de la largeur de la page et de la palette de couleurs.

HTML

HyperText Markup Language

HTML est le langage de balisage du web, décrit pour la première fois par Tim Berners-Lee au début des années 1990 et désormais maintenu par le WHATWG comme standard évolutif. Un fichier HTML décrit les titres, paragraphes, liens, tableaux, images et formulaires, tandis que la mise en forme provient en général du CSS. Tous les navigateurs l'affichent, et il sert aussi aux modèles d'e-mails et aux pages web enregistrées. Un fichier HTML seul dépend souvent d'images et de feuilles de style externes, et peut donc sembler cassé s'il est déplacé isolément.

Compression: –
Transparence: –
Animation: –
Année de création: 1993 · Tim Berners-Lee; maintained by WHATWG

Convertisseur HTML

GIF

Graphics Interchange Format

GIF a été lancé par CompuServe en 1987 et reste le format le plus largement pris en charge pour les courtes animations en boucle. Il est sans perte mais limité à une palette de 256 couleurs par image, si bien que les photos et les dégradés présentent du banding et du tramage. Il ne gère qu'une transparence tout ou rien (1 bit), ce qui laisse des bords crénelés sur les formes courbes. Les GIF animés sont souvent bien plus lourds que la même séquence en MP4 ou WebP. Tous les navigateurs, applications de messagerie et réseaux sociaux lisent les GIF.

Compression: Sans perte
Transparence: Oui
Animation: Oui
Année de création: 1987 · CompuServe

Convertisseur GIF

On choisit le GIF pour une page rendue quand la destination n'accepte que le GIF, comme une signature d'e-mail ou une ancienne plateforme, ou quand on veut regrouper plusieurs vues de la page dans un seul fichier lisible sans lecteur vidéo.

Questions sur la conversion HTML en GIF

Peut-on transformer une animation CSS en GIF animé ?

Non. La page est rendue une seule fois puis capturée : les transitions CSS, les animations par images clés, les vidéos et les effets par script sont donc figés à cet instant. Pour capturer le mouvement, enregistrez l'écran pendant la lecture de la page, puis convertissez l'enregistrement avec vidéo en GIF.

Pourquoi les dégradés et les photos paraissent-ils granuleux dans le GIF ?

Chaque image d'un GIF peut contenir 256 couleurs au maximum. Une page avec des dégradés progressifs, des ombres ou des photos en compte des milliers : elles sont donc approchées par tramage, ce qui se voit sous forme de grain ou de bandes. Les aplats et le texte passent bien ; pour les pages riches en photos, HTML en PNG conserve toutes les couleurs.

Pourquoi les bords d'un GIF transparent sont-ils crénelés ?

La transparence du GIF est binaire pour chaque pixel, sans opacité partielle. Les bords lissés, mélangés à un fond, deviennent soit une couleur pleine, soit disparaissent, ce qui peut laisser un halo clair sur fond sombre. Gardez le fond blanc si le GIF sera de toute façon placé sur du blanc.

Une signature d'e-mail HTML enregistrée en GIF fonctionne-t-elle dans toutes les messageries ?

Un GIF fixe s'affiche dans pratiquement tous les clients de messagerie, ce qui explique que les signatures aient utilisé ce format pendant des années. Les GIF animés sont moins fiables : Outlook classique pour Windows, de 2007 à 2013, n'affiche que la première image ; placez donc le contenu important sur la première image.

Comment rendre le GIF assez léger pour une application de messagerie ?

Utilisez une Largeur de la page HTML plus étroite, ou ne convertissez que la première page. Si le résultat dépasse encore une limite, compresser un GIF pour Discord le réduit vers la limite d'envoi.