Techno, Développement, Entreprendre et au-delà !

Besoin d'un outil rapide pour mesurer vos pixels ?

Le problème : comment mesurer des pixels à l’écran ?

Il ne vous est jamais arrivé d’avoir besoin de connaître rapidement la largeur ou la hauteur d’un bouton en pixel ? Si ? Moi j’en ai même connu qui mesuraient ces pixels avec des morceaux de papier sur l’écran. Véridique !!!

Les solutions

Je vais vous proposer trois solutions pour résoudre cet « épineux » problème.

Cool Ruler

  • Gratuit
  • Les mesures sont possibles en pixels, en pouces et en centimètres
  • Création de plusieurs règles à la fois
  • Mode horizontal et vertical
  • Fonctionne sur Windows

Pixel Ruler

  • Gratuit
  • Les mesures sont en pixels (1300 pixels max)
  • Mode horizontal et vertical
  • Skins disponibles
  • Fonctionne sur Windows

Web Developer : Extension Firefox

  • Gratuit
  • Les mesures sont en pixels
  • Permet de mesurer également des surface (largeur, hauteur, position de début, position d’arrivée)
  • Fonctionne sur Firefox uniquement, incompatible avec Flock (Windows & Linux)

Une fois l’extension installée et redémarrée, vous pourrez afficher cette barre d’outil (si ce n’est pas déjà le cas) via ‘Affichage’>’Barre d’outils’>’Barre d’outils Web Developer’. Ensuite, vous avez à votre disposition une multitude d’outils pour le développement web et parmi ceux-ci, vous pourrez trouver l’outil de mesure. Pour l’activer, cliquer sur ‘Divers’>’Afficher l’outil de mesure’.Vous pourrez alors mesurer ce qu’il vous plait sur l’écran, mais attention uniquement dans le navigateur, à la différence des deux outils précédents qui fonctionnent sur tout votre écran.

MeasureIt : Extension Firefox

  • Gratuit
  • Prise en main facile
  • Permet de mesurer à la fois des distances et des surfaces
  • Il manque par contre l’affichage des pixels sur les règles graduées. A l’heure actuelle, on est obligé plus ou moins de comptabiliser les grandes barres et les petites barres pour mesurer
  • A suivre toutefois, car la liste des « future features » est assez longues (différentes unités, règlages, visibilité des objets, etc…)
  • Fonctionne sur Firefox et Flock

Conclusion

Le choix de tel ou tel outil est une affaire de goût personnel. J’espère juste que ces outils vous auront apportés une solution à ce petit problème.