How to Use Screen Ruler Online
Rychlé úvodní průvodce pro každý nástroj Screen Ruler Online. Skoč na potřebný nástroj níže — každá sekce vysvětluje, co umí, pro koho je a jak ho použít v 5 krocích.
Rychlý start nástroj po nástroji
Each section below covers one tool — what it does, who should use it, and a 5-step quick start. Calibration and pixel-density basics are explained at length in the Screen Ruler section, since those concepts apply across the measurement tools.
Screen Ruler
Přesné pravítko na obrazovce v cm, mm a palcích. Jednou kalibruj kreditní kartou a můžeš měřit reálné předměty proti hraně obrazovky s přesností na půl milimetru. Nejvíc se hodí designerům ověřujícím tiskové rozměry, kupujícím ověřujícím rozměry produktů a studentům měřícím malé předměty.
Rychlý start
- Otevři Screen Ruler. Nástroj načte svislé pravítko na levé straně s značkami v tvojí jednotce.
- Klepni na kalibrační panel a polož kreditní kartu naplocho na obrazovku. Posuň jezdec, dokud obrys na obrazovce nelícuje s hranami karty.
- Přepínej jednotky mezi centimetry, milimetry a palci pomocí voliče nahoře.
- Polož měřený předmět k pravítku. Zarovnej jednu hranu s nulou a přečti druhou.
- Použij celoobrazovkový režim pro nejdelší pravítko, hlavně na malých obrazovkách. Kalibrace se ukládá pro každé zařízení na 30 dní.
Pravítko k vytištění
Bezplatné tisknutelné pravítko v PDF v cm, mm nebo palcích v měřítku 1:1. Bez kalibrace — vytiskni, polož na rovnou plochu a měř. Ideální pro ruční práce, dřevoobrábění, šití nebo úkoly dětí, když nemáš fyzické pravítko po ruce.
Rychlý start
- Otevři stránku Printable Ruler a vyber jednotku (cm, mm nebo palce) a délku.
- Klikni Generate PDF. Stažený soubor je v měřítku 1:1 při 300 DPI.
- V dialogu tisku nastav Scaling na 100 % (nebo Actual Size) — nikdy ne Fit to Page, ten potichu zmenší pravítko.
- Tiskni na standardní papír. Použij přiložený kalibrační čtverec k ověření, že tiskárna soubor nezměnila měřítko.
- Vystřihni podle obrysu a máš fyzické pravítko. Zalaminuj pro opakované použití.
Specifikace zařízení
Filtrovatelná databáze 69+ telefonů, tabletů a notebooků s velikostí obrazovky, rozlišením, PPI a poměrem stran. Užitečné pro vývojáře ověřující responsive breakpointy, kupující porovnávající modely a designéry vybírající cílová zařízení.
Rychlý start
- Otevři stránku Device Specs. Uvidíš filtrovatelnou tabulku s 69+ zařízeními.
- Filtruj podle značky, OS, roku, typu, velikosti obrazovky nebo použij vyhledávání pro konkrétní model.
- Klikni na řádek zařízení pro otevření detailu s plnými parametry a seznamem souvisejících zařízení vedle.
- Použij CTA Open Ruler na stránce zařízení pro spuštění pravítka předem kalibrovaného na PPI daného zařízení.
- Ulož srovnání do záložek nebo zkopíruj specifikace do dokumentu pro nákup a design.
Náhodné kolo
Přizpůsobitelné kolo štěstí pro férové náhodné výběry. Napiš seznam možností, klikni Spin a kolo se zastaví náhodně na jedné. Používají učitelé pro losování žáků, rodiny pro rozhodování o večeři a týmy pro určení pořadí.
Rychlý start
- Otevři Spinner. Načte se s krátkým výchozím seznamem možností.
- Klikni na položku pro úpravu, Add pro přidání, Remove pro smazání.
- Každá možnost dostane svou barvu automaticky, jak se kolo přerozdělí.
- Stiskni Spin. Kolo se otáčí s plynulým zpomalováním a zastaví se náhodně na jednom segmentu.
- Každá možnost má stejnou pravděpodobnost výhry. Tvůj seznam je uložen jen v prohlížeči a zmizí po zavření karty.
Test mrtvých pixelů
Plnobarevné testovací obrazovky, které odhalí mrtvé, zaseknuté a horké pixely na monitoru, telefonu nebo TV. Spusť před přijetím dodávky, po opravě obrazovky nebo při podezření na vadu — 60 sekund stačí, abys věděl, jestli je panel zdravý.
Rychlý start
- Otevři stránku Dead Pixel Test na obrazovce, kterou chceš zkontrolovat.
- Maximalizuj prohlížeč na celou obrazovku, aby test pokryl celý panel — F11 ve většině prohlížečů.
- Projdi barevné obrazovky (červená, zelená, modrá, bílá, černá). Pozorně sleduj, jestli některý pixel nemění barvu s pozadím.
- Pixel, který zůstává černý, je mrtvý. Zaseknutý na jedné barvě je stuck. Vždy bílý je horký.
- Spusť gradientový test pro problémy s rovnoměrností jako banding. Po pokusu o opravu opakuj, abys ověřil obnovu.
Úhloměr
Digitální úhloměr, který měří libovolný úhel od 0° do 360° na obrazovce. Přetáhni dvě paprsky na potřebný úhel s volitelným snapem na 1°/5°/15°/45°. Hodí se na geometrii, dřevařské zkosené řezy, šicí výztuže a kontrolu sklonu střechy z fotek.
Rychlý start
- Otevři Protractor. Nástroj načte kruhový ciferník se dvěma přetažitelnými paprsky pod výchozím úhlem 90°.
- Přetáhni paprsek za úchyt na konci, abys ho otočil kolem středu. Úhel a stínovaný sektor se aktualizují v reálném čase.
- Pro přesné úhly zapni Snap a vyber krok 1°, 5°, 15° nebo 45°. Paprsky se přichytí k nejbližšímu kroku.
- Přilož vytištěný výkres naplocho k obrazovce a měř úhly nakreslené na papíře.
- Použij Reset pro návrat na 90°. Úhloměr měří vnitřní úhel — odečti od 360° pro reflexní úhel.
Kalkulačka velikosti obrazovky
Spočítej fyzickou velikost obrazovky z rozlišení a PPI nebo zjisti správnou velikost TV pro pozorovací vzdálenost. Hodí se domácím kinařům, kupujícím monitorů a těm, kdo srovnávají 65 a 75 palcové panely.
Rychlý start
- Otevři Screen Size Calculator a vyber vstupní režim — úhlopříčka, šířka a výška, nebo rozlišení a PPI.
- Zadej čísla. Kalkulačka vrátí fyzickou šířku, výšku, plochu a doporučenou pozorovací vzdálenost.
- Pro velikost TV použij podstránku TV size for room: zadej vzdálenost gauč–obrazovka a vyber standard (THX, SMPTE nebo 4K immersive).
- Porovnej dvě obrazovky tím, že kalkulačku spustíš dvakrát a srovnáš úhlopříčku vs viditelnou plochu — 16:9 65 palců je mnohem větší než 21:9 65 palců.
- Před nákupem zkontroluj fyzickou velikost s databází Device Specs.
Přečíst kompletního průvodce Kalkulačka velikosti obrazovky →
Převodník pixelů
Okamžitý převodník CSS jednotek — px na mm, cm, palce, rem, em, pt, %, vw a vh. Pro front-endové vývojáře, designéry a každého, kdo ladí typografii nebo layout podle cílového DPI.
Rychlý start
- Otevři Pixel Converter. Vyber zdrojovou jednotku (px, mm, cm, palce, rem, em, pt, %, vw, vh).
- Zadej hodnotu. Všechny cílové jednotky se aktualizují současně.
- Nastav základní velikost písma (výchozí 16px) a DPI pro přesné převody rem a fyzických jednotek.
- Použij tahák pro běžné převody jako 1rem = 16px nebo 1pt = 1.333px.
- Zkopíruj výsledek do CSS nebo designového nástroje. Převodník je bezestavový — refresh resetuje formulář.
Kalkulačka poměru stran
Spočítej poměr stran z pixelových rozměrů nebo najdi chybějící rozměr, když znáš jednu stranu a poměr. Pro videoeditory, designéry sociálních sítí a vývojáře vybírající velikosti obrázků pro Instagram, TikTok, YouTube a LinkedIn.
Rychlý start
- Otevři Aspect Ratio Calculator. Zadej šířku a výšku v pixelech a získáš zjednodušený poměr.
- Nebo zvol režim chybějícího rozměru: zadej šířku a cílový poměr (16:9, 4:3, 1:1, 9:16) a kalkulačka vrátí výšku.
- Použij tahák platforem pro správné velikosti pro Instagram příspěvky, TikTok video, YouTube náhledy nebo LinkedIn bannery.
- Ověř obrázek pomocí Pixel Converter, pokud potřebuješ převést pixely na fyzické jednotky pro tisk.
- Zjednodušený poměr je největší společný dělitel šířky a výšky — 1920×1080 se zredukuje na 16:9, 1080×1080 na 1:1.
Calibration Basics
Calibration is the most important step for any measurement tool on the platform. Without it, the ruler shows approximate measurements based on your device's reported pixel density, which is often inaccurate. With calibration, measurements become precise to within half a millimeter.
Using a Credit Card
A standard credit or debit card is the best calibration object because its dimensions are standardized worldwide at 85.6mm x 53.98mm (ISO/IEC 7810). Place your card flat on the screen and use the calibration slider to adjust the on-screen outline until it matches your card exactly.
Using Other Objects
If you don't have a credit card handy, you can calibrate with US quarters (24.26mm), Euro coins (23.25mm), UK pound coins (22.5mm), and more. Select the object from the calibration panel, place it on the screen, and adjust the slider.
Understanding Pixel Density (PPI)
PPI stands for Pixels Per Inch. It tells you how many tiny dots of light fit in one physical inch of your screen. A phone with 460 PPI has much smaller, more densely packed pixels than a desktop monitor with 96 PPI. This means the same number of pixels takes up less physical space on the phone.
Modern screens also use device pixel ratios. A MacBook with a Retina display might report a device pixel ratio of 2, meaning each "CSS pixel" in the browser actually spans 2x2 physical pixels. The ruler, protractor, and pixel converter all account for this automatically during calibration.
Device-Specific Rulers
We maintain pre-configured ruler profiles for popular devices. These profiles use the device's known PPI to provide a starting point before manual calibration. Visit a device-specific ruler for the best starting accuracy:
Questions?
Full answers to common questions about every tool — ruler accuracy, protractor precision, spinner fairness, device support, privacy — live on the FAQ page.