Joan edukira
Bai
EspañolEnglishEuskara Hasi →

Tresnak

Lerroartearen kalkulagailua

Kalkulatu gomendatutako lerroartea letra-tamainaren arabera, pixeletan eta CSSrako unitaterik gabe.

Pribatua diseinuz
px
Gomendatua
24.0px
1,5× proportzioa — testu arrunterako egokiena
Urrezko proportzioa
25.9px
φ (1,618) — proportzio harmoniatsuak
Estua1.2×
Izenburuak, testu handia
19.2px
Doitua1.375×
Azpitituluak
22.0px
Arrunta1.5×
Testu arrunta (gomendatua)
24.0px
Lasaia1.625×
Irakurketa luzea
26.0px
Zabala2×
Bloke handiak, irisgarritasuna
32.0px
1.2× lerroartea

Proba-testu honek lerro bakoitzak nola arnasten duen ikusten laguntzen du. Aldatu letra-tamaina eta alderatu zutabe bakoitzeko lerroartea.

1.5× lerroartea

Proba-testu honek lerro bakoitzak nola arnasten duen ikusten laguntzen du. Aldatu letra-tamaina eta alderatu zutabe bakoitzeko lerroartea.

2× lerroartea

Proba-testu honek lerro bakoitzak nola arnasten duen ikusten laguntzen du. Aldatu letra-tamaina eta alderatu zutabe bakoitzeko lerroartea.

Tresna honi buruz

Lerroartearen kalkulagailuak lerro-altuera (line-height) ematen dizu pixeletan, letra-tamaina jakin baterako. Artikulu, produktu-fitxa, izenburu edo botoi batean lerroen artean zenbat tarte utzi erabakitzeko balio du, eta testua estutu edo zabaltzean irakurketa nola aldatzen den begirada batean alderatzeko. Webgune bat diseinatzen ari bazara edo CSS estilo-orri bat idazten, balio zehatzak segundo gutxitan izango dituzu, kalkulagailurik gabe.

Sartu letra-tamaina pixeletan. Goian bi proposamen ikusiko dituzu: «Gomendatua», 1,5 proportzioarekin testu arrunterako, eta «Urrezko proportzioa», 1,618rekin. «Ohiko proportzioak» atalean bost eskala dituzu, estutik (1,2) zabalera (2), bakoitza bere ohiko erabilerarekin eta balioa kopiatzeko botoi batekin. «Aurrebista» atalak paragrafo bat erakusten du 1,2, 1,5 eta 2 lerroarteekin, alderatzeko.

Kalkulua zure nabigatzailean egiten da eta ez da daturik bidaltzen. Emaitzak pixeletan ematen dira, hamartar batekin; zure CSSn unitaterik gabeko line-height bat nahiago baduzu, erabili zuzenean proportzioa (adibidez, 1.5). Tresnak ez ditu kontuan hartzen zutabearen zabalera ezta erabiltzen duzun letra-tipoa ere: abiapuntuak dira, zure benetako tipografiarekin berrikusi beharrekoak.

Nola kalkulatzen da testu baten lerroartea?

  1. Idatzi letra-tamaina «Letra-tamaina» eremuan, pixeletan. Orria irekitzean 16 da; eremua hutsik geratzen bada, tresnak 16rekin kalkulatzen du.
  2. Irakurri goian bi emaitza nagusiak: «Gomendatua» aukerak tamaina 1,5ez biderkatzen du, eta «Urrezko proportzioa» aukerak 1,618z. 16 px-ekin, 24 px eta 25,9 px ateratzen dira.
  3. Jaitsi «Ohiko proportzioak» atalera bost eskala ikusteko: «Estua» (1,2), «Doitua» (1,375), «Arrunta» (1,5), «Lasaia» (1,625) eta «Zabala» (2), bakoitza bere ohiko erabilerarekin.
  4. Sakatu «Kopiatu» edo errenkada bakoitzeko kopiatzeko ikonoa balioa bere unitatearekin eramateko, adibidez 24.0px, zure CSSan itsasteko prest.
  5. Alderatu «Aurrebista» atalean paragrafo bera 1,2, 1,5 eta 2 lerroartearekin. Aurrebistak zure letra-tamaina erabiltzen du 24 px arte; hortik gora, 24 px-en geratzen da, sar dadin.

