Kalkulačka letter-spacing
Nástroj prepočíta rozostup písmen z pixelov na hodnotu em podľa veľkosti písma. Zobrazí CSS zápis v em aj px, vzorec, hodnotenie rozostupu a ukážku textu.
Letter-spacing v em
0.025em
Zadajte veľkosť písma a rozostup písmen v pixeloch. Kalkulačka vypočíta letter-spacing v em.
Ukážka textu s vypočítaným letter-spacing
Ukážka textu s nastaveným rozostupom písmen
Letter-spacing používajte opatrne. Pri bežných odsekoch býva často najlepšie nechať prirodzené medzery písma, pri nadpisoch alebo veľkých písmenách môže jemný rozostup pomôcť.
Kalkulačka letter-spacing pomáha prepočítať rozostup písmen z pixelov na relatívnu hodnotu em. Hodí sa pri nadpisoch, tlačidlách, navigácii, logotypoch a typografických úpravách CSS.
Výpočet letter-spacing z pixelov na em
Kalkulačka letter-spacing je určená pre úpravu rozostupu písmen v CSS. Hodí sa pri nadpisoch, tlačidlách, navigácii, logotypoch, štítkoch alebo krátkych textoch, kde chcete nastaviť jemnejší alebo výraznejší odstup medzi znakmi. Namiesto ručného prepočítavania z pixelov na relatívnu jednotku em stačí zadať veľkosť písma a požadovaný rozostup v pixeloch.
Výpočet pracuje s dvomi vstupmi. Prvým je veľkosť písma v px a druhým rozostup písmen v px. Kalkulačka tieto hodnoty porovná a vypočíta výsledný letter-spacing v em. Použitý princíp je jednoduchý: rozostup písmen v pixeloch sa vydelí veľkosťou písma v pixeloch. Ak je napríklad veľkosť písma 16 px a rozostup písmen 0,4 px, výsledkom je 0.025em.
Hlavný výsledok zobrazuje hodnotu letter-spacing v em. Okrem toho vidíte aj pôvodný rozostup v px, veľkosť písma, vzorec výpočtu, CSS zápis v em a CSS zápis v px. Súčasťou výsledku je aj hodnotenie, ktoré pomáha rozlíšiť, či ide o jemný rozostup, výraznejší rozostup, veľký rozostup alebo záporné zúženie písmen.
Na výsledok má najväčší vplyv pomer medzi rozostupom písmen a veľkosťou písma. Rovnaký rozostup v pixeloch môže pri malom texte pôsobiť výraznejšie než pri veľkom nadpise. Preto je hodnota v em praktická hlavne v responzívnej typografii, pretože sa vzťahuje k veľkosti písma a lepšie sa prispôsobuje konkrétnemu textovému prvku.
Praktický príklad je úprava nadpisu s veľkosťou písma 16 px. Ak chcete použiť rozostup 0,4 px, kalkulačka vypočíta hodnotu 0.025em a pripraví CSS zápis letter-spacing: 0.025em;. Zároveň zobrazí aj zápis v pixeloch, takže si môžete vybrať, ktorú hodnotu použijete v štýle.
Letter-spacing je vhodné používať opatrne. Pri bežných odsekoch býva často lepšie ponechať prirodzený rozostup daného písma. Jemné navýšenie môže pomôcť pri nadpisoch, veľkých písmenách alebo krátkych prvkoch rozhrania, zatiaľ čo príliš vysoká alebo záporná hodnota môže zhoršiť čitateľnosť textu.
TIP pre vás
Domácnosť ide ľahšie s dobrými pomôckami
Prepočty jednotiek sa hodia pri varení, upratovaní, meraní aj plánovaní domácnosti. Pozrite si praktické doplnky a vybavenie, ktoré doma využijete častejšie, než si myslíte.
Pozrieť pomôckyČasté otázky
Čo počíta kalkulačka letter-spacing?
Prepočíta rozostup písmen v pixeloch na hodnotu em podľa zadanej veľkosti písma.
Aké údaje treba zadať?
Zadáva sa veľkosť písma v px a rozostup písmen v px. Z týchto hodnôt sa vypočíta letter-spacing v em.
Aký CSS zápis kalkulačka zobrazí?
Zobrazí CSS zápis v em, napríklad letter-spacing: 0.025em;, aj samostatný zápis v pixeloch.
Dá sa použiť aj záporný rozostup písmen?
Áno. Záporná hodnota písmená priblíži k sebe, no pri menšom texte môže zhoršiť čitateľnosť.
Na čo sa hodí výpočet letter-spacing?
Hodí sa pri úprave nadpisov, tlačidiel, navigácie, logotypov, veľkých písmen a typografických detailov v CSS.