How to Use Screen Ruler Online
Vodiči za brzi početak za svaki alat Screen Ruler Online. Skoči na alat koji ti treba ispod — svaki odjeljak objašnjava što radi, kome je namijenjen i kako se koristi u 5 koraka.
Brzi početak alat po alat
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
Točno ravnalo na ekranu u cm, mm i inčima. Kalibriraj jednom kreditnom karticom i možeš mjeriti stvarne predmete uz rub ekrana s točnošću pola milimetra. Najkorisnije za dizajnere koji provjeravaju veličine za tisak, kupce koji potvrđuju dimenzije proizvoda i učenike koji mjere male predmete.
Brzi početak
- Otvori Screen Ruler. Alat učita uspravno ravnalo s lijeve strane ekrana s oznakama u tvojoj jedinici.
- Dodirni panel za kalibraciju i položi kreditnu karticu plosno na ekran. Povlači klizač dok obris na ekranu ne odgovara rubovima kartice.
- Mijenjaj jedinice između centimetara, milimetara i inča pomoću selektora jedinica iznad.
- Položi predmet koji mjeriš uz ravnalo. Poravnaj jedan rub s nulom i očitaj drugi rub.
- Koristi cjelozaslonski način za najduže ravnalo, posebno na malim ekranima. Kalibracija se sprema po uređaju 30 dana.
Ispisivo ravnalo
Besplatni PDF za ispis ravnala u cm, mm ili inčima u pravoj 1:1 mjeri. Bez kalibracije — ispiši, položi ravno i mjeri. Idealno kad ti treba fizičko ravnalo za rukotvorine, drvodjelstvo, šivanje ili dječje zadaće, a nemaš ga pri ruci.
Brzi početak
- Otvori stranicu Printable Ruler i odaberi jedinicu (cm, mm ili inče) i duljinu.
- Klikni Generate PDF. Preuzimanje je u pravoj mjeri 1:1 pri 300 DPI.
- U dijalogu pisača postavi Scaling na 100% (ili Actual Size) — nikad Fit to Page, jer tiho smanjuje ravnalo.
- Ispiši na standardnom papiru. Koristi priloženi kvadrat za kalibraciju za provjeru da pisač nije promijenio mjeru datoteci.
- Izreži po obrisu i imaš fizičko ravnalo. Laminiraj za ponovnu uporabu.
Specifikacije uređaja
Filtrirajuća baza s 69+ telefona, tableta i prijenosnika s veličinom ekrana, rezolucijom, PPI i omjerom slike. Korisno za developere koji provjeravaju responsive breakpoints, kupce koji uspoređuju modele i dizajnere koji biraju ciljne uređaje.
Brzi početak
- Otvori stranicu Device Specs. Vidjet ćeš filtrirajuću tablicu s 69+ uređaja.
- Filtriraj po marki, OS-u, godini, vrsti, veličini ekrana ili koristi pretragu za određeni model.
- Klikni redak uređaja za otvaranje stranice s detaljima i punim specifikacijama te popisom srodnih uređaja sa strane.
- Koristi Open Ruler CTA na stranici uređaja za pokretanje ravnala unaprijed kalibriranog na PPI tog uređaja.
- Označi usporedbu ili kopiraj specifikacije u dokument za nabavu i dizajn.
Nasumični kotač
Prilagodljiv kotač za poštene nasumične izbore. Upiši popis opcija, pritisni Spin i kotač se nasumično zaustavlja na jednoj. Koriste ga učitelji za biranje učenika, obitelji za odluku o večeri i timovi za određivanje redoslijeda.
Brzi početak
- Otvori Spinner. Učita se s kratkim zadanim popisom opcija.
- Klikni stavku za uređivanje, Add za dodavanje nove, Remove za brisanje.
- Svaka opcija automatski dobiva svoju boju kako se kotač iznova segmentira.
- Pritisni Spin. Kotač se okreće s glatkim usporavanjem i nasumično se zaustavlja na jednom segmentu.
- Sve opcije imaju jednaku vjerojatnost pobjede. Tvoja lista pohranjena je samo u tvom pregledniku i nestaje kad zatvoriš karticu.
Test mrtvih piksela
Pune kolor test slike koje otkrivaju mrtve, zaglavljene i vruće piksele na bilo kojem monitoru, telefonu ili TV-u. Pokreni prije primanja isporuke, nakon popravka ekrana ili kad sumnjaš na kvar — 60 sekundi ti kaže je li panel zdrav.
Brzi početak
- Otvori stranicu Dead Pixel Test na ekranu koji želiš provjeriti.
- Maksimiziraj preglednik na cijeli ekran kako bi test pokrio cijeli panel — F11 u većini preglednika.
- Prolazi kroz kolor ekrane (crveni, zeleni, plavi, bijeli, crni). Pažljivo gledaj postoji li piksel koji se ne mijenja s pozadinom.
- Piksel koji ostaje crn je mrtav, zaglavljen na jednoj boji je stuck, a uvijek bijel je vruć.
- Pokreni gradijentni test za probleme s uniformnošću kao banding. Ponovi nakon pokušaja popravka stuck piksela kako bi potvrdio oporavak.
Kutomjer
Digitalni kutomjer koji mjeri bilo koji kut od 0° do 360° na ekranu. Povuci dvije zrake do željenog kuta, s opcionalnim snapom na 1°/5°/15°/45°. Koristi se u zadaćama iz geometrije, drvodjelskom rezanju pod kutom, šivačkim faltama i provjerama nagiba krova na fotografijama.
Brzi početak
- Otvori Protractor. Alat učita kružni brojčanik s dvije zrake koje se mogu povlačiti pri zadanom kutu od 90°.
- Povuci bilo koju zraku za njezinu krajnju ručku kako bi je rotirao oko središta. Kut i osjenčani sektor ažuriraju se u realnom vremenu.
- Za točne kutove uključi Snap i odaberi korak 1°, 5°, 15° ili 45°. Zrake se prikvače na najbliži korak.
- Položi ispisani crtež plosno na ekran kako bi mjerio kutove nacrtane na papiru.
- Koristi Reset za povratak na 90°. Kutomjer mjeri unutarnji kut po zadanom — oduzmi od 360° za refleksni kut.
Kalkulator veličine zaslona
Izračunaj fizičku veličinu ekrana iz rezolucije i PPI-ja ili provjeri pravu veličinu TV-a za udaljenost gledanja. Koriste ga graditelji kućnih kina, kupci monitora i oni koji uspoređuju 65-inčne i 75-inčne panele.
Brzi početak
- Otvori Screen Size Calculator i odaberi način unosa — dijagonala, širina i visina ili rezolucija i PPI.
- Unesi brojeve. Kalkulator vraća fizičku širinu, visinu, površinu i preporučenu udaljenost gledanja.
- Za dimenzioniranje TV-a koristi podstranicu TV size for room: unesi udaljenost kauč–ekran i odaberi standard (THX, SMPTE ili 4K immersive).
- Usporedi dva ekrana pokretanjem kalkulatora dvaput i usporedbom dijagonale i vidljive površine — 16:9 65 inča je puno veći od 21:9 65 inča.
- Prije kupnje provjeri fizičku veličinu s bazom Device Specs.
Pretvarač piksela
Trenutni pretvarač CSS jedinica — px u mm, cm, inče, rem, em, pt, %, vw i vh. Dizajniran za front-end developere, dizajnere i sve koji ugađaju tipografiju ili layout prema ciljnom DPI-ju.
Brzi početak
- Otvori Pixel Converter. Odaberi izvornu jedinicu (px, mm, cm, inče, rem, em, pt, %, vw, vh).
- Unesi vrijednost. Sve ciljne jedinice ažuriraju se istovremeno.
- Postavi osnovnu veličinu fonta (zadano 16px) i DPI za precizne pretvorbe rem-a i fizičkih jedinica.
- Koristi cheat sheet za uobičajene pretvorbe poput 1rem = 16px ili 1pt = 1.333px.
- Kopiraj rezultat u CSS ili dizajn alat. Pretvarač je bez stanja — refresh resetira obrazac.
Kalkulator omjera slike
Izračunaj omjere slike iz piksel dimenzija ili pronađi nedostajuću dimenziju kad je poznata jedna strana i omjer. Napravljeno za video editore, dizajnere društvenih mreža i developere koji biraju veličine slika za Instagram, TikTok, YouTube i LinkedIn.
Brzi početak
- Otvori Aspect Ratio Calculator. Unesi širinu i visinu u pikselima da dobiješ pojednostavljeni omjer.
- Ili odaberi način nedostajuće dimenzije: unesi širinu i ciljni omjer (16:9, 4:3, 1:1, 9:16) i kalkulator vraća visinu.
- Koristi cheat sheet za platforme za pronalaženje pravilne veličine za Instagram objave, TikTok video, YouTube minijature ili LinkedIn bannere.
- Provjeri sliku s Pixel Converterom ako trebaš pretvoriti piksel veličine u fizičke jedinice za tisak.
- Pojednostavljeni omjer je NZD širine i visine — 1920×1080 se svodi 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.