Dokumentacja Techniczna · Optyka Ekranów i Jednostki W3C CSS · Listopad 2026
Kalibracja łączy abstrakcyjne piksele CSS 96-PPI W3C z rzeczywistym rozstawem pikseli w milimetrach Twojego wyświetlacza.
Sekcja 01 · Matematyka Pikseli
Fizyczne PPI to stała cecha matrycy (√(W² + H²) / przekątnaCale), natomiast piksel CSS to jednostka W3C równa 1/96 cala CSS (3,7795 px/mm). Przy skalowaniu HiDPI (devicePixelRatio) zapisujemy pxPerMm i niezależną od zoomu gęstość devicePxPerMm = pxPerMm × dpr.
Sekcja 02 · Norma Fizyczna
Karty płatnicze i dokumenty ID-1 mają na całym świecie wymiar 85,60 × 53,98 mm. Dopasowanie ramki mierzy wprost pxPerMm = cardWidthPx / 85.60, omijając skalowanie systemowe i blokady prywatności.
Sekcja 04 · Dodatkowe Wzorce Weryfikacyjne
1 Euro (23,25 mm), 2 Euro (25,75 mm), US Penny (19,05 mm / 3/4″), US Quarter (24,26 mm), bateria AA (50,50 mm) oraz krótszy bok arkusza ISO A4 (210,0 mm).
Sekcja 05 · Zoom i Wiele Monitorów
Wartość devicePxPerMm zapisuje się w localStorage dla sygnatury rozdzielczości; przy zmianie zoomu na tym samym monitorze skala przelicza się automatycznie, a przy przeniesieniu okna na inny pojawia się komunikat.
Sekcja 06 · Przykłady Obliczeń i Matryca HiDPI
Wzór Pitagorasa na pikselach CSS przy zoomie 100% daje CSS px/mm, a pomnożenie przez window.devicePixelRatio daje stałe devicePxPerMm.
| Konfiguracja Ekranu | Rozdzielczość CSS | Efektywne CSS PPI | CSS px/mm | devicePxPerMm |
|---|---|---|---|---|
| 14,2" Laptop (Mac Retina / 2× DPR) | 1512 × 982 CSS px (DPR 2,0) | 127,0 CSS PPI | 5,000 CSS px/mm | 10,000 device px/mm |
| 15,6" Laptop Windows (Skala 125%) | 1536 × 864 CSS px (DPR 1,25) | 113,0 CSS PPI | 4,448 CSS px/mm | 5,560 device px/mm |
| 24" Monitor 1080p (100%) | 1920 × 1080 CSS px (DPR 1,0) | 91,8 CSS PPI | 3,614 CSS px/mm | 3,614 device px/mm |
| 27" Monitor 4K UHD (Skala 150%) | 2560 × 1440 CSS px (DPR 1,5) | 108,8 CSS PPI | 4,283 CSS px/mm | 6,425 device px/mm |
| 6,1" Smartfon OLED (3× DPR) | 390 × 844 CSS px (DPR 3,0) | 152,4 CSS PPI | 6,000 CSS px/mm | 18,000 device px/mm |
Skalowanie Systemowe · Ułamkowe PPI
Skalowanie ułamkowe w Windows (125%/150%) lub tryby skalowane macOS wykorzystują wirtualny bufor obrazu. Fizyczna karta 85,60 mm mierzy rzeczywisty efekt końcowy na szkle.
Smartfony · Wąskie Ekrany
Ekran telefonu w pionie ma ok. 58–72 mm szerokości, więc karta pozioma (85,60 mm) się nie mieści. Tryb Karty Pionowej wykorzystuje krótszy bok 53,98 mm.
Windows 125%/150% i Android Chrome
Na laptopach Windows 10/11 ze skalowaniem 125%/150% oraz w Android Chrome (~360–412 px CSS) zachowaj zoom przeglądarki 100%, przełącz telefon na tryb pionowy karty (53.98 mm) i dopasuj do fizycznej karty.
Sekcja 07 · Fizyka Ekranu i Granice Błędu
Warstwa szkła nad pikselami (0,5–1,5 mm, współczynnik n ≈ 1,5) powoduje przy spojrzeniu pod kątem 30° przesunięcie o ~0,3–0,5 mm.
Patrz zawsze prostopadle (90°) nad kreską i linią pomocniczą, a przy tolerancji poniżej ±0,25 mm korzystaj z wzorcowanych suwmiarek.
Po zapisaniu kalibracji przyłóż lekko dowolny przedmiot z poniższej listy, aby potwierdzić zgodność:
| Przedmiot Odniesienia | Metryczne (mm) | Calowe (in) | Obowiązująca Norma |
|---|---|---|---|
| Karta Bankowa ISO/IEC 7810 ID-1 (Szerokość) | 85,60 mm | 3,370 in | ISO/IEC 7810:2019 ID-1 |
| Karta ISO/IEC 7810 ID-1 (Wysokość) | 53,98 mm | 2,125 in | ISO/IEC 7810:2019 ID-1 |
| Moneta US 1-Cent Penny (Średnica) | 19,05 mm | 0,750 in (3/4″) | Mennica USA |
| Moneta US 5-Cent Nickel (Średnica) | 21,21 mm | 0,835 in | Mennica USA |
| Moneta 1 Euro (Średnica) | 23,25 mm | 0,915 in | Europejski Bank Centralny |
| Moneta US Quarter Dollar (Średnica) | 24,26 mm | 0,955 in | Mennica USA |
| Moneta 2 Euro (Średnica) | 25,75 mm | 1,014 in | Europejski Bank Centralny |
| Bateria AA (Długość) | 50,50 mm | 1,988 in | IEC R6 / ANSI 15 |
| Banknot Dolar USA (Szerokość) | 155,96 mm | 6,140 in | Bureau of Engraving & Printing |
| Papier ISO 216 A4 (Krótszy Bok) | 210,00 mm | 8,268 in | Norma Papierowa ISO 216 |
Schemat Kalibracji
Zobacz, skąd biorą się różnice przy domyślnym 96 PPI i jak jedna karta blokuje dokładność 1:1.
Interaktywny Przewodnik Ruchowy
Przyłóż kartę ISO/IEC 7810 ID-1 do punktu (0, 0) i dopasuj niebieską ramkę do prawej krawędzi.
85.60 × 53.98 mmGłówne podziałki centymetrowe dzielą się kolejno na połówki 5 mm oraz drobne kreski 1 mm.
1 cm = 10 mm
