Optimisation de la Compression d'Images pour le Web avec Illustrator

Les formats pour le web
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Illustrator : Niveau Basique
Revoir le teaser Je m'abonne
4,5
Transcription


49,00€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Description Programme Avis
4,5

49,00€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

À la fin de cette vidéo, vous serez capable de :

  • Optimiser la compression d'une image dans Illustrator.
  • Choisir entre les formats JPEG et PNG selon les besoins.
  • Ajuster la qualité d'image pour une balance optimale entre poids et qualité.

Apprenez à optimiser la compression de vos images dans Illustrator pour le web, en sélectionnant les formats JPEG ou PNG.

Cette leçon détaille le processus d'optimisation de la compression d'une image dans Adobe Illustrator pour utilisation sur le web. Vous apprendrez comment choisir entre les formats JPEG et PNG, à ajuster la qualité d'image pour trouver un équilibre entre qualité visuelle et poids du fichier. Le tutoriel montre comment utiliser la boîte de dialogue 'Enregistrer pour le web', permettant de visualiser les effets de la compression en temps réel sur l'image. En testant les différentes options de qualité, vous serez en mesure de déterminer quel format et quelle qualité sont les mieux adaptés à vos besoins, assurant ainsi un téléchargement rapide sur une page HTML tout en maintenant une haute qualité visuelle.

