Skip to main content

Réduire la taille des fichiers GIF pour améliorer les performances du site Web

Les Ordinateurs Quantiques — Science étonnante #40 (Mai 2024)

Les Ordinateurs Quantiques — Science étonnante #40 (Mai 2024)
Anonim

Le faible GIF fait son retour, tout simplement parce qu'avec l'utilisation croissante des smartphones et la bande passante limitée, les utilisateurs s'attendent maintenant à des temps de chargement presque instantanés. Plus vos images Web sont petites, plus vos images se chargeront rapidement et plus vos visiteurs seront heureux. En outre, de nombreux sites Web imposent des restrictions quant à la taille des bannières publicitaires.

Les images GIF et le Web

Les images GIF ne doivent pas être considérées comme une solution universelle. Les images GIF ont un maximum de 256 couleurs, ce qui signifie que vous pouvez vous attendre à une dégradation importante de l'image et des couleurs si vous ne faites pas attention. Le format de fichier GIF, à bien des égards, est un format hérité qui remonte aux premiers jours du Web. Avant l'introduction du format GIF, les images Web étaient en noir et blanc et compressées au format RLE. Ils sont apparus pour la première fois en 1987 lorsque Compuserve a publié le format en tant que solution d’imagerie Web. À ce moment-là, la couleur commençait à apparaître sur le bureau et les modems connectés à la ligne téléphonique accédaient au Web. Cela a créé un besoin pour un format d’image qui garde les images suffisamment petites pour pouvoir être transmises rapidement, via une ligne téléphonique, à un navigateur Web.

Les images GIF sont idéales pour les graphiques aux contours nets avec une palette de couleurs limitée, telle qu'un logo ou un dessin au trait. Bien qu'ils puissent être utilisés pour les photographies, la palette de couleurs réduite introduit des artefacts dans l'image. Malgré tout, le mouvement Glitch Art et la montée du cinémagraph ont suscité un regain d’intérêt pour le format GIF.

Comment réduire la taille des fichiers GIF pour améliorer les performances du site Web

Ces conseils vous aideront à rendre vos GIF aussi petits que possible.

  1. Rognez tout espace supplémentaire autour de l'image. Réduire les dimensions en pixels de votre image est le moyen le plus efficace de réduire la taille du fichier. Si vous utilisez Photoshop, la commande Ajuster fonctionne bien pour cela.

  2. Lorsque vous préparez une image gif, vous souhaiterez peut-être réduire les dimensions de sortie.

  3. Réduisez le nombre de couleurs dans l'image.

  4. Pour les GIF animés, réduisez le nombre d'images dans l'image.

  5. Si vous utilisez Photoshop CC 2017, vous pouvez créer un fichier GIF à l'aide de l'élément de menu Exporter sous. Sélectionner Fichier > Exporter sous … et lorsque le menu s'ouvre, sélectionnez GIF comme format de fichier et réduisez les dimensions physiques (largeur et hauteur) de l'image.

  6. Si vous utilisez Adobe Photoshop Elements 14, sélectionnez Fichier > Enregistrer pour le Web. Cela ouvrira la boîte de dialogue Enregistrer pour le Web qui se trouve également dans Adobe Photoshop CC 2017, Fichier > Exportation > Enregistrer pour le Web (hérité). Lorsqu'elle s'ouvre, vous pouvez appliquer le tramage, réduire la couleur et les dimensions physiques de l'image.

  7. Évitez le dithering. Le tramage peut améliorer l'apparence de certaines images, mais il augmente la taille du fichier. Si votre logiciel le permet, utilisez un niveau de tramage inférieur pour économiser des octets supplémentaires.

  8. Certains logiciels ont une option "avec perte" pour enregistrer les GIF. Cette option peut réduire considérablement la taille du fichier, mais elle réduit également la qualité de l'image.

  9. Ne pas utiliser d'entrelacement. L'entrelacement augmente généralement la taille du fichier.

  10. Photoshop et Photoshop Elements vous indiqueront le temps de téléchargement. Ne faites pas attention à cela. Il est basé sur l'utilisation d'un modem 56k. Un numéro plus valide apparaîtra si vous sélectionnez un modem câble dans le menu déroulant.

Conseils

  • Évitez les animations inutiles. Une animation excessive ajoute non seulement au temps de téléchargement de votre page Web, mais de nombreux utilisateurs la trouvent distrayante.
  • Les images GIF avec de grands blocs de couleur unie et des motifs horizontaux se compressent mieux que les images avec des dégradés de couleurs, des ombres douces et des motifs verticaux.
  • Lorsque vous réduisez les couleurs au format GIF, vous obtenez la meilleure compression lorsque le nombre de couleurs est défini sur la plus petite des options possibles: 2, 4, 8, 16, 32, 64, 128 ou 256.