Content de te revoir.
J'ai un nouveau problème pour vous, j'utilise un site Web appelé On Splash Dotcom.
C'est un site Web génial où vous pouvez télécharger gratuitement de très bonnes images.
Peut-être que vous voulez avoir un nouvel arrière-plan pour votre site Web, peut-être un nouvel arrière-plan pour votre bureau.
Quoi qu'il en soit, j'ai trouvé cette image d'astronaute et je l'ai téléchargée et je vais également créer un lien vers cette image.
Ou vous pouvez choisir l'image que vous voulez sur splash dotcom.
Et vous le verrez ici.
Cette image fait trois virgule huit mégaoctets, c'est énorme, et peut-être que je veux la réduire en taille, peut-être faire 400
cents par quatre cents, une vignette que je peux utiliser pour ma photo de profil afin que les gens sachent que je
suis un astronaute .
Comment pouvons-nous faire cela?
Bon, revenons à notre code.
Nous avons cette image Astro dot jpeg et vous pouvez la voir ici, je la fais défiler.
C'est absolument énorme.
OK, alors réduisons cela plus petit.
Au lieu de pousser IDEX, je vais dire que je veux récupérer l'image jpeg Astro.
Et nous ne voulons rien faire de tout cela, donc je vais supprimer cela, et tout d'abord, imprimons simplement
la taille de l'image pour que nous soyons clairs.
Je vais donc lancer ceci et nous voyons que, oui, c'est une assez grande image.
Donc tout ce que je vais faire, c'est dire que la nouvelle image va être image, point, redimensionner.
Et encore, un tuple qui dit quatre cents sur quatre cents, et nous avons déjà vu cela auparavant, n'est-ce pas ?
Alors maintenant, si je dis ceci, disons une nouvelle image, ne sauvegardez pas.
Et je vais l'appeler.
Pouce, ongle, point.
Jopek.
Si je dis ceci et que je lance ceci.
Très bien, regardez ça, nous avons une vignette jpeg avec un point.
C'est vraiment super.
Regarde ça, c'est minuscule comparé à l'énorme que nous avions.
Mais une chose que je ne sais pas si vous pouvez remarquer, c'est que parce que l'image n'avait pas la même largeur et
la même hauteur.
Ce qui s'est passé, c'est qu'il est en fait un peu compressé.
Il a donc perdu ce rapport hauteur/largeur.
L'image semble un peu écrasée.
Alors, comment pouvons-nous résoudre cela?
Et c'est un problème courant avec les images, n'est-ce pas ?
Si nous rendons les choses de plus en plus petites, modifions-nous le rapport hauteur/largeur, disons ?
Quatre cents sur deux cents.
Donc, si j'enregistre ceci et que je vais à l'image, eh bien, oui, regardez ça, l'image est toute écrasée.
Comment pouvons-nous le réparer?
Eh bien, dans ce cas, nous pouvons en fait utiliser une méthode de vignette utile, donc au lieu de dire redimensionner, si
vous souhaitez conserver le rapport hauteur/largeur, nous pouvons dire vignette.
Et cette vignette sera quatre cents sur deux cents.
Donc, si j'enregistre et réexécute cela, nous obtiendrons une erreur, un objet non typé n'a pas d'attribut safe, et
c'est parce que la vignette ne renvoie pas une nouvelle image.
Il modifie juste l'actuel.
Donc, ici, nous pouvons simplement dire image, vignette de point.
Et puis nous dirons image dot safe.
Donc si je lance ça.
Et nous revenons à la vignette, regardez ça, nous avons une vignette, mais elle conserve le rapport hauteur/largeur.
Donc, même si j'ai dit quatre cents sur deux cents, il va essayer de faire de son mieux pour conserver ce rapport
hauteur/largeur et peut-être ne pas donner le résultat exact que je veux.
Donc, ramenons-le simplement à quatre cents sur quatre cents.
Exécutez-le à nouveau.
Et voilà.
Nous avons notre vignette et l'astronaute n'est pas écrasé.
Très, très utile.
Donc, la vignette est vraiment, vraiment utile.
Peut-être que si vous souhaitez créer une photo de profil pour Facebook ou Instagram ou toute autre plate-forme de médias sociaux
que vous pourriez avoir, cela donne juste un tuple de largeur et de hauteur et c'est la valeur maximale.
Donc, il ne dépassera jamais quatre cent quatre cents, mais la vignette fera automatiquement tout ce qui
se situe dans la plage jusqu'à quatre cents.
Mais en gardant le rapport hauteur/largeur.
Donc, si je le fais ici, imprimez la taille de l'image.
Et je vous promets que vous verrez que c'est exactement ce qui se passe.
C'est décider intelligemment quels sont les meilleurs signes pour les images.
Très bien, faisons une pause, et dans la prochaine vidéo, nous allons faire un petit exercice amusant.
J'ai vu celui-là par.