Zer lerroarte gomendatzen da pantailako testurako?

Irakurtzeko paragrafoetarako, tresnak letra-tamainaren 1,5 aldiz proposatzen du: «Gomendatua» aukeraren eta «Arrunta» errenkadaren balioa da. WCAG irisgarritasun-jarraibideek testuak diseinua hautsi gabe lortu ahal izatea eskatzen duten lerroartea ere bada; beraz, abiapuntu ona da.

Lerro zabaleko testu luzeek arnas pixka bat gehiago eskertu ohi dute, adibidez 1,625 («Lasaia»). Izenburuek, gutxiago, adibidez 1,2 («Estua»), letra handiarekin lerroen arteko tartea asko nabaritzen delako. Azpitituluetan eta interfazeko testuetan tarteko balio bat erabili ohi da, adibidez 1,375 («Doitua»).

Tresnak ez daki zein letra-tipo erabiltzen duzun ez zutabea zenbateko zabalera duen. Tamaina bereko bi letra-tipo oso desberdinak izan daitezke; beraz, egiaztatu emaitza zure benetako tipografiarekin.

Nola eramaten da lerroartea CSSra?

CSSn, line-height propietateak unitaterik gabeko zenbaki bat (line-height: 1.5), pixeletako neurri bat (line-height: 24px) edo rem-etakoa onartzen du. Unitaterik gabeko zenbakiak elementu bakoitzaren letra-tamaina biderkatzen du; beraz, bloke baten barruko izenburu batek bere tamainarekin kalkulatzen du berriro lerroartea.

Kalkulagailuak ematen dituen pixelak altuera finko bat behar duzunean dira baliagarriak: testua ikono batekin lerrokatzeko, botoi bati altuera zehatza emateko edo testua oinarrizko sare batean sartzeko, adibidez 4 edo 8 px-ekoan.

Balioa puntu hamartarrarekin kopiatzen da (24.0px), CSSk hori ulertzen baitu. Rem-etara pasatzeko, zatitu pixelak erroko letra-tamainarekin: nabigatzaileek berez duten errotik abiatuta, 16 px, 24 px 1,5 rem dira.

Zergatik ematen du urrezko lerroarteak 1,618?

Urrezko proportzioak (φ) gutxi gorabehera 1,618 balio du. Kalkulagailuak 1,5en ordezko gisa eskaintzen du: letra-tamaina 1,618z biderkatzen du eta hamartar batera biribiltzen du. 18 px-ekin, 29,1 px ateratzen dira.

Ez da arau tipografiko bat, eta berez ez du testua irakurterrazagoa egiten. 1,5 baino emaitza irekixeagoa ematen du, «Arrunta» (1,5) eta «Lasaia» (1,625) artean. Erabili arnas hori bilatzen baduzu, eta berrikusi zure diseinuan.

Ohiko galderak

Zein lerroarte gomendatzen da testurako?

Paragrafo luzeetan letra-tamainaren 1,4 eta 1,6 bider artean erabili ohi da. WCAG irisgarritasun-jarraibideek diote testuak gutxienez 1,5 onartu behar duela.

Hobe da line-height unitateekin ala gabe?

CSSn, normalean hobe da unitaterik gabe (line-height: 1.5), elementu umeek beren letra-tamainarekin berriro kalkulatzen dutelako. Pixelak altuera zehatz bat behar duzunean dira erabilgarriak.

Zer lerroarte erabili izenburuetan?

Izenburu handiek lerroarte estuagoekin ematen dute emaitza hobea, 1,1 eta 1,3 artean, 1,5ekin lerroak bereizita ematen baitute.

Zer da urrezko proportzioko lerroartea?

Letra-tamaina 1,618rekin biderkatzea da. 1,5 baino testu irekiagoa ematen du, eta batzuei erosoa egiten zaie irakurketa luzerako, nahiz eta ez den araua.

Lotutako tresnak