Pikseliviivain – mittaa pikseleitä ja millimetrejä näytöltä
Vedä viiva mittausalueella tai koko ikkunassa, niin näet pituuden CSS-pikseleinä, näytön laitepikseleinä, rem-yksiköinä ja millimetreinä. Mittaus toimii hiirellä, sormella ja kynällä.
Selain mittaa sivut CSS-pikseleinä, ja tarkoilla näytöillä yhteen CSS-pikseliin menee useampi laitepikseli. Työkalu lukee näyttösi suhteen (devicePixelRatio) ja kertoo tuloksen molempina. Millimetrit saat kalibroimalla: aseta pankkikortti ruutua vasten ja säädä kuva samankokoiseksi. Kortin mitat on standardoitu, 85,60 × 53,98 mm.
Miksi 96 pikseliä ei ole aina tuuma?
CSS määrittelee tuuman 96 CSS-pikseliksi, mutta se on nimellinen arvo. Oikea pituus riippuu näytön koosta, tarkkuudesta ja zoomauksesta, joten sama 100 px on eri laitteissa eri pituinen. Siksi viivain näyttää millimetrit merkinnällä nimellinen, kunnes kalibroit. Kalibrointi tallentuu selaimeen näytön ja zoomaustason mukaan.
Ladataan työkalua...
Etkö tiedä mihin ryhtyä seuraavaksi? Selaa kaikki työkalut
Hae työkalua →Pikseliviivain mittaa etäisyyksiä tällä sivulla ja muuntaa ne laitepikseleiksi, rem-yksiköiksi ja kalibroituna millimetreiksi.
Vedä viiva mittausalueella tai valitse Mittaa koko ikkunassa.
- Etäisyys, vaaka- ja pystymitta CSS-pikseleinä sekä rem juurifontin todellisella koolla.
- Laitepikselit näytön devicePixelRatio-arvolla.
- Kalibrointi pankkikortilla (ISO/IEC 7810 ID-1, 85,60 × 53,98 mm), viivain mm-, cm- tai tuuma-asteikolla ja arvio näytön tarkkuudesta (ppi).
Web-suunnittelussa tärkein luku on CSS-pikseli.
- Laitepikselit kertovat, kuinka tarkasti näyttö piirtää saman alueen.
- Ilman kalibrointia millimetrit ovat nimellisiä (96 px = 25,4 mm) ja voivat poiketa todellisesta paljon.
- Selaimen zoomaus muuttaa suhdetta, joten kalibroi uudelleen, jos zoomaat.
Selainsivu ei näe muita ohjelmia.
- Viivain mittaa vain tämän sivun päällä, ei muiden ikkunoiden tai sovellusten sisältöä.
- Elementtien tarkat mitat saa myös selaimen kehittäjätyökaluista.
- Lähteet: W3C, CSS Values and Units Level 4 (1 in = 96 px); W3C, CSSOM View (devicePixelRatio); ISO/IEC 7810 (ID-1-kortti).