Typografian absoluuttinen yksikkö, standardoitu 1/72 tuumaksi

Pisteillä mitataan fonttikokoa, riviväliä (leading) ja muita typografisia ulottuvuuksia. 12 pisteen fontti tarkoittaa, että etäisyys alimmasta alalenkistä ylimpään ylälenkkiin on 12 pistettä (1/6 tuumaa tai 4,23 mm). Pistejärjestelmä tarjoaa laiteriippumattomia mittoja, jotka siirtyvät johdonmukaisesti eri medioiden välillä.

Esimerkki: 12pt Times New Roman = 0,1667 tuumaa korkea = 4,23 mm. Ammattimainen leipäteksti käyttää tyypillisesti 10-12 pt, otsikot 18-72 pt.

Digitaalinen yksikkö, joka edustaa yhtä pistettä näytöllä tai kuvassa

Pikselit ovat laiteriippuvaisia yksiköitä, jotka vaihtelevat näytön tiheyden (DPI/PPI) mukaan. Sama pikselimäärä näyttää suuremmalta matalan resoluution näytöillä (72 PPI) ja pienemmältä korkean resoluution retina-näytöillä (220+ PPI). DPI/PPI-suhteiden ymmärtäminen on ratkaisevan tärkeää johdonmukaisen typografian saavuttamiseksi eri laitteissa.

Esimerkki: 16px 96 DPI:llä = 12pt. Sama 16px 300 DPI:llä (paino) = 3,84pt. Määritä aina kohde-DPI pikseleitä muunnettaessa.

Perinteinen typografinen yksikkö, joka vastaa 12 pistettä tai 1/6 tuumaa

Pica-yksiköllä mitataan palstan leveyksiä, marginaaleja ja sivun asettelun ulottuvuuksia perinteisessä painosuunnittelussa. Työpöytäjulkaisuohjelmistot, kuten InDesign ja QuarkXPress, käyttävät picaa oletusmittayksikkönä. Yksi pica vastaa tasan 12 pistettä, mikä tekee muunnoksista suoraviivaisia.

Esimerkki: Tavallinen sanomalehden palsta voi olla 15 picaa leveä (2,5 tuumaa tai 180 pistettä). Aikakauslehtien asetteluissa käytetään usein 30-40 pican mittoja.

1450–1737

Irtokirjasinten synty loi tarpeen standardisoiduille mitoille, mutta alueelliset järjestelmät pysyivät yhteensopimattomina vuosisatojen ajan.

• 1450: Gutenbergin kirjapainokone luo tarpeen standardisoiduille kirjasinkoo'ille
• 1500-luku: Kirjasinkoot nimetään Raamatun painosten mukaan (Cicero, Augustin jne.)
• 1600-luku: Jokainen Euroopan alue kehittää oman pistejärjestelmänsä
• 1690-luku: Ranskalainen typografi Fournier ehdottaa 12-osaista järjestelmää
• Varhaiset järjestelmät: Erittäin epäjohdonmukaisia, eroavat alueiden välillä 0,01-0,02 mm

1737–1886

Ranskalainen kirjanpainaja François-Ambroise Didot loi ensimmäisen todellisen standardin, joka omaksuttiin koko Manner-Euroopassa ja jota käytetään edelleen Ranskassa ja Saksassa.

• 1737: Fournier ehdottaa Ranskan kuninkaalliseen tuumaan perustuvaa pistejärjestelmää
• 1770: François-Ambroise Didot hienosäätää järjestelmää — 1 Didot-piste = 0,376 mm
• 1785: Cicero (12 Didot-pistettä) tulee standardimitaksi
• 1800-luku: Didot-järjestelmä hallitsee Manner-Euroopan painatusta
• Moderni: Käytetään edelleen Ranskassa, Saksassa ja Belgiassa perinteisessä painatuksessa

1886–1984

Amerikkalaiset ja brittiläiset kirjanpainajat standardoivat pica-järjestelmän määrittelemällä yhden pisteen 0,013837 tuumaksi (1/72,27 tuumaa), mikä hallitsi englanninkielistä typografiaa.

• 1886: American Type Founders perustaa pica-järjestelmän: 1 pt = 0,013837"
• 1898: Britit omaksuvat amerikkalaisen standardin, luoden anglo-amerikkalaisen yhtenäisyyden
• 1930-luvulta 1970-luvulle: Pica-järjestelmä hallitsee kaikkea englanninkielistä painatusta
• Ero: Anglo-amerikkalainen piste (0,351 mm) vs. Didot (0,376 mm) — 7 % suurempi
• Vaikutus: Vaati erillisiä kirjasinvaloksia Yhdysvaltain/Ison-Britannian markkinoille verrattuna Euroopan markkinoihin

1984–Nykyhetki

Adoben PostScript-standardi yhdisti maailmanlaajuisen typografian määrittelemällä yhden pisteen tasan 1/72 tuumaksi, mikä päätti vuosisatoja kestäneen yhteensopimattomuuden ja mahdollisti digitaalisen typografian.

• 1984: Adobe PostScript määrittelee 1 pt = tasan 1/72 tuumaa (0,3528 mm)
• 1985: Apple LaserWriter tekee PostScriptistä työpöytäjulkaisemisen standardin
• 1990-luku: PostScript-pisteestä tulee maailmanlaajuinen standardi, joka korvaa alueelliset järjestelmät
• 2000-luku: TrueType ja OpenType omaksuvat PostScript-mitat
• Moderni: PostScript-piste on universaali standardi kaikessa digitaalisessa suunnittelussa

Perustettu vuonna 1770 François-Ambroise Didot'n toimesta

Manner-Euroopan standardi, jota käytetään edelleen Ranskassa, Saksassa ja osissa Itä-Eurooppaa perinteisessä painatuksessa.

• 1 Didot-piste = 0,376 mm (vrt. PostScript 0,353 mm) — 6,5 % suurempi
• 1 Cicero = 12 Didot-pistettä = 4,51 mm (verrattavissa picaan)
• Perustuu Ranskan kuninkaalliseen tuumaan (27,07 mm), mikä tarjoaa metriikan kaltaista yksinkertaisuutta
• Edelleen suosittu eurooppalaisessa taidekirja- ja klassisessa painatuksessa
• Moderni käyttö: Ranskan Imprimerie nationale, saksalainen Fraktur-typografia

Luoja Donald Knuth vuonna 1978 tietokoneladontaa varten

Akateeminen standardi matemaattiselle ja tieteelliselle julkaisemiselle, optimoitu tarkkaa digitaalista sommittelua varten.

• 1 TeX-piste = 1/72,27 tuumaa = 0,351 mm (vastaa vanhaa anglo-amerikkalaista pistettä)
• Valittu säilyttämään yhteensopivuus esidigitaalisten akateemisten julkaisujen kanssa
• 1 TeX-pica = 12 TeX-pistettä (hieman pienempi kuin PostScript-pica)
• Käytössä LaTeXissa, joka on hallitseva tieteellinen julkaisujärjestelmä
• Kriittinen: Akateemisille artikkeleille, matemaattisille teksteille, fysiikan lehdille

Microsoft Wordin ja Windowsin typografia

Tekstinkäsittelyohjelmien sisäinen mittayksikkö, joka mahdollistaa hienojakoisen hallinnan digitaalisten asiakirjojen asettelussa.

• 1 twip = 1/20 pistettä = 1/1440 tuumaa = 0,0176 mm
• Nimi: 'Pisteen kahdeskymmenesosa' — erittäin tarkka mitta
• Sisäisesti käytössä: Microsoft Word, Excel, PowerPoint, Windows GDI
• Mahdollistaa murto-osapistekoot ilman liukulukuaritmetiikkaa
• 20 twipiä = 1 piste, mikä mahdollistaa 0,05 pisteen tarkkuuden ammattiladonnassa

Vuoden 1886 American Type Founders -standardi

Esidigitaalinen standardi englanninkieliselle painatukselle, joka eroaa hieman PostScriptistä.

• 1 painajan piste = 0,013837 tuumaa = 0,351 mm
• Vastaa 1/72,27 tuumaa (vrt. PostScript 1/72) — 0,4 % pienempi
• Pica = 0,166 tuumaa (vrt. PostScript 0,16667) — tuskin havaittava ero
• Hallitsi vuosina 1886-1984 ennen PostScript-yhdenmukaistamista
• Perintövaikutus: Jotkut perinteiset painotalot viittaavat edelleen tähän järjestelmään

Sana 'font' tulee ranskan sanasta 'fonte', joka tarkoittaa 'valettu' tai 'sulanut'—viitaten sulaan metalliin, jota kaadettiin muotteihin yksittäisten metallikirjasimien luomiseksi perinteisessä kohopainossa.

PostScript valitsi 72 pistettä tuumalle, koska 72 on jaollinen luvuilla 2, 3, 4, 6, 8, 9, 12, 18, 24 ja 36—mikä helpottaa laskutoimituksia. Se vastasi myös hyvin perinteistä pica-järjestelmää (72,27 pistettä/tuuma).

Bauer Bodoni maksaa 89 900 dollaria koko perheestä—se on yksi kalleimmista koskaan myydyistä kaupallisista fonteista. Sen suunnittelu vaati vuosien työn digitoidakseen sen alkuperäisistä 1920-luvun metallisista kirjasinnäytteistä.

Huolimatta suunnittelijoiden inhosta, Comic Sans lisää lukihäiriöisten lukunopeutta 10-15 % epäsäännöllisten kirjainmuotojen ansiosta, jotka estävät merkkien sekaannusta. Se on itse asiassa arvokas saavutettavuustyökalu.

'@'-merkillä on eri kielissä eri nimiä: 'etana' (italia), 'apinan häntä' (hollanti), 'pieni hiiri' (kiina) ja 'kääritty etikkasilli' (tšekki)—mutta se on sama 24 pisteen merkki.

Apple valitsi alkuperäisille Maceille 72 DPI:n vastaamaan täsmälleen PostScript-pisteitä (1 pikseli = 1 piste), mikä mahdollisti WYSIWYG-työpöytäjulkaisemisen ensimmäistä kertaa vuonna 1984. Tämä mullisti graafisen suunnittelun.

Gutenberg keksii irtokirjasimet—ensimmäinen tarve kirjasinmittojen standardeille

François-Ambroise Didot luo Didot-pistejärjestelmän (0,376 mm)

American Type Founders standardoi pica-järjestelmän (1 pt = 1/72,27 tuumaa)

Donald Knuth luo TeX-pistejärjestelmän akateemista ladontaa varten

Adobe PostScript määrittelee 1 pt = tasan 1/72 tuumaa—maailmanlaajuinen yhdenmukaistaminen

Apple LaserWriter tuo PostScriptin työpöytäjulkaisemiseen

TrueType-fonttimuoto standardoi digitaalisen typografian

CSS esittelee verkkotypografian pikselipohjaisilla mitoilla

iPhone esittelee @2x retina-näytöt—tiheydestä riippumaton suunnittelu

Android julkaistaan dp:llä (tiheydestä riippumattomat pikselit)

Verkkofontit (WOFF) mahdollistavat mukautetun typografian verkossa

Muuttuvien fonttien määritys—yksi tiedosto, äärettömästi tyylejä

96 DPI (96 pikseliä tuumalla)

Microsoft standardoi 96 DPI:n Windows 95:ssä, luoden 4:3-suhteen pikselien ja pisteiden välille. Tämä on edelleen oletus useimmissa PC-näytöissä.

• 1 px 96 DPI:llä = 0,75 pt (4 pikseliä = 3 pistettä)
• 16px = 12pt — yleinen leipätekstin kokomuunnos
• Historia: Valittiin 1,5-kertaiseksi alkuperäiseen 64 DPI CGA-standardiin nähden
• Moderni: Korkean DPI:n näytöt käyttävät 125 %, 150 %, 200 % skaalausta (120, 144, 192 DPI)
• Verkon oletus: CSS olettaa 96 DPI:n kaikille px-fyysinen-muunnoksille

72 DPI (vanha), 220 PPI (@2x Retina)

Applen alkuperäinen 72 DPI vastasi PostScript-pisteitä 1:1. Modernit Retina-näytöt käyttävät @2x/@3x-skaalausta terävää renderöintiä varten.

• Vanha: 1 px 72 DPI:llä = tasan 1 pt (täydellinen vastaavuus)
• Retina @2x: 2 fyysistä pikseliä per piste, 220 PPI tehollisesti
• Retina @3x: 3 fyysistä pikseliä per piste, 330 PPI (iPhone)
• Etu: Pistekoot vastaavat toisiaan näytöllä ja tulostuksen esikatselussa
• Todellisuus: Fyysinen Retina on 220 PPI, mutta se skaalataan näyttämään 110 PPI:ltä (2×)

160 DPI (tiheydestä riippumaton pikseli)

Androidin dp (tiheydestä riippumaton pikseli) -järjestelmä normalisoi 160 DPI:n perustasoon, ja eri näytöille on omat tiheysluokkansa.

• 1 dp 160 DPI:llä = 0,45 pt (160 pikseliä/tuuma ÷ 72 pistettä/tuuma)
• Tiheysluokat: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
• Kaava: fyysiset pikselit = dp × (näytön DPI / 160)
• 16sp (skaalasta riippumaton pikseli) = suositeltu minimitekstikoko
• Etu: Sama dp-arvo näyttää fyysisesti identtiseltä kaikissa Android-laitteissa

72 DPI (@1x), 144 DPI (@2x), 216 DPI (@3x)

iOS käyttää pistettä loogisena yksikkönä, joka on identtinen PostScript-pisteiden kanssa. Fyysisten pikselien määrä riippuu näytön sukupolvesta (ei-retina @1x, retina @2x, super-retina @3x).

• 1 iOS-piste @1x = 1,0 PostScript-pistettä (72 DPI perustaso, sama kuin PostScript)
• Retina @2x: 2 fyysistä pikseliä per iOS-piste (144 DPI)
• Super Retina @3x: 3 fyysistä pikseliä per iOS-piste (216 DPI)
• Kaikki iOS-suunnitelmat käyttävät pisteitä; järjestelmä hoitaa pikselitiheyden automaattisesti
• 17pt = minimi suositeltu leipätekstin koko (saavutettavuus)

Tulostimen resoluutio — kuinka monta mustepistettä mahtuu yhdelle tuumalle

DPI mittaa tulostimen tulostusresoluutiota. Korkeampi DPI tuottaa tasaisempaa tekstiä ja kuvia sijoittamalla enemmän mustepisteitä tuumalle.

• 300 DPI: Standardi ammattimaiseen painatukseen (aikakauslehdet, kirjat)
• 600 DPI: Laadukas lasertulostus (liikeasiakirjat)
• 1200-2400 DPI: Ammattimainen valokuvatulostus ja taidejäljennökset
• 72 DPI: Vain näytön esikatseluun — painokelvoton (näyttää sahalaitaiselta)
• 150 DPI: Luonnostulostus tai suurikokoiset julisteet (tarkasteltuna kaukaa)

Näytön resoluutio — kuinka monta pikseliä mahtuu yhdelle tuumalle näyttöä

PPI mittaa näytön tiheyttä. Korkeampi PPI luo terävämpää näyttötekstiä pakkaamalla enemmän pikseleitä samalle fyysiselle alueelle.

• 72 PPI: Alkuperäiset Mac-näytöt (1 pikseli = 1 piste)
• 96 PPI: Standardit Windows-näytöt (1,33 pikseliä per piste)
• 110-120 PPI: Edulliset kannettavien/pöytäkoneiden näytöt
• 220 PPI: MacBook Retina, iPad Pro (2× pikselitiheys)
• 326-458 PPI: iPhone Retina/Super Retina (3× pikselitiheys)
• 400-600 PPI: Huippuluokan Android-puhelimet (Samsung, Google Pixel)

Painatuksessa käytetään absoluuttisia yksiköitä (pisteitä, picaa), koska fyysisen tulosteen koon on oltava tarkka ja laiteriippumaton.

• Leipäteksti: 10-12 pt kirjoille, 9-11 pt aikakauslehdille
• Otsikot: 18-72 pt hierarkian ja formaatin mukaan
• Riviväli (leading): 120 % fonttikoosta (12 pt teksti = 14,4 pt riviväli)
• Mittaa absoluuttiset mitat pica-yksiköissä: 'Palstan leveys: 25 picaa'
• Suunnittele aina 300 DPI:llä ammattimaista painatusta varten
• Älä koskaan käytä pikseleitä painatukseen — muunna ne pisteiksi/picaiksi/tuumiksi

Verkkotypografia käyttää pikseleitä ja suhteellisia yksiköitä, koska näyttöjen koot ja tiheydet vaihtelevat.

• Leipäteksti: 16px oletus (selainstandardi) = 12pt 96 DPI:llä
• Älä koskaan käytä absoluuttisia pistekokoja CSS:ssä — selaimet renderöivät ne ennalta-arvaamattomasti
• Responsiivinen suunnittelu: Käytä rem-yksikköä (suhteessa juurifonttiin) skaalautuvuuden vuoksi
• Minimiteksti: 14px leipätekstille, 12px kuvateksteille (saavutettavuus)
• Rivikorkeus: 1.5 (yksikötön) leipätekstin luettavuuden parantamiseksi
• Mediakyselyt: Suunnittele 320px (mobiili) - 1920px+ (työpöytä) välille

Mobiilialustat käyttävät tiheydestä riippumattomia yksiköitä (dp/pt) varmistaakseen yhtenäisen fyysisen koon eri näyttötiheyksillä.

• iOS: Suunnittele pisteinä (pt), järjestelmä skaalaa automaattisesti @2x/@3x
• Android: Käytä dp:tä (tiheydestä riippumattomat pikselit) asetteluihin, sp:tä tekstiin
• Minimaalinen kosketuskohde: 44pt (iOS) tai 48dp (Android) saavutettavuuden vuoksi
• Leipäteksti: vähintään 16sp (Android) tai 17pt (iOS)
• Älä koskaan käytä fyysisiä pikseleitä — käytä aina loogisia yksiköitä (dp/pt)
• Testaa useilla tiheyksillä: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi

Akateeminen julkaiseminen käyttää TeX-pisteitä matemaattisen tarkkuuden ja vakiintuneen kirjallisuuden kanssa yhteensopivuuden vuoksi.

• LaTeX käyttää TeX-pisteitä (72,27 tuumalla) vanhan yhteensopivuuden vuoksi
• Standardi lehti: 10pt Computer Modern -fontti
• Kahden palstan muoto: 3,33 tuuman (240pt) palstat 0,25 tuuman (18pt) välillä
• Kaavat: Tarkka pistekoko on kriittinen matemaattiselle notaatiolle
• Muunna huolellisesti: 1 TeX pt = 0,9963 PostScript pt
• PDF-tulostus: TeX hoitaa pistejärjestelmän muunnokset automaattisesti

• Työskentele aina pisteinä tai pica-yksiköissä — älä koskaan pikseleinä painatusta varten
• Määritä asiakirjat todelliseen kokoon (300 DPI) alusta alkaen
• Käytä 10-12 pt leipätekstissä; pienempi heikentää luettavuutta
• Rivivälin tulisi olla 120-145 % fonttikoosta mukavaa lukemista varten
• Marginaalit: Vähintään 0,5 tuumaa (36 pt) sidontaa ja käsittelyä varten
• Tee koetuloste todellisessa koossa ennen lähettämistä kaupalliseen painoon

• Käytä rem-yksiköitä fonttikooissa — se mahdollistaa käyttäjän zoomauksen rikkomatta asettelua
• Aseta juurifontin kooksi 16px (selainstandardi) — ei koskaan pienemmäksi
• Käytä yksiköttömiä rivikorkeusarvoja (1.5) kiinteiden korkeuksien sijaan
• Älä koskaan käytä absoluuttisia pistekokoja CSS:ssä — ennalta-arvaamaton renderöinti
• Testaa oikeilla laitteilla, ei vain selainta muuttamalla — DPI on tärkeä
• Minimifonttikoko: 14px leipäteksti, 12px kuvatekstit, 44px kosketuskohteet

• iOS: Suunnittele @1x, vie @2x- ja @3x-resurssit automaattisesti
• Android: Suunnittele dp-yksiköissä, testaa mdpi/hdpi/xhdpi/xxhdpi-laitteilla
• Minimiteksti: 17pt (iOS) tai 16sp (Android) saavutettavuuden vuoksi
• Kosketuskohteet: vähintään 44pt (iOS) tai 48dp (Android)
• Testaa fyysisillä laitteilla — simulaattorit eivät näytä todellista tiheyttä
• Käytä järjestelmäfontteja aina kun mahdollista — ne on optimoitu alustalle

• Minimi leipäteksti: 16px (verkko), 17pt (iOS), 16sp (Android)
• Korkea kontrasti: 4.5:1 leipätekstille, 3:1 suurelle tekstille (18pt+)
• Tue käyttäjän skaalausta: käytä suhteellisia yksiköitä, ei kiinteitä kokoja
• Rivinpituus: 45-75 merkkiä rivillä optimaalisen luettavuuden saavuttamiseksi
• Rivikorkeus: vähintään 1,5× fonttikoko dysleksian saavutettavuuden parantamiseksi
• Testaa ruudunlukijoilla ja 200 % zoomauksella

Photoshop olettaa näytön tarkkuudeksi 72 PPI, kun taas Word käyttää asetteluun 96 DPI (Windows). 12 pisteen fontti Photoshopissa näyttää 33 % suuremmalta näytöllä kuin Wordissa, vaikka molemmat tulostuvat identtisessä koossa. Aseta Photoshop 300 PPI:hin painotöitä varten, jotta näet tarkan koon.

Aina pikseleinä (tai suhteellisina yksikköinä kuten rem/em) verkkoa varten. Pisteet ovat absoluuttisia fyysisiä yksiköitä, jotka renderöityvät epäjohdonmukaisesti eri selaimissa ja laitteissa. 12pt voi olla 16px yhdellä laitteella ja 20px toisella. Käytä px/rem ennustettavaa verkkotypografiaa varten.

pt = absoluuttinen fyysinen (1/72 tuumaa), px = näyttöpikseli (vaihtelee DPI:n mukaan), dp = Androidin tiheydestä riippumaton (normalisoitu 160 DPI:hin). Käytä pt:tä painatukseen, px:ää verkkoon, dp:tä Androidiin, loogista pt:tä iOS:iin. Jokainen järjestelmä on optimoitu omalle alustalleen.

Sovellukset tulkitsevat pisteitä eri tavalla DPI-oletuksensa perusteella. Word käyttää 96 DPI:tä, Photoshopin oletus on 72 PPI, InDesign käyttää laitteen todellista resoluutiota. 12pt on aina 1/6 tuumaa tulostettaessa, mutta se näyttää eri kokoiselta näytöllä DPI-asetusten vuoksi.

Kerro TeX-pisteet luvulla 0,9963 saadaksesi PostScript-pisteet (1 TeX pt = 1/72,27 tuumaa vs. PostScript 1/72 tuumaa). Ero on pieni—vain 0,37 %—mutta sillä on merkitystä akateemisessa julkaisemisessa, jossa tarkka välistys on kriittinen matemaattiselle notaatiolle.

Paino: vähintään 300 DPI, korkeaa laatua varten 600 DPI. Verkko: Suunnittele 96 DPI:llä, tarjoa @2x-resurssit retinalle. Mobiili: Suunnittele @1x loogisissa yksiköissä (pt/dp), vie @2x/@3x. Älä koskaan suunnittele 72 DPI:llä, ellet kohdista vanhoihin Mac-näyttöihin.

Selaimen oletusfonttikoko on 16px (vastaa 12pt 96 DPI:llä), joka on valittu optimaalisen luettavuuden saavuttamiseksi tyypillisillä katseluetäisyyksillä (18-24 tuumaa). Pienempi heikentää luettavuutta, erityisesti iäkkäämmillä käyttäjillä. Käytä aina 16px:ää perustana suhteelliselle mitoitukselle.

Vain jos työskentelet perinteisen eurooppalaisen painatuksen, ranskalaisten kustantajien tai historiallisten jäljennösten parissa. Didot-pisteet (0,376 mm) ovat 6,5 % suurempia kuin PostScript-pisteet. Moderni digitaalinen suunnittelu käyttää yleisesti PostScript-pisteitä—Didot on pääasiassa relevantti klassisen typografian ja taidekirjojen yhteydessä.