Les polices d’icônes ce sont des polices de texte. La seule différence avec les lettres est qu’elles ont des icônes et des formes. Lorsqu’il s’agit de le traiter, il n’y a aucune différence avec les polices de texte composées de lettres.
Les icônes sont très importantes lors du développement d’une page Web. Sa fonction est de guider l’utilisateur à travers notre page pour lui montrer où se trouvent les informations et d’effectuer différents processus sans avoir besoin d’utiliser autant de mots. Avant, il était nécessaire qu’une icône soit accompagnée d’un bitmap, maintenant ce n’est pas le cas.
À ce jour, la plupart des polices d’icônes Ils partent seuls et remplissent leur fonction d’une manière extraordinaire. En effet, les développeurs Web utilisent des polices non pas composées de lettres mais de programmes vectoriels. Ces sources sont les polices d’icônes. Contrairement aux icônes normales, les icônes vectorielles ne perdent pas leur qualité et les fichiers qui les composent sont plus petits. En outre, polices d’icônes Ils peuvent être effectués individuellement via le langage Web CSS (Cascading Style Sheets). Contrairement aux icônes, polices d’icônes ils sont vus avec une clarté parfaite et une haute résolution sur de grands écrans.
Lorsque nous voulons créer un icône Police nous devons le créer avec la police complète, même si nous n’avons besoin que d’une seule icône. Ceux qui cherchent à faire ce type de travail utilisent de nombreux fournisseurs Web qui offrent des icônes vectorielles gratuites, ou même d’autres qui le font. Douane et paiement. Rappelez-vous que ce qui caractérise un professionnel d’un amateur est son exclusivité.
Polices d’icônes: conception de sites Web avec pictogrammes vectoriels
L’une des raisons pour lesquelles les icônes vectorielles ont été créées est l’influence croissante des appareils mobiles. Après l’excès d’informations générées par Internet, le client est devenu impatient, incapable d’attendre plus de 10 secondes le chargement d’une page Web.
La création de polices d’icônes a raccourci le temps de chargement des sites Web. Les icônes vectorielles sont caractérisées par le fait qu’elles sont la plus petite version des icônes et peuvent être insérées dans le code source d’une page Web, ainsi que dans l’interface utilisateur qui navigue. De cette façon, le simple déplace l’ornementé, et nous donnons naissance au design plat pour avoir une place pertinente.
Un exemple classique de conception plate est la disposition de Microsoft Windows 8:
Comment intégrer une police d’icône dans un document HTML
Habituellement, le polices d’icônes ils sont intégrés au langage HTML via CSS, puisque vous pouvez tous les inclure dans CSS et en HTML un par un.
Qu’est-ce que SVG?
L’acronyme SVG désigne les graphiques vectoriels évolutifs. Caractéristique également possédée par polices d’icônes.
Ce sont des graphiques vectoriels en deux dimensions. Ils peuvent rester statiques ou animés. Son format est XML et sa norme ouverte.
Où trouver les polices d’icônes?
Comme nous l’avons indiqué précédemment, il existe de nombreux fournisseurs d’icônes vectorielles, à la fois payantes et gratuites. Pour cette raison, il n’est pas nécessaire d’investir beaucoup pour obtenir polices d’icônes pour notre site Web. Ce sont les fournisseurs de polices d’icônes plus connu:
Police géniale . C’est l’une des sources de polices d’icônes les plus grands qui existent aujourd’hui. Il contient plus de 600 pictogrammes pertinents pour la conception Web. Il a été conçu pour Amorcer, mais maintenant il peut être rendu compatible avec cadres mieux connu au monde. Leur polices d’icônes ils peuvent être visualisés comme des images vectorielles compatibles avec les lecteurs d’écran sans perdre leur qualité et leur résolution. Il peut être utilisé gratuitement à des fins commerciales.
Entypo . N’offre pas polices d’icônes c En tant que tel , mais des icônes vectorielles dans SVG. Il a la base de polices individuelles que nous pouvons combiner avec les polices créées. Il peut également être utilisé librement à des fins commerciales uniquement
Typicons. Il est basé sur plus de 300 polices d’icônes compatible avec les lecteurs d’écran. Il peut être installé grâce à Tonnelle, outil utilisé pour gérer les packages open source. Les polices d’icônes ils se trouvent sous forme de modèle vectoriel et de CSS réduit. Gratuit à des fins commerciales.
Ouvrir Iconic . En nombre c’est le moins polices d’icônes des offres. 200 pictogrammes en SVG. Il propose également des polices Web. Il se caractérise par la petite taille de ses fichiers de polices. Par exemple, Open Iconic ne pèse que 12,4 Ko. Utilisé à des fins commerciales, il est gratuit.
Qu’est-ce qui différencie une image d’une icône vectorielle?
Lorsque nous agrandissons l’écran de notre mobile ou de notre ordinateur, les images deviennent pixélisées et perdent en netteté. Avec les polices d’icônes cela n’arrivera pas. Les polices vectorielles peuvent toujours être vues correctement, quel que soit le zoom avant. Regardons quelques exemples.
De plus, en la traitant comme une police, nous pouvons changer sa taille, sa couleur et sa forme à notre guise. Lorsque nous utilisons une image, elle reste inerte et sans mouvement.
Avantages de l’utilisation des polices d’icônes
Nous réduisons le nombre d’appels vers le serveur. Une fois le fichier chargé dans la source, nous pouvons utiliser toutes les icônes. Avant, vous deviez attendre qu’il se charge un par un.
Nous réduisons le poids de la page Web et donc le temps de chargement est réduit.
Liberté d’utiliser différentes tailles.
Utilisation de différentes couleurs. La couleur et la taille sont plus faciles à manipuler car elles sont gérées via CSS.
Appliquez-lui des styles.
Ils sont plus faciles à intégrer.
Un chargement plus rapide augmentera le trafic de données sur notre site Web.
Plus le nombre de données est élevé, plus le taux de conversion est élevé.
Et cela se traduira par une augmentation des revenus pour l’entreprise.
Si vous êtes une entreprise qui cherche à créer un site Web d’entreprise réussi, GMOL Solutions a quelque chose à vous dire. Nous avons un excellent groupe de professionnels spécialisés dans le marketing numérique et l’optimisation Web. Nous pouvons vous aider à rendre votre commerce électronique attrayant et à prendre peu de temps à charger. Non seulement à travers des icônes mais aussi à travers des images avec peu de poids, un bon contenu SEO, etc … Nous pouvons non seulement vous aider, mais nous le ferons également.