Voir plus
Questions réponses
Quelle est l'importance de choisir le bon format d'image pour le web ?
Choisir le bon format d'image pour le web est crucial pour assurer un téléchargement rapide des pages et maintenir une haute qualité visuelle, ce qui améliore l'expérience utilisateur et le référencement.
Que se passe-t-il lorsque vous réduisez la qualité JPEG dans Illustrator ?
Lorsque vous réduisez la qualité JPEG dans Illustrator, le poids du fichier devient plus léger, mais il en résulte également une dégradation de la qualité visuelle de l'image.
Quels sont les principaux formats d'image discutés pour l'optimisation web dans cette leçon ?
Les principaux formats discutés pour l'optimisation web sont le JPEG et le PNG, chacun ayant ses propres avantages en termes de qualité et de poids du fichier.
Si je souhaite enregistrer cette illustration pour le web, Illustrator propose un outil pour optimiser la compression au format JPEG ou PNG de cette illustration pour l'alléger et faire en sorte qu'elle puisse avoir un poids le plus adapté pour optimiser son téléchargement sur une pale HTML. Pour enregistrer au format web, fichiers, exporter, et je vais choisir d'enregistrer pour le web. Il va m'ouvrir une boîte de dialogue ici où je vais pouvoir choisir un affichage de deux vignettes. J'ai la vignette de gauche qui est mon dessin original. Et je vais pouvoir vérifier au moment de l'enregistrement sa qualité que je vais pouvoir contrôler grâce à ces deux affichages. Ici ma résolution a été dégradée puisque je vais être sur du JPEG, donc je vais perdre la forme vectorielle de mon dessin. Mais je vais maintenant pouvoir travailler sur la qualité de mon JPEG pour pouvoir conserver le maximum de qualité sans altérer mon document, mon dessin, et faire en sorte que cette image soit optimisée au niveau de son poids pour qu'elle puisse se télécharger rapidement sur une page HTML. Je vais donc pouvoir choisir le format. Par défaut il est original, c'est-à-dire qu'il est au format Illustrator ou PDF en fonction de notre dernière étape d'enregistrement. Je vais pouvoir choisir trois types de format. Le GIF dans le cas d'un fichier animé éventuellement, le format JPEG ou le format PNG. On peut avoir une vraie différence entre le JPEG et le PNG en termes de qualité et de poids, donc il sera intéressant de faire une variante, de tester, pour pouvoir s'assurer du meilleur format optimisé pour nos besoins, de faire le choix de la bonne qualité de format en fonction de son poids. Je vais choisir en un premier temps le format JPEG. Je vais pouvoir compresser ce format-là en qualité. Je vais pouvoir l'augmenter ou la réduire. Et du coup j'obtiens pour l'instant un poids de mon fichier avec une qualité de 60%. J'ai un poids de ce visuel de 66 kilo-octets. Si je dégrade cette qualité à 30%, j'obtiens un poids à 30 kilo-octets. Et on commence à voir la dégradation de notre visuel. Du coup on va revenir sur une valeur autour de 60 pour conserver le maximum de qualité pour cette illustration. On est déjà sur un poids très optimisé. Si je fais le test de changer mon format sur du PNG, j'ai là aussi le poids de mon image, 22 kilo-octets. Je conserve un affichage pour pouvoir juger de la qualité de ma compression. Je me rends compte que là j'ai pu optimiser assez facilement le poids de mon image, simplement en passant de JPEG à PNG. Je vais donc faire le choix du PNG. J'enregistre donc mon image. Je la renomme. J'ai donc enregistré ce visuel pour le web au format PNG, bien meilleur en termes de rendu que le JPEG.
8 commentaires
4,5
8 votes
5
4
3
2
1
Loïc Zuchuat
Il y a 5 months
Commentaire
le présentateur est un peu mou ça donne un peu l'impression que la formation est préparée en même temps qu'il parle mais globalement beaucoup d informations sont là et pertinentes donc c'est top.
michelmohamedi
Il y a 1 year
Commentaire
Efficace, merci.
nschiff
Il y a 1 year
Commentaire
C'est assez laborieux... Le formateur n'est pas très dynamique, son débit de parole est assez lent, avec de longues pauses. Cette formation de 2h30 pourrait facilement être raccourcie d'une heure.
remy.baillet41
Il y a 1 year
Commentaire
Bon aperçu des bases, étant déjà familier avec le logiciel j'ai quand même réappris des choses intéressantes comme le Shaper et le Mode Tracés que je n'utilisais pas ! Si vous débutez cette formation est clairement faite pour vous ! Pour les gens déjà initier une piqure de rappel ne fait pas de mal ! Merci à l'auteur de la formation je recommande !
Roger PEDRO
Il y a 2 years
Commentaire
très bien pour avoir un aperçu des fonctions de base
morgankitsis
Il y a 2 years
Commentaire
Super bien expliqué si on souhaite revoir les bases ou apprendre de A à Z.
marc_46
Il y a 2 years
Commentaire
Premiers pas pour moi. Explications simples et efficaces sur les bases du logiciel.
beaudeauchristophe
Il y a 2 years
Commentaire
Très bien merci
Nos dernières formations Illustrator
  • Nouveau
    Apprendre Illustrator 2024 - Les fondamentaux
    Découvrir
    La formation en ligne sur Adobe Illustrator d’Elephorm est une immersion exhaustive dans le monde du design vectoriel. Apprenez à maîtriser l'interface, utilisez des outils de dessin et de transformation sophistiqués, gérez les couleurs et les textes, et développez des compétences pratiques indispensables. Cette formation vous permettra de concevoir des illustrations professionnelles avec une facilité et une précision accrues.
    10h17 163 leçons
  • Pack 5 formations
    Préparer le TOSA Illustrator - Edition 2024
    Découvrir
    La certification TOSA Illustrator est une certification reconnue qui évalue les compétences sur Adobe Illustrator, l’un des logiciels de design graphique les plus utilisés. 
    13h57 122 leçons
  • Gratuit
    Apprendre Illustrator - les outils IA
    Découvrir
    Notre formation en ligne vous offre une immersion complète dans l’univers de la création assistée par intelligence artificielle. Vous apprendrez à maîtriser la création de scènes, sujets, icônes, et motifs vectoriels, tout en découvrant les outils et techniques pour optimiser chaque élément. Cette formation est idéale pour quiconque souhaite transformer sa pratique artistique grâce à des techniques avancées de l’IA. Ne manquez pas cette opportunité de perfectionner vos compétences en design avec des modules dédiés aux dernières innovations
    1h19 15 leçons
  • Apprendre Illustrator - Préparer le TOSA niveau Expert
    Découvrir
    <p>Cette formation en ligne vous permet de <strong>maîtriser l'univers des outils graphiques avancés</strong> pour réaliser des objets complexes. Vous apprendrez à manipuler l'interface, gérer votre nuancier et typographie avec précision, utiliser divers outils de texte, et explorer des fonctions spécifiques telles que la création de graphes ou de motifs. Enfin, la phase de production vous permet d'exporter vos créations et comprendre les aspects critiques de la production imprimée. Un programme complet pour transformer vos idées en réalisations graphiques spectaculaires.</p>
    4h07 30 leçons
  • Apprendre Illustrator Préparer le TOSA niveau avancé
    Découvrir
    Cette formation Illustrator s'adresse aux graphistes, designers, illustrateurs et à toute personne désireuse de maîtriser les outils de création vectorielle, que vous soyez débutant ou que vous souhaitiez améliorer vos compétences existantes.
    3h37 26 leçons