Calculs du quotidien / CLEARBYTE

Calculateur de pixels CSS vers pixels physiques

Multipliez chaque dimension CSS par le DPR pour obtenir le tampon. Une zone CSS de 800 × 600 à DPR 2 nécessite 1600 × 1200 pixels physiques.

Outil isolé · accès réseau bloqué

Formule et méthode

Backing width = ceil(CSS width × DPR); backing height = ceil(CSS height × DPR).

Exemple détaillé

Donnée d’entréeValeur
Largeur CSS800 CSS px
Hauteur CSS600 CSS px
Rapport de pixels de l’appareil2 ×
Résultat
RésultatValeur
Largeur du tampon arrondie au supérieur1 600 px
Hauteur du tampon arrondie au supérieur1 200 px
Pixels totaux du tampon1 920 000

Comparer les scénarios

La première donnée varie, les autres conservent les valeurs de l’exemple. Ces scénarios arithmétiques ne sont pas des prévisions.

Comparer les scénariosLargeur CSS CSS pxLargeur du tampon arrondie au supérieurHauteur du tampon arrondie au supérieurPixels totaux du tampon
−20%6401 280 px1 200 px1 536 000
Exemple8001 600 px1 200 px1 920 000
+20%9601 920 px1 200 px2 304 000

Hypothèses et limites

Chaque dimension est arrondie au supérieur pour éviter un pixel fractionnaire. Le DPR est saisi ; l’écran n’est pas inspecté. Navigateur, zoom et rendu influencent l’affichage.

Les résultats affichés sont arrondis. Les calculs utilisent des nombres JavaScript non arrondis ; de légers écarts de virgule flottante sont possibles.

Fonctionne dans le navigateur

L’outil fonctionne dans un cadre isolé sans accès réseau. ClearByte et les scripts publicitaires ne peuvent pas lire les données qu’il contient. Cela ne protège pas contre les extensions malveillantes ou un appareil compromis.

Sources et définitions

Méthode vérifiée:

Pour aller plus loin

Poursuivre avec une tâche liée