Publié le 08/09/2010
Auteur fobec
Réseaux sociaux
0 partages
0 tweets
0 plus
2 commentaires

Telecharger les drapeaux des pays du monde

Ou trouver les images des drapeaux des pays du monde ?
A première vue, la question est toute bete et même avec le moteur de recherche Google j'ai eu du mal à trouver une ressource intéressante à intégrer dans nos projets.

Telecharger les drapeaux des pays

Ou télécharger un fichier zip contenant tous les drapeaux des pays du monde ?

Une site intéressant pour cela est www.free-country-flags.com qui propose en libre téléchargement de nombreux packages contenant les drapeaux au format PNG.
- les images sont proposées selon 4 aspects différents,
- plusieurs tailles d'images sont disponibles: 20 x 12, 80 x 53, 236 x 156, 471 x 311.

Télecharger le pack drapeau

Le fichier zip contient 254 drapeaux de pays du monde et les images sont nommées suivant le code pays sur 2 caractères, par exemple fr.png pour la France.

Image sprite de drapeaux

flag_spriteA la recherche d’optimisation, les drapeaux peuvent utilisés dans un sprite.

De quoi s'agit t'-il ?
Au lieu d'avoir 254 images de drapeaux, commençons par regrouper tous les fichiers en 1 seul fichier, les images les unes à coté de l'autre avec une petite marge de 5 pixels.

Quel est l'intéret du sprite ?
Sur une page internet, l'ensemble des 254 drapeaux des pays est affiché. Dans le cas des fichiers pour chaque pays, le navigateur internet va faire 254 requêtes pour charger chacune des images. Dans le cas du sprite, l'ensemble des drapeaux est chargé en une seule fois ce qui est forcement beaucoup plus rapide et préférable pour les téléphones portables ou tablettes.
Les images sont affichées dans la page HTML grace à la feuille de style qui définit l'emplacement de chaque drapeau de pays dans l'image sprite.
div.flag_fr{margin:10px;width:22px;height:14px; background-image:url('flag_sprite.png');background-position: -351px -76px; background-repeat:no-repeat}
div.flag_ga{margin:10px;width:22px;height:14px; background-image:url('flag_sprite.png');background-position: -378px -76px; background-repeat:no-repeat}
div.flag_gb{margin:10px;width:22px;height:14px;background-image:url('flag_sprite.png'); background-position: -0px -95px; background-repeat:no-repeat}
div.flag_gd{margin:10px;width:22px;height:14px; background-image:url('flag_sprite.png'); background-position: -27px -95px;background-repeat:no-repeat}
div.flag_ge{margin:10px;width:22px;height:14px; background-image:url('flag_sprite.png'); background-position: -54px -95px; background-repeat:no-repeat}


Si un jour, vous etes à la recherche de drapeaux, libre de droits et pour l'ensemble des pays du monde, jettez un coup d'oeil à free-country-flags.com.

Ajouter un commentaire

Les champs marqués d'un * sont obligatoires, les adresses emails se sont pas publiées.
avatar sakhr

Publié par sakhr

le 29/01/2011 à 21:30:23

merci b c pour les plusieurs tailles d'images

avatar IANDRY

Publié par IANDRY

le 13/07/2012 à 11:03:52

c'est bien d'avoir les images et liste des pays du monde avec leurs drapeaux
respectif

A lire aussi

Réseaux sociaux
Présentation de l'article
Catégorie
tuto - webmaster
Mise a jour
08/09/2010
Visualisation
vu 39838 fois
Public
Internaute
Auteur de la publication
Fobec
Admin
Auteur de 263 articles
|BIO_PSEUDO|
Commentaires récents

Publié par fffffff dans CMS

tesffff

Publié par Arthur dans java

Salut!
J'ai repris ton code pour un projet mais en testant le programme rien ne s'affiche. Pourquoi ?
Dois-je mettre a jour quelque chose ? Importer ?
La seule modification que j'...

Publié par Vivien Blasquez dans news

Le pagerank traduit la popularité d'un site, donc si il est important. Après ce n'est qu'un indicateur, et si il a eu ses heures de gloire, il n'est aujourd'hui qu'un critère parm...

Publié par Connan dans php5

j'utilise mysql phpmyadmin et j'ai cree une table IP mais j'ai mis varchart(15) mais quese qui faut que je fasse pour stocker l'ip des joueurs qui s'inscrivent

Publié par Mohamed dans java

Merci beaucoup j'ai eu un probleme de redimensionnement des images , mes images perdaient leur qualite, ta solution m'a aide pour ca mercii