Téléchargez des images incroyables, supprimez les arrière-plans d'images, recadrer des images, des images colorées et plus

1. Introduction: Bienvenue dans un autre cours génial avec moi, je peux faire mieux. Maintenant, dans ce cours, je veux vous montrer comment trouver superbes images de haute qualité en ligne et les préparer ou les modifier pour votre projet de site Web ou tout autre projet qui pourrait nécessiter des images de haute qualité. À la fin de ce cours, je vous aurai montré plusieurs plateformes d'images de stock en ligne où vous pouvez trouver de superbes images. Et non seulement les images de ces plateformes sont de haute qualité et minuscules, mais elles sont également gratuites, vous n'avez donc pas à payer d'argent pour les obtenir. Ensuite, nous aborderons les différents types de licences d'images de stock, y compris les versions libres de droits, Creative Commons gérées et les licences éditoriales Je vais vous aider à comprendre chaque type de licence afin que vous puissiez décider lequel convient le mieux à votre projet. En ce qui concerne l'édition d'images, nous aborderons certaines des meilleures applications de retouche d'images gratuites disponibles aujourd'hui. Et à la fin, vous serez en mesure de décider lequel vous convient le mieux. Nous passerons en revue leurs fonctionnalités et leurs avantages pendant que je vous proposerai une démonstration en direct de la façon de les utiliser pour retoucher vos images. Enfin, nous discuterons du meilleur format pour exporter vos images pour vos sites Web, tel que JPEG, PNG, GIF et SVG. Je vais expliquer les différences entre chaque format et donner mon verdict sur le moment d'utiliser chaque format. Et juste au cas où tu te demanderais qui je suis. m'appelle Ken Bursa et je suis un concepteur de sites Web autodidacte depuis six ans J'ai enseigné à des milliers d' étudiants, comme vous, comment créer des sites Web entièrement fonctionnels avec Elementor et WordPress. J'ai commencé en tant que graphiste et je voulais simplement créer un site Web à travers lequel je pourrais partager mon modèle avec d'autres graphistes. J'ai donc décidé d' apprendre à créer le site Web. Finalement, après avoir acquis les compétences et créé mon propre site Web, j'ai fini par devenir concepteur de sites Web à plein temps, créant des sites Web pour d'autres clients, des dizaines de clients. Avance rapide jusqu'à aujourd'hui. J'ai maintenant plusieurs cours en ligne et des didacticiels YouTube qui enseignent aux gens tout ce que je sais sur la conception de sites Web. Et ce cours s'inscrit dans la continuité de mon parcours de partage des connaissances. Et en gros, tout tourne autour de moi. Le design graphique et la conception de sites Web m'ont amené ici, et je souhaite simplement partager mes compétences avec vous aujourd'hui. Alors, sans perdre plus de temps, allons-y et commençons à apprendre à trouver superbes images et à les modifier pour notre projet. Je te verrai dans la pièce de gauche. 2. Aperçu du projet: Ils disent que la meilleure façon d' acquérir une compétence technique ou toute nouvelle compétence est de travailler sur un projet. Dans ce cours, nous travaillerons donc sur un projet très simple mais amusant aider à renforcer ce que vous apprenez. Alors jetons-y un coup d'œil. Pour le projet de classe, vous allez modifier une image à l'aide des outils d'édition en ligne dont nous parlerons en classe suffit de télécharger l'image de votre choix à partir de l'une des plateformes d'images que nous aborderons en classe. Ensuite, à l'aide de l'un des éditeurs d'images que je vais démontrer en classe, produisez votre propre version améliorée de l'image. Ce sera un excellent moyen de vous aider à explorer les plateformes d'images de stock et les fonctionnalités de ces outils de retouche d'images alors que vous vous préparez à les utiliser dans vos propres projets à l'avenir. Une fois que vous avez terminé et que vous êtes satisfait des résultats, n'oubliez pas de télécharger l'image que vous venez de modifier dans l'onglet Projets situé sous cette vidéo et de la partager avec le reste de la classe. Nous voulons voir ce que vous allez trouver. Alors bonne chance dans votre projet. On se voit dans la prochaine leçon. 3. Pourquoi chercher de bonnes images: Alors pourquoi consacrer du temps à la recherche de bonnes images ? Eh bien, des images de bonne qualité sont essentielles lors de la conception d'un site Web car elles jouent un rôle crucial pour faire une bonne première impression sur les visiteurs. Lorsqu'un site Web contient des images visuellement époustouflantes et attrayantes, il attire l'attention du visiteur et l' encourage à explorer davantage. autre côté, des images de mauvaise qualité ou des graphismes de faible résolution peuvent donner à un site Web une apparence peu professionnelle et peu attrayante, ce qui peut rapidement faire fuir les visiteurs. Des images de haute qualité contribuent également à transmettre le message et l'identité de marque du site Web, améliorant ainsi l' expérience utilisateur et créant un sentiment de confiance et de crédibilité. Des images bien optimisées peuvent contribuer à améliorer la vitesse de chargement d'un site Web, ce qui est essentiel pour l'engagement des utilisateurs et l'optimisation des moteurs de recherche. Dans l'ensemble, investir du temps et des efforts dans la recherche et préparation d'images pour un site Web peut améliorer considérablement son apparence générale, l'engagement des utilisateurs et son succès. Mais maintenant, avec cela à l'esprit, où pouvez-vous trouver des images de qualité gratuitement ? Découvrons-le dans la leçon suivante. 4. Où pouvez-vous trouver des images de qualité: Aujourd'hui, lorsque les gens commencent tout juste leur parcours de création de contenu, le premier endroit où ils se tournent lorsqu'ils ont besoin d'images est Google. Ils vont donc sur Google et recherchent le MAC Lorsque Google renvoie des résultats, ils changent d'onglet Images et téléchargent l' image de leur choix à partir de là. Bien que ce soit une façon de trouver des images, ce n'est pas une méthode sûre, car vous pourriez vous retrouver en difficulté à cause d'une violation du droit d'auteur. Probablement en 2023, nous avons plusieurs plateformes d'images de stock en ligne sur lesquelles vous pouvez télécharger gratuitement tout type d' image de votre choix. C'est ce que je veux que nous examinions car bien qu'elles soient nombreuses, il y en a quelques-unes que je consulte régulièrement pour obtenir les meilleures images disponibles en ligne. Ce sont donc ceux sur lesquels je veux me concentrer. Alors, sans perdre plus de temps, entrons en classe. Numéro un, unsplash.com. Unsplash est un site Web qui propose des photos de stock gratuites de haute qualité qui peuvent être utilisées à des fins personnelles et commerciales. Il a été lancé en 2013 par Crew, une agence de création bayésienne de Montréal, qui cherchait une meilleure façon de partager ses propres photos en ligne. Splash est rapidement devenu populaire et compte désormais une large communauté de contributeurs qui partagent leurs photos avec d'autres personnes Les photos de Splashes sont sous licence Unsplash, qui permet aux utilisateurs de copier, de modifier et de distribuer les photos gratuitement, y compris à des fins commerciales, sans aucune attribution. La licence vous permet également d'utiliser les photos dans des produits destinés à la revente, par exemple dans un livre ou sur un t-shirt. Des photos sur Unsplash ou de haute qualité qui couvrent un large éventail de sujets, notamment la nature, l'architecture, les personnes, la technologie, pour n'en nommer que quelques-uns. Deuxièmement, les cellules pigmentaires. Packed cells est un site Web qui propose des photos et des vidéos gratuites de haute qualité pouvant être utilisées à des fins personnelles et commerciales. Il a été lancé en 2014 par trois cofondateurs qui cherchaient un meilleur moyen de partager leurs propres photos et vidéos en ligne. Peg cells possède une vaste communauté de photographes et de vidéastes qui partagent leur travail avec d'autres. Et tout comme Unsplash Cells, les photos et vidéos peuvent être utilisées gratuitement. pixels, les photos et les vidéos sont sous licence Creative Commons ou CC Zero, qui permet aux utilisateurs de copier, modifier et distribuer le contenu gratuitement, y compris à des fins commerciales, sans qu'il soit nécessaire d' attribuer l'auteur. Cela permet à quiconque d'utiliser facilement le contenu sans se soucier des problèmes de droits d'auteur. En bref, les images et vidéos téléchargées depuis Pexels peuvent être utilisées gratuitement , sans donner de crédit à pack cells ou à la personne qui les a créées. Les photos et vidéos de Pexels couvrent un large éventail de sujets, notamment la nature, les personnes, les animaux, la nourriture et bien plus encore. Numéro trois, Pixabay. Pixabay est un site Web qui propose des photos, des illustrations, des vecteurs, des effets sonores, du son et des vidéos gratuits de haute qualité illustrations, des vecteurs, des effets sonores, pouvant être utilisés des fins personnelles et commerciales. Il a été lancé en 2010 par deux cofondateurs qui souhaitaient créer une plateforme fournissant des images gratuites à tous ceux qui en avaient besoin. Tout comme les pixels, les ressources basées sur des pixels sont mises sous licence Creative Commons Zero, qui permet aux utilisateurs de copier, de modifier et de distribuer des actifs numériques gratuitement, y compris à des fins commerciales, sans avoir besoin d'attribution. Comme je l'ai mentionné, cela permet à quiconque d'utiliser facilement des ressources basées sur des pixels sans se soucier des problèmes de droits d'auteur. De même, le contenu de Pixabay couvre un large éventail de sujets, notamment la nature, les personnes, la technologie, les animaux, pour n'en nommer que quelques-uns. Et je sais que j'ai mentionné cette licence Creative Commons Zero. Bien sûr, il y en a d'autres. Ne vous inquiétez pas si vous ne comprenez pas bien les différents types de licences et leur signification, nous parlerons des licences dans les prochaines leçons plus tard dans le cours. Numéro quatre, pic. Free Pig est un site Web qui propose des ressources graphiques gratuites et premium aux concepteurs, telles que des vecteurs, des fichiers PSD, des icônes, des photos de stock dans des modèles 3D. Le site Web a été lancé en 2010 par la même équipe qui a créé un cône plat ou une icône plate, un site Web populaire de ressources d'icônes Les ressources Three Peaks peuvent être utilisées sous la licence internationale Creative Commons Attribution 4.0, qui permet aux utilisateurs d'utiliser, de modifier et de distribuer les ressources à toutes fins, même commerciales, à condition qu'ils donnez crédit à l'auteur original. Et comme je l'ai dit, cochon libre a un cochon libre. Et une version premium de leur service, ressources premium fixes gratuites sont disponibles via un service d'abonnement appelé free peak premium, qui offre un accès illimité à des graphismes et à des photos de haute qualité. Et les frais d'abonnement varient en fonction du plan et de la durée. Et les utilisateurs peuvent télécharger jusqu' à 100 ressources par jour. Numéro cinq, vecteur, facile. Tout comme Free, PQ vec Cheesy est un site Web qui propose des graphiques vectoriels gratuits et premium aux concepteurs et aux créateurs de contenu. Il a été lancé en 2007 par Sean Rebel, un graphiste, qui a constaté le besoin d'un site Web fournissant graphiques vectoriels de qualité à d'autres designers. À l'instar des sommets de pointe libres, les vecteurs libres peuvent être utilisés sous la licence internationale Creative Commons Attribution for 0.0, qui permet aux utilisateurs d'utiliser, de modifier et de distribuer les vecteurs à toutes fins, même commerciales, à condition de mentionner l'auteur original. Ces services premium TDS sont disponibles via un service d'abonnement appelé Vector Easy Pro, qui offre un accès illimité à des modèles et à des icônes de graphiques vectoriels de haute qualité. Les frais d'abonnement varient en fonction du plan et de la durée, et les utilisateurs peuvent télécharger jusqu' à 100 vecteurs par jour. En fait, vous devez déjà avoir remarqué que le PQ libre et le DZ vectoriel ont de nombreux points communs. Sixièmement, Envato elements in better elements est une plateforme par abonnement qui fournit un large éventail de ressources numériques aux concepteurs, notamment des graphismes, des modèles, des polices, de la musique, des effets sonores, des vidéos et bien plus encore. Il a été lancé en 2016 par Envato, société australienne qui gère plusieurs places de marché pour les biens et services numériques. Les actifs d'Envato Elements sont concédés sous licence commerciale, ce qui permet aux utilisateurs d'utiliser les actifs pour tout projet commercial sans attribution. Le service d'abonnement propose des téléchargements illimités et un accès à de nouveaux actifs ajoutés chaque semaine. Les frais d'abonnement varient en fonction du plan et de la durée. Et les utilisateurs peuvent choisir entre un abonnement mensuel ou annuel. Tout dépend de toi. Une chose très importante vous découvrirez avec ces plateformes est qu'elles permettent trouver facilement le bon actif pour tout projet sur lequel vous travaillez en fournissant des fonctionnalités de recherche et de navigation avancées. Bref, ils disposent moteurs de recherche très puissants au sein de la plateforme. Et ces plateformes sont devenues des ressources très populaires pour graphistes, les concepteurs de sites Web, les développeurs, les créateurs de contenu, les blogueurs, les spécialistes du marketing et tous ceux qui ont besoin d'actifs numériques de haute qualité. Oh, et d'ailleurs, si cela vous intéresse, vous pouvez également devenir contributeur sur l'une de ces plateformes et commencer à télécharger vos propres images, vecteurs et autres produits numériques et gagner revenu passif chaque fois que quelqu'un télécharge vos contenus. Comme vous l'avez déjà remarqué, chacune de ces plateformes propose des images avec des contrats de licence spécifiques issus de la licence CC Zero, des licences Premium entièrement gratuites. En tant que concepteur de sites Web ou créateur de contenu en ligne, il est important que vous compreniez les différents types de licences disponibles afin d' éviter de vous heurter à des problèmes de droits d'auteur à l'avenir. Passons donc aux licences. Je te verrai dans la prochaine leçon. 5. Comprendre les licences d'actifs numériques: Bon retour. Maintenant, dans la leçon précédente que j'ai mentionnée, vous pourriez avoir des problèmes en utilisant des images téléchargées directement depuis Google. C'est parce que l'image téléchargée est peut-être protégée par des droits d'auteur. Dans cette leçon, nous verrons comment utiliser légalement des images en ligne dans vos projets. Il est essentiel de comprendre les licences de droits d'auteur sur les images pour vous aider à rester en conformité. Pérennisez votre entreprise, aidez les autres à protéger leurs droits de propriété intellectuelle et, en gros, à mieux comprendre comment utiliser les actifs numériques sans perdre plus de temps. Allons-y. Numéro un, le domaine public. Les images du domaine public peuvent être utilisées librement sans restrictions. Ils ne sont même pas protégés par le droit d'auteur ou le droit d'auteur a expiré. Parmi les sources d'images du domaine public citons la Library of Congress, We can Media Commons et les Archives nationales. Numéro deux, Creative Commons. Les licences Creative Commons permettent aux créateurs, auteurs de ressources numériques, de partager leur travail tout en conservant un certain contrôle sur la manière dont il est utilisé. Il existe plusieurs types de licences Creative Commons, chacune ayant des exigences différentes. Regardons-les donc. Nous avons déjà parlé la licence Creative Commons ou de la licence CC zéro. Et comme je l'ai mentionné, il vous permet de copier, de modifier et de distribuer les actifs gratuitement, y compris à des fins commerciales, sans avoir à attribuer ou à créditer l'auteur original. Bien que nous vous encouragions à le faire, Splash et Pixels utilisent ce type de licence, qui signifie que vous pouvez utiliser leurs actifs, leurs images sans donner de crédit aux cellules de pack, aux personnes qui les ont créées et vous êtes doué. La deuxième licence Creative Commons est Attribution ou licence CC BY. Vous pouvez utiliser l'image à n'importe quelle fin, même à des fins commerciales, à condition de mentionner le créateur d'origine. C'est ainsi que Free Pig et Vect Easy concèdent sous licence leurs actifs. Téléchargez une ressource, utilisez-la dans votre projet et attribuez du crédit à la personne qui l'a mise en ligne sur Free Pick. La troisième licence Creative Commons est Attribution Share Alike, ou CC BY SA. Vous pouvez utiliser l'image à n'importe quelle fin, même à des fins commerciales, à condition de mentionner le créateur d'origine et de concéder le créateur d'origine et sous licence toute œuvre aux mêmes conditions. En bref, dans le cadre de la licence Attribution Share Alike, vous pouvez utiliser un actif numérique à condition que tout nouvel actif que vous produisez soit également concédé sous licence selon les mêmes conditions. D'autres personnes peuvent également utiliser tout ce que vous avez produit dans le cadre de la licence Attribution Share Alike. La quatrième licence Creative Commons est appelée licence non commerciale. Et c'est très simple. Vous pouvez utiliser une image ou tout autre élément à des fins non commerciales uniquement. Enfin, dans le cadre du Creative Commons, nous n'avons aucun dérivé. Vous pouvez utiliser une image ou tout autre élément sous la forme de 0, mais vous ne pouvez en aucun cas la modifier. La troisième catégorie de licences est libre de droits. Les images libres de droits peuvent être utilisées plusieurs fois moyennant des frais uniques. Vous n'avez pas à payer de redevance à chaque fois que vous utilisez l'image, mais vous ne pouvez pas la revendre ou la redistribuer. exemples de sources d'images libres Shutterstock, I stock et Getty Images sont des exemples de sources d'images libres de droits. La quatrième catégorie de licences est celle des droits gérés. Les licences Rights Managed nécessitent paiement pour chaque utilisation d'une image. Les frais dépendent de facteurs tels que l'utilisation prévue, la taille de l'image et la durée d'utilisation. exemples de sources d'images dont les droits sont gérés , citons allow me et core BCE. La cinquième catégorie de licences est étendue. Les licences étendues vous permettent d'utiliser une image pendant une période prolongée ou d'une manière qui pas couverte par la licence standard Elles coûtent généralement plus cher que la licence standard. Par exemple, une licence étendue peut vous permettre d'utiliser une image dans des produits ou pour une durée illimitée. Certaines sources d'images telles que Shutterstock et Istock proposent des licences étendues sur leurs actifs. Enfin, la dernière catégorie de licence est éditoriale. Les licences éditoriales autorisent l'utilisation d' images à des fins éditoriales uniquement, telles que des articles de presse, des blogs et des magazines. Ils ne peuvent pas être utilisés à des fins commerciales. exemples de sources d' images éditoriales incluent des images d'API et des rédacteurs, et les exemples d'images qui entrent dans la catégorie éditoriale incluent généralement des photos de célébrités et de marques célèbres. Lorsque nous concluons sur les licences, renseignez-vous toujours sur les types de licences associés à toutes les images que vous téléchargez depuis une plateforme en ligne avant de les utiliser. En général, vous trouverez un lien vers les termes et conditions de licence sur la photo de la plupart de ces plateformes. Et en cliquant dessus, vous pouvez en savoir plus sur la manière dont ils ont concédé leurs produits sous licence. Je vous recommande donc de toujours le faire sur toutes les plateformes que vous visitez. Et ceci marque la fin de cette leçon. J'espère que cela vous a été utile. Je te verrai donc dans le prochain. 6. Applications populaires de montage d'images: En 2023, il existe des tonnes de logiciels de retouche d' images. Alors, comment savoir lequel est bon pour vous ? Dans cette leçon, examinons certaines des options gratuites disponibles en ligne et celles que j'aime utiliser. Premièrement, nous choisissons en fonction des heures de pointe. We Pick est une plateforme de conception graphique en ligne créée par free peak qui permet aux utilisateurs de créer designs personnalisés à l'aide de modèles préconçus, éléments graphiques et d'autres ressources de conception We Pick propose une grande variété de modèles à des fins de conception diverses, notamment les réseaux sociaux, les présentations graphiques, dépliants, les affiches, etc. Les utilisateurs peuvent personnaliser ces modèles en ajoutant leurs propres images, textes et autres éléments de conception pour créer un design unique. C'est comme si vous aviez Photoshop ou Adobe Illustrator sur votre navigateur. We pick propose également une bibliothèque d'éléments graphiques tels que des icônes, des illustrations et des arrière-plans que les utilisateurs peuvent utiliser pour améliorer leurs conceptions. La plateforme est conviviale et ne nécessite aucune expérience en matière de conception, ce qui la rend accessible à tous ceux qui souhaitent créer des graphismes personnalisés. Et puisqu'il s'agit de préparer des images pour votre site Web, nous proposons également aux utilisateurs un puissant éditeur d'images riche en fonctionnalités qui permet à quiconque de modifier ses images et de produire des résultats professionnels. Vous pouvez importer des images directement depuis free peak ou télécharger vos propres images et commencer à les modifier. Dans l'ensemble, We Pick est une plateforme polyvalente et facile à utiliser pour créer des designs personnalisés pour un usage personnel ou professionnel. Et vous pouvez l'utiliser pour modifier et préparer vos images pour votre site Web. Et en fait, le meilleur, c'est que cet outil est gratuit. Numéro vers Canva. Canva est une plateforme de conception graphique en ligne gratuite. Par Freemium, je veux dire, il existe une version gratuite et une version premium. Et même avec la version gratuite, vous pouvez créer un large éventail de designs à l'aide d'une interface glisser-déposer simple et intuitive. Et tout comme nous sommes à notre apogée, Canva propose une vaste bibliothèque de modèles préconçus à des fins de conception diverses, notamment des graphiques pour les réseaux sociaux, des présentations, des dépliants, des affiches, des cartes de visite, pour n'en nommer que quelques-uns. Les utilisateurs peuvent personnaliser ces modèles en ajoutant leurs propres images, textes et autres éléments de conception et en créant un design unique. Vous pouvez redimensionner les éléments, changer les couleurs, etc. Outre les modèles, Canvas fournit également une bibliothèque d' éléments graphiques tels que des icônes, des illustrations et des photos que les utilisateurs peuvent utiliser pour améliorer leurs conceptions. Canva est convivial et ne nécessite aucune expérience en conception. Et cela le rend accessible à tous ceux qui souhaitent créer des graphismes personnalisés. Et encore une fois, comme nous l'avons choisi, appareil photo vous permet de télécharger vos propres images et de les modifier pour les utiliser sur votre site Web. Mais contrairement à ce que nous choisissons, des fonctionnalités telles que la suppression de l' arrière-plan des images ne sont disponibles qu'avec un plan premium. Désormais, le plan Premium est un service d'abonnement payant qui fournit des fonctionnalités supplémentaires telles que la collaboration en équipe, accès à des modèles et à des éléments premium, la suppression des arrière-plans des images, comme je l'ai mentionné, et la possibilité de redimensionner les designs pour différentes plateformes et formats. Dans l'ensemble, Canva est une plate-forme polyvalente et facile à utiliser pour créer des designs personnalisés pour usage personnel ou professionnel avec un large éventail de fonctionnalités et de ressources adaptées aux besoins des différents utilisateurs. Et avec une version gratuite, vous pouvez faire beaucoup de choses, mais la version premium vous permet de faire bien plus. Numéro trois, Adobe Creative Cloud Express, freemium. Adobe Creative Cloud Express est une version Web de la suite logicielle Adobe Creative Cloud. Il est conçu pour fournir aux utilisateurs une interface simplifiée et facile à utiliser pour compétences de base en matière d'édition et de conception, telles que le recadrage, le redimensionnement d'images, suppression des arrière-plans d'images, la création graphiques et de mises en page de base et le montage de vidéos. La plateforme s'adresse principalement aux particuliers et aux petites entreprises qui ont besoin créer du contenu rapidement et facilement sans avoir à investir dans des logiciels plus complexes et plus coûteux. Et la version sauvage de Creative Cloud Express est disponible gratuitement. Il dispose également d'une version premium que vous pouvez mettre à niveau pour obtenir plus de fonctionnalités et de capacités. Enfin, nous pouvons terminer sans parler de logiciel de conception dédié. Bien entendu, depuis des décennies, les outils ultimes pour retoucher des images et des vecteurs sont les applications de bureau telles que Photoshop et Illustrator. Ce sont ces outils qui ont inspiré les nouveaux éditeurs d'images en ligne nous venons de parler. Comme vous le savez peut-être déjà, il existe des milliers de cours et de didacticiels approfondis sur utilisation de ces applications de bureau Outre Photoshop et Illustrator, qui sont les plus populaires, d'autres applications de bureau dédiées à la conception incluent Affinity Photo, qui est l'équivalent de Photoshop. Affinity Designer, qui est l'équivalent d'Illustrator, et la suite créative Corel Draw, qui propose des produits très similaires aux produits Adobe. 7. Meilleurs formats d'image à exporter: Lorsqu'il s'agit d'utiliser des images sur un site Web, plusieurs facteurs doivent être pris en compte, tels que la qualité de l'image, la taille du fichier compatibilité avec différents appareils et navigateurs, etc. Voyons donc comment les formats d' image tels que JPEG, PNG et GEFS s'intègrent à ces considérations. Les images JPEG sont un bon choix pour les photographies et les images complexes contenant de nombreux pixels. Ils ont tendance à avoir une taille de fichier plus petite que les autres formats de fichier, tout en conservant un haut niveau de qualité d'image. Cela est dû au fait que les fichiers JPEG utilisent une compression avec perte, ce qui peut entraîner la perte de certaines données d'image lors de la compression. Cependant, cette perte de données n'est généralement pas perceptible à l'œil nu, ce qui réduit la taille des fichiers JPEG et constitue une excellente option pour les images complexes de grande taille, telles que les paysages urbains, les photos de nourriture et de nature. Les images PNG sont un excellent choix pour les images qui nécessitent de la transparence, telles que les logos ou les graphiques avec un arrière-plan transparent. Contrairement aux fichiers JPEG, les fichiers PNG utilisent une compression sans perte, ce qui signifie que la qualité de l' image n'est pas compromise lors de la compression. Cela signifie que les fichiers PNG sont généralement légèrement plus volumineux que les fichiers JPEG. Et le fait que les fichiers PNG puissent être enregistrés sans arrière-plan les rend idéaux pour les logos et les illustrations. Les images GIF conviennent mieux aux petites animations ou aux images avec une palette de couleurs limitée. Les Jeeps peuvent stocker plusieurs images ou cadres dans un seul fichier, ce qui permet de les utiliser pour de courtes animations. Ils sont souvent utilisés pour créer des mèmes ou d'autres petites animations pour les réseaux sociaux ou les applications de messagerie. Cependant, il convient de noter que le format GEFS peut entraîner fichiers de plus grande taille que autres formats d'image, ce qui peut avoir un impact sur les temps de chargement du site Web. Un autre format qui mérite d'être mentionné est le SVG, mais je n' entrerai pas dans les détails car vous n'aurez pas besoin de l'utiliser puisque les autres dont nous avons parlé sont déjà assez bons pour tout projet de site Web que vous pourriez avoir. En résumé, les images JPEG sont un bon choix pour images complexes de grande taille avec des arrière-plans tels que des photos de CD, de nourriture, de rues, etc. Les fichiers PNG sont parfaits pour les images transparentes, comme les logos et les illustrations, tandis les images GIF sont idéales pour petites animations visant à donner de la vie à votre site Web. 8. Préparer une image d'échantillon pour un site Web: Maintenant que vous avez acquis ces connaissances théoriques sur la façon de travailler avec des images, nous allons faire une démonstration pratique rapide et voir comment nous pouvons utiliser pour préparer une image pour un site Web imaginaire. Nous avons donc ici un exemple de page Elementor. C'est une page de destination et elle a besoin d'une image ici. Il s'agit d'une section consacrée aux héros. Alors laissez-moi simplement cliquer sur Précédent ou nous pouvons y jeter un œil. Et voilà à quoi ça ressemble. Et ne vous inquiétez pas, je sais que nous n'avons pas d'en-tête ici, mais le but de cette démo est de vous montrer comment préparer une image pour la page d'accueil de votre site Web. Nous voulons donc ajouter une image ici. Donc, ce que je veux faire, c'est choisir librement. Voici la répétition. Et l'idée que j'ai pour cette page de destination est d' avoir une image de quelqu'un pointant le bloc de texte juste ici. Donc, pour en revenir à Free Big, je vais juste chercher à pointer vers la gauche. Voyons ce que nous obtiendrons. Et maintenant, nous avons plusieurs images de personnes pointant vers la gauche et la droite. Alors maintenant, laissez-moi sélectionner cette image ici, ou peut-être celle-ci. Allons-y avec cette dame. Voyons ce que nous pouvons en faire. Je veux donc simplement cliquer sur Télécharger, Télécharger gratuitement. Et on y va. Permettez-moi de les fermer rapidement. Très bien, alors on y va. Maintenant que l' image est téléchargée, je vais simplement entrer dans le dossier show. Nous y voilà. Alors maintenant, la prochaine chose que je veux faire est d'ouvrir. Nous choisissons une page Web et, sous l'onglet des fonctionnalités, nous avons un éditeur de photos car notre objectif est de modifier la photo sera redirigée vers cette partie où nous pouvons cliquer sur Essayez-le maintenant. Alors maintenant, bien sûr, comme vous pouvez le constater, nous avons la possibilité de rechercher des images sur Free Peak ou de télécharger nos propres médias. Donc, ce que je veux faire, c'est télécharger mes propres médias. Et cette fenêtre contextuelle apparaît pour m'inviter à me connecter car je dois être connecté pour que mon image soit téléchargée et enregistrée sur mon compte. Permettez-moi donc de me connecter pour pouvoir utiliser rapidement mon e-mail. Nous y voilà. Maintenant, je suis connecté, comme vous pouvez le voir ici. Je veux donc télécharger un média et je vais le télécharger ouvert. Nous sommes maintenant en train de télécharger. Laisse-moi fermer ça comme ça. Et on y va. Donc, la première chose que je veux faire est d'aller dans Modifier. Et je veux le retourner. Alors laisse-moi cliquer dessus parce que nous voulons qu'elle pointe vers la gauche, juste comme ça. Et puis supprimons l'arrière-plan de l'image. Très génial. Alors maintenant, recadrons ce côté pour réduire la taille de l' image sur la gauche. Recadrons également ce côté. Appuyez sur Entrée. Et maintenant, bien sûr, vous pouvez jouer avec les différents préréglages ou filtres, mais je veux juste que le mien ait la couleur d'origine. Je vais donc supprimer les préréglages. Juste comme ça. Vous pouvez jouer avec le contraste. Je vais le laisser là où il était à 100 %. Peut également jouer avec la luminosité, saturation, le sépia. Laissons-le quelque part et allons-y et jouons avec le reste des paramètres ici. Mais maintenant que je suis satisfaite de mon image, je sais que nous avons ces petites différences ici même sur les cheveux que nous avons choisis, mais nous n'avons pas réussi à supprimer complètement l'arrière-plan de cette partie. Et bien sûr, c'est l'une des lacunes de ces outils de retouche d'images en ligne : des logiciels de conception dédiés tels que Photoshop vous donnent les outils nécessaires pour entrer et vous débarrasser complètement de l' arrière-plan. Mais pour l'instant, notre objectif est simplement de voir comment cet outil peut nous aider. Bien entendu, vous obtiendrez résultats différents avec des images différentes. Je vous suggère donc de rechercher n'importe quelle image sans trop de cheveux, comme BC Image. Et maintenant, en supposant que je sois satisfait de mon image, je vais cliquer sur Télécharger. Et comme vous l'avez appris, le format PNG est le meilleur format pour exporter des images qui n'ont pas d'images transparentes en arrière-plan. Il est donc déjà sélectionné ici pour nous. Je vais donc cliquer sur Télécharger. Et on y va. Alors laisse-moi l'ouvrir et voir à quoi ça ressemble. Ça n'a pas l'air si mal. Donc, pour en revenir ici, choisissons cinq étoiles. Incroyable. C'est un bel outil. Donc, contrôlez J pour ouvrir mon dossier de téléchargements. Alors voilà. Revenons donc sur ma page Web, ici même. Tout ce que j'ai à faire est de cliquer sur ce signe plus, Ajouter une image. Puis cliquez dessus. Accédez à télécharger des fichiers, sélectionnez des fichiers. Et puis voici notre image. Ouverte. Nous y voilà. Insérez un média. Maintenant, nous avons cette dame qui pointe notre bloc de texte. Maintenant qu'il y a cet inconvénient, nous pouvons faire quelque chose de créatif pour nous en débarrasser. Par exemple, nous pouvons ajouter un clic ici pour ajouter un diviseur. Je vais donc le déposer en dessous de l'image et c'est un solide. Je vais le placer au centre ou l'aligner vers la droite. Entrez dans le poids du style. Ça a augmenté le poids quelque part là-bas. Donnons-lui une couleur différente, comme le jaune. Retournons ici et disons « pleurez », mettons-le là. Qu'en est-il des barres obliques ? Quelque chose de ce genre ? Allons à l'intérieur de manière avancée. Et pour la marge supérieure, réduisons la marge supérieure. Quelque chose comme ça. Mise à jour. Et prévisualisons les modifications. Très bien, donc j'aime bien ça. Permettez-moi de revenir ici et de sélectionner cette colonne. Entrez à l'intérieur de manière avancée. Maintenant, je vais sélectionner l'image elle-même. Entrer dans la marge avancée. Réduisons la marge supérieure. C'est censé être quelque part là-bas. Mettez-le à jour. Prévisualisons les modifications. Très bien, donc j'aime bien l'endroit où il se trouve. Bien entendu, ce n'est pas censé être parfait. Réduisons cela. Prévisualisons les modifications. Poussons-le un tout petit peu vers le bas. Maintenant, c'est parfait. Bien sûr, ce site Web n'est pas censé être parfait. C'était juste moi qui illustrais comment préparer une image en allant sur Free Pig, recherchant exactement le type d'image dont vous avez besoin. Ensuite, en entrant, nous sélectionnons et éditons votre image ici, l'affinons, puis téléchargeons au bon format. Tous les concepts que nous avons abordés dans le cours, puis nous les avons téléchargés sur votre site Web. Voici donc un exemple rapide de la façon d' utiliser le whipping pour préparer vos images pour votre site Web, puis de les exporter dans l'un des formats dont nous avons déjà parlé en classe. 9. Réflexions finales: Et c'est la fin de ce cours. J'espère que vous l'avez trouvé aussi utile que je l'ai trouvé passionnant et que vous êtes impatient d'appliquer vos nouvelles compétences pour améliorer vos visuels et l'apparence générale de votre site Web avec des images. Et juste un petit rappel, n' oubliez pas de télécharger l'image que vous avez modifiée dans la leçon précédente. Nous voulons simplement voir à quel point chacun peut faire preuve de créativité avec les différents outils dont nous avons parlé. Dites-nous quel outil vous avez choisi d'utiliser. Et juste pour ajouter une petite touche au projet, vous pouvez créer une image divisée en deux, avant et après. Et en gros, cela nous montrera à quel point vous pouvez personnaliser et personnaliser l' image à votre guise. Et bien sûr, si vous aimez le cours, n' oubliez pas de laisser un commentaire juste en dessous de cette vidéo. Dites aux autres ce que vous avez pensé du cours. Vos commentaires sont très importants car ils m'aident à améliorer la production en classe et à offrir un meilleur rapport qualité-prix aux futurs étudiants. En laissant un avis, vous pouvez faire savoir aux autres en quoi le cours vous a aidé et ce que vous avez aimé. Avez-vous trouvé les informations utiles ou le formateur intéressant et facile à suivre ? Les démonstrations de classe vous aident à comprendre certains des concepts dont nous avons parlé. Votre évaluation peut aider les autres étudiants décider si ce cours leur convient. Si vous regardez en dessous de cette vidéo, vous verrez un bouton de révision. Il suffit de cliquer dessus. Il vous faudra moins de 30 secondes pour laisser votre avis. N'oubliez pas non plus de consulter mes autres cours où je vous apprends à concevoir de superbes sites Web avec Elementor et WordPress. Et en fait, vous pouvez désormais combiner ces compétences en matière de retouche d'images avec des compétences en conception Web et créer de bien meilleurs sites Web. Consultez mon profil ici sur Skillshare, et je suis sûr que vous trouverez quelque chose qui vous plaira. Et jusqu'à la prochaine fois, je m' appelle Ken, comme toujours . C'est toujours un plaisir de vous avoir ici et je vous verrai dans un prochain article.