Convertissez px, em, rem, pt et % avec une taille de police de base configurable — table d'équivalence complète dans votre navigateur.
CSS mesure les longueurs avec plusieurs unités qui finissent toutes en pixels à l'écran, et les convertir à la main est une corvée quotidienne du travail front-end. Ce convertisseur prend une valeur — en px, em, rem, pt ou pourcentage — et affiche la même longueur dans les cinq unités à la fois, avec une taille de police de base que vous contrôlez. La base par défaut est 16 px, la taille de police initiale de tous les grands navigateurs, mais si votre design system définit html { font-size: 62.5% } ou toute autre taille racine, changez la base et toute la table s'adapte.
Les relations sont linéaires et l'outil affiche les formules qu'il applique : les valeurs em et rem sont multipliées par la taille de base pour obtenir des pixels, les points sont convertis au ratio défini par CSS de 96 px pour 72 pt (donc 1 pt = 1,333 px), et les pourcentages sont lus relativement à la base, exactement comme em. Une réserve honnête, que l'outil affiche à l'écran : em et rem produisent ici des résultats identiques parce qu'une seule base sert pour les deux. Dans une vraie page, ils diffèrent — rem se réfère toujours à l'élément racine, tandis qu'em se réfère à la taille de police de l'élément courant, elle-même potentiellement mise à l'échelle par ses parents.
Usages typiques : traduire une maquette livrée en pixels vers les valeurs rem que votre base de code a standardisées, vérifier ce que donne 0,875 rem avant d'écrire une media query, convertir des tailles en pt orientées impression d'une charte graphique vers des unités écran, ou définir des échelles typographiques accessibles qui respectent les réglages du navigateur de l'utilisateur. La conversion s'exécute à 100 % dans votre navigateur pendant la frappe — rien n'est envoyé et il n'y a rien à installer.
px = em × base ; px = rem × base ; px = pt × 96 ÷ 72 ; px = % ÷ 100 × base. Inverse : em = rem = px ÷ base ; pt = px × 72 ÷ 96 ; % = px ÷ base × 100. Avec la base par défaut de 16 px : 1,5 em = 24 px = 18 pt = 150 %.
rem est toujours relatif à la taille de police de la racine (html), tandis qu'em est relatif à la taille de police de l'élément courant, qui s'hérite et se compose à travers l'arbre. Ce convertisseur utilise une même base pour les deux, les nombres coïncident donc ici ; dans des éléments imbriqués, ils peuvent diverger.
Parce que tous les grands navigateurs sont livrés avec une taille de police initiale de 16 px, donc 1 rem = 16 px sur une page non modifiée. Si votre CSS change la taille racine — la fameuse astuce du 62.5% donne 1 rem = 10 px — indiquez cette valeur dans le champ de base.
Multipliez par 72 et divisez par 96 : CSS fixe le ratio à 96 px par pouce et 72 pt par pouce, donc 16 px = 12 pt. L'unité pt compte surtout pour les feuilles de style d'impression et les documents.
rem est généralement recommandé pour la typographie parce qu'il s'adapte quand l'utilisateur change la taille de police préférée de son navigateur, ce que px ignore. px reste correct pour ce qui ne doit pas suivre le texte, comme les bordures ou les ombres.
Non. La conversion est une poignée de multiplications faites en JavaScript sur votre appareil — rien n'est envoyé à aucun serveur ni stocké nulle part.
Vai.la transforme n'importe quelle URL en lien court avec statistiques de clics, QR Code et votre propre biolink.
Vai.la n'est pas responsable de l'utilisation des outils ni des décisions prises sur la base de leurs résultats.