Typografiomvandlare

Från Gutenberg till Retina: Att Bemästra Typografiska Enheter

Typografiska enheter utgör grunden för design på tryckta, webb- och mobila plattformar. Från det traditionella punktsystemet som etablerades på 1700-talet till moderna pixelbaserade mått, är förståelsen för dessa enheter avgörande för designers, utvecklare och alla som arbetar med text. Denna omfattande guide täcker 22+ typografiska enheter, deras historiska sammanhang, praktiska tillämpningar och konverteringstekniker för professionellt arbete.

Vad Du Kan Konvertera
Denna omvandlare hanterar 22+ typografiska enheter för tryck, webb och mobil. Konvertera mellan absoluta enheter (punkter, pica, tum) och skärmberoende enheter (pixlar vid olika DPI). Notera: Pixelkonverteringar kräver DPI-kontext—96 DPI (Windows), 72 DPI (äldre Mac), eller 300 DPI (tryck).

Grundläggande Koncept: Att Förstå Typografisk Mätning

Vad är en Punkt?
En punkt (pt) är den grundläggande enheten inom typografi, definierad i PostScript-standarden som exakt 1/72 av en tum (0,3528 mm). Denna standardisering, som etablerades på 1980-talet, förenade århundraden av konkurrerande typografiska system och är fortfarande branschstandarden idag.

Punkt (pt)

Den absoluta enheten för typografi, standardiserad som 1/72 tum

Punkter mäter teckenstorlek, radavstånd (leading) och andra typografiska dimensioner. Ett 12pt-teckensnitt innebär att avståndet från den lägsta nedstapeln till den högsta uppstapeln är 12 punkter (1/6 tum eller 4,23 mm). Punktsystemet ger enhetsoberoende mätningar som översätts konsekvent över olika medier.

Exempel: 12pt Times New Roman = 0,1667 tum hög = 4,23 mm. Professionell brödtext använder vanligtvis 10-12pt, rubriker 18-72pt.

Pixel (px)

Den digitala enheten som representerar en enskild prick på en skärm eller bild

Pixlar är enhetsberoende enheter som varierar beroende på skärmens densitet (DPI/PPI). Samma antal pixlar ser större ut på lågupplösta skärmar (72 PPI) och mindre på högupplösta retina-skärmar (220+ PPI). Att förstå DPI/PPI-relationer är avgörande för konsekvent typografi över olika enheter.

Exempel: 16px vid 96 DPI = 12pt. Samma 16px vid 300 DPI (tryck) = 3,84pt. Ange alltid mål-DPI när du konverterar pixlar.

Pica (pc)

Traditionell typografisk enhet som motsvarar 12 punkter eller 1/6 tum

Pica mäter spaltbredder, marginaler och sidlayoutdimensioner i traditionell tryckdesign. Programvara för desktop publishing som InDesign och QuarkXPress använder pica som standardmåttenhet. En pica är exakt lika med 12 punkter, vilket gör konverteringar enkla.

Exempel: En standardtidningsspalt kan vara 15 pica bred (2,5 tum eller 180 punkter). Tidskriftslayouter använder ofta mått på 30-40 pica.

Viktiga Punkter
  • 1 punkt (pt) = 1/72 tum = 0,3528 mm — absolut fysisk mätning
  • 1 pica (pc) = 12 punkter = 1/6 tum — standard för layout och spaltbredd
  • Pixlar är enhetsberoende: 96 DPI (Windows), 72 DPI (äldre Mac), 300 DPI (tryck)
  • PostScript-punkten (1984) förenade århundraden av inkompatibla typografiska system
  • Digital typografi använder punkter för design, pixlar för implementering
  • DPI/PPI bestämmer konvertering från pixel till punkt: högre DPI = mindre fysisk storlek

Snabba Konverteringsexempel

12 pt1/6 tum (4,23 mm)
16 px @ 96 DPI12 pt
72 pt1 tum
6 pica72 pt = 1 tum
16 px @ 72 DPI16 pt
32 dp (Android)≈14,4 pt

Utvecklingen av Typografisk Mätning

Medeltid och Tidig Modern Tid (1450-1737)

1450–1737

Födelsen av lösa typer skapade behovet av standardiserade mått, men regionala system förblev inkompatibla i århundraden.

  • 1450: Gutenbergs tryckpress skapar behovet av standardiserade typsnittsstorlekar
  • 1500-talet: Typsnittsstorlekar namnges efter bibelutgåvor (Cicero, Augustin, etc.)
  • 1600-talet: Varje europeisk region utvecklar sitt eget punktsystem
  • 1690-talet: Den franske typografen Fournier föreslår ett 12-delningssystem
  • Tidiga system: Extremt inkonsekventa, med skillnader på 0,01-0,02 mm mellan regioner

Didot-systemet (1737-1886)

1737–1886

Den franske tryckaren François-Ambroise Didot skapade den första verkliga standarden, som antogs över hela kontinentaleuropa och fortfarande används idag i Frankrike och Tyskland.

  • 1737: Fournier föreslår ett punktsystem baserat på den franska kungliga tummen
  • 1770: François-Ambroise Didot förfinar systemet — 1 Didot-punkt = 0,376 mm
  • 1785: Cicero (12 Didot-punkter) blir standardmåttet
  • 1800-talet: Didot-systemet dominerar tryckningen i kontinentaleuropa
  • Modernt: Används fortfarande i Frankrike, Tyskland, Belgien för traditionellt tryck

Det Anglo-Amerikanska Systemet (1886-1984)

1886–1984

Amerikanska och brittiska tryckare standardiserade pica-systemet och definierade 1 punkt som 0,013837 tum (1/72,27 tum), vilket dominerade engelskspråkig typografi.

  • 1886: American Type Founders etablerar pica-systemet: 1 pt = 0,013837 tum
  • 1898: Britterna antar den amerikanska standarden och skapar anglo-amerikansk enhet
  • 1930-1970-talet: Pica-systemet dominerar all engelskspråkig tryckning
  • Skillnad: Anglo-amerikansk punkt (0,351 mm) vs. Didot (0,376 mm) — 7 % större
  • Inverkan: Krävde separata typsnittsgjutningar för de amerikanska/brittiska marknaderna jämfört med de europeiska

PostScript-revolutionen (1984-idag)

1984–idag

Adobes PostScript-standard enade den globala typografin genom att definiera 1 punkt som exakt 1/72 tum, vilket avslutade århundraden av inkompatibilitet och möjliggjorde digital typografi.

  • 1984: Adobe PostScript definierar 1 pt = exakt 1/72 tum (0,3528 mm)
  • 1985: Apple LaserWriter gör PostScript till standarden för desktop publishing
  • 1990-talet: PostScript-punkten blir den globala standarden och ersätter regionala system
  • 2000-talet: TrueType och OpenType antar PostScript-mätningar
  • Modernt: PostScript-punkten är den universella standarden för all digital design

Traditionella Typografiska System

Innan PostScript enade måttenheterna 1984 fanns regionala typografiska system sida vid sida, var och en med unika punktdefinitioner. Dessa system är fortfarande viktiga för historiskt tryck och specialiserade tillämpningar.

Didot-systemet (franskt/europeiskt)

Etablerat 1770 av François-Ambroise Didot

Den kontinentaleuropeiska standarden, som fortfarande används i Frankrike, Tyskland och delar av Östeuropa för traditionellt tryck.

  • 1 Didot-punkt = 0,376 mm (jämfört med PostScript 0,353 mm) — 6,5 % större
  • 1 Cicero = 12 Didot-punkter = 4,51 mm (jämförbart med pica)
  • Baserat på den franska kungliga tummen (27,07 mm), vilket ger en metrisk-liknande enkelhet
  • Fortfarande föredraget i europeisk konstboks- och klassisk tryckning
  • Modern användning: Franska Imprimerie nationale, tysk Fraktur-typografi

TeX-systemet (akademiskt)

Skapat 1978 av Donald Knuth för datorstyrd sättning

Den akademiska standarden för matematisk och vetenskaplig publicering, optimerad för exakt digital komposition.

  • 1 TeX-punkt = 1/72,27 tum = 0,351 mm (matchar det gamla anglo-amerikanska punkten)
  • Valt för att bevara kompatibilitet med för-digitala akademiska publikationer
  • 1 TeX-pica = 12 TeX-punkter (något mindre än en PostScript-pica)
  • Används av LaTeX, det dominerande vetenskapliga publiceringssystemet
  • Avgörande för: Akademiska uppsatser, matematiska texter, fysiktidskrifter

Twip (datorsystem)

Typografi för Microsoft Word och Windows

Den interna måttenheten för ordbehandlare, som ger finkornig kontroll över layouten av digitala dokument.

  • 1 twip = 1/20 punkt = 1/1440 tum = 0,0176 mm
  • Namn: 'Tjugondel av en punkt' — extremt exakt mätning
  • Används internt av: Microsoft Word, Excel, PowerPoint, Windows GDI
  • Tillåter bråkdels-punktstorlekar utan flyttalsmatematik
  • 20 twips = 1 punkt, vilket möjliggör en precision på 0,05pt för professionell sättning

Amerikansk Tryckpunkt

American Type Founders-standard från 1886

Den för-digitala standarden for engelskspråkig tryckning, något annorlunda än PostScript.

  • 1 tryckpunkt = 0,013837 tum = 0,351 mm
  • Motsvarar 1/72,27 tum (jämfört med PostScript 1/72) — 0,4 % mindre
  • Pica = 0,166 tum (jämfört med PostScript 0,16667) — en knappt märkbar skillnad
  • Dominerade 1886-1984 före PostScript-föreningen
  • Eftermäle: Vissa traditionella tryckerier refererar fortfarande till detta system

Vanliga Typografiska Storlekar

AnvändningPunkterPixlar (96 DPI)Noteringar
Fin stil / fotnoter8-9 pt11-12 pxMinimal läsbarhet
Brödtext (tryck)10-12 pt13-16 pxBöcker, tidskrifter
Brödtext (webb)12 pt16 pxWebbläsarstandard
Underrubriker14-18 pt19-24 pxAvsnittsrubriker
Rubriker (H2-H3)18-24 pt24-32 pxArtikeltitlar
Huvudrubriker (H1)28-48 pt37-64 pxSid-/affischtitlar
Displaytyp60-144 pt80-192 pxAffischer, reklamskyltar
Minsta tryckyta33 pt44 pxiOS-tillgänglighet
Standard spaltbredd180 pt (15 pc)240 pxTidningar
Standardradavstånd14,4 pt (för 12pt text)19,2 px120 % radavstånd

Fascinerande Fakta om Typografi

Ursprunget till 'Font'

Ordet 'font' (teckensnitt) kommer från franskans 'fonte', som betyder 'gjutet' eller 'smält'—och syftar på det smälta metall som hälldes i formar för att skapa enskilda metalltyper i traditionellt boktryck.

Varför 72 Punkter?

PostScript valde 72 punkter per tum eftersom 72 är delbart med 2, 3, 4, 6, 8, 9, 12, 18, 24 och 36—vilket gör beräkningar enklare. Det stämde också mycket väl överens med det traditionella pica-systemet (72,27 punkter/tum).

Dyrast Teckensnitt

Bauer Bodoni kostar 89 900 dollar för den kompletta familjen—ett av de dyraste kommersiella teckensnitten som någonsin sålts. Dess design krävde års arbete för att digitalisera från ursprungliga metalltypexemplar från 1920-talet.

Psykologin bakom Comic Sans

Trots designernas hat ökar Comic Sans läshastigheten för dyslektiska läsare med 10-15 % på grund av oregelbundna bokstavsformer som förhindrar teckenförväxling. Det är faktiskt ett värdefullt tillgänglighetsverktyg.

Universellt Symbol

Symbolen '@' har olika namn på olika språk: 'snigel' (italienska), 'apsvans' (nederländska), 'liten mus' (kinesiska) och 'inlagd sillrulle' (tjeckiska)—men det är samma 24pt-tecken.

Macs val av 72 DPI

Apple valde 72 DPI för de ursprungliga Mac-datorerna för att exakt matcha PostScript-punkter (1 pixel = 1 punkt), vilket gjorde WYSIWYG desktop publishing möjligt för första gången 1984. Detta revolutionerade grafisk design.

Tidslinje för Typografins Utveckling

1450

Gutenberg uppfinner lösa typer—det första behovet av standarder för typsnittsmätning

1737

François-Ambroise Didot skapar Didot-punktsystemet (0,376 mm)

1886

American Type Founders standardiserar pica-systemet (1 pt = 1/72,27 tum)

1978

Donald Knuth skapar TeX-punktsystemet för akademisk sättning

1984

Adobe PostScript definierar 1 pt = exakt 1/72 tum—global enhetlighet

1985

Apple LaserWriter för PostScript till desktop publishing

1991

TrueType-fontformatet standardiserar digital typografi

1996

CSS introducerar webbtypografi med pixelbaserade mätningar

2007

iPhone introducerar @2x retina-skärmar—densitetsoberoende design

2008

Android lanseras med dp (densitetsoberoende pixlar)

2010

Webb-fonter (WOFF) möjliggör anpassad typografi online

2014

Specifikation för variabla fonter—en enda fil, oändliga stilar

Digital Typografi: Skärmar, DPI och Plattformsskillnader

Digital typografi introducerar enhetsberoende mätningar där samma numeriska värde producerar olika fysiska storlekar baserat på skärmens densitet. Att förstå plattformskonventioner är avgörande för en konsekvent design.

Windows (96 DPI Standard)

96 DPI (96 pixlar per tum)

Microsoft standardiserade 96 DPI i Windows 95, vilket skapade ett 4:3-förhållande mellan pixlar och punkter. Detta är fortfarande standard för de flesta PC-skärmar.

  • 1 px vid 96 DPI = 0,75 pt (4 pixlar = 3 punkter)
  • 16px = 12pt — vanlig konvertering av brödtextstorlek
  • Historia: Valdes som 1,5× den ursprungliga 64 DPI CGA-standarden
  • Modernt: Skärmar med hög DPI använder 125%, 150%, 200% skalning (120, 144, 192 DPI)
  • Webbstandard: CSS antar 96 DPI för alla px-till-fysiska konverteringar

macOS (72 DPI Äldre, 220 PPI Retina)

72 DPI (äldre), 220 PPI (@2x Retina)

Apples ursprungliga 72 DPI matchade PostScript-punkter 1:1. Moderna Retina-skärmar använder @2x/@3x-skalning för skarp återgivning.

  • Äldre: 1 px vid 72 DPI = exakt 1 pt (perfekt överensstämmelse)
  • Retina @2x: 2 fysiska pixlar per punkt, 220 PPI effektivt
  • Retina @3x: 3 fysiska pixlar per punkt, 330 PPI (iPhone)
  • Fördel: Punktstorlekar matchar över skärm och utskriftsförhandsvisning
  • Verklighet: Fysisk Retina är 220 PPI men skalas för att se ut som 110 PPI (2×)

Android (160 DPI Baslinje)

160 DPI (densitetsoberoende pixel)

Androids dp-system (densitetsoberoende pixel) normaliserar till en 160 DPI-baslinje, med densitetskategorier för olika skärmar.

  • 1 dp vid 160 DPI = 0,45 pt (160 pixlar/tum ÷ 72 punkter/tum)
  • Densitetskategorier: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
  • Formel: fysiska pixlar = dp × (skärm-DPI / 160)
  • 16sp (skaloberoende pixel) = rekommenderad minsta textstorlek
  • Fördel: Samma dp-värde ser fysiskt identiskt ut på alla Android-enheter

iOS (72 DPI @1x, 144+ DPI @2x/@3x)

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

iOS använder punkten som en logisk enhet som är identisk med PostScript-punkter, där antalet fysiska pixlar beror på skärmgenerationen (icke-retina @1x, retina @2x, super-retina @3x).

  • 1 iOS-punkt vid @1x = 1,0 pt PostScript (72 DPI-baslinje, samma som PostScript)
  • Retina @2x: 2 fysiska pixlar per iOS-punkt (144 DPI)
  • Super Retina @3x: 3 fysiska pixlar per iOS-punkt (216 DPI)
  • Alla iOS-designer använder punkter; systemet hanterar pixeltätheten automatiskt
  • 17pt = minsta rekommenderade brödtextstorlek (tillgänglighet)

DPI vs. PPI: Förståelse av Skärm- och Trycktäthet

DPI (Prickar per Tum)

Skrivarupplösning — hur många bläckprickar som får plats på en tum

DPI mäter skrivarens utskriftsupplösning. Högre DPI ger jämnare text och bilder genom att placera fler bläckprickar per tum.

  • 300 DPI: Standard för professionell utskrift (tidskrifter, böcker)
  • 600 DPI: Högkvalitativ laserutskrift (affärsdokument)
  • 1200-2400 DPI: Professionell fotoutskrift och konstnärlig reproduktion
  • 72 DPI: Endast för skärmförhandsvisning — oacceptabelt för utskrift (ser hackigt ut)
  • 150 DPI: Utkastutskrift eller storformatsaffischer (sedda på avstånd)

PPI (Pixlar per Tum)

Skärmupplösning — hur många pixlar som får plats på en tum av en skärm

PPI mäter skärmtäthet. Högre PPI skapar skarpare skärmtext genom att packa fler pixlar på samma fysiska yta.

  • 72 PPI: Ursprungliga Mac-skärmar (1 pixel = 1 punkt)
  • 96 PPI: Standard Windows-skärmar (1,33 pixlar per punkt)
  • 110-120 PPI: Budgetskärmar för bärbara/stationära datorer
  • 220 PPI: MacBook Retina, iPad Pro (2× pixeltäthet)
  • 326-458 PPI: iPhone Retina/Super Retina (3× pixeltäthet)
  • 400-600 PPI: Avancerade Android-telefoner (Samsung, Google Pixel)
Vanligt Misstag: Att förväxla DPI och PPI

DPI och PPI används ofta omväxlande men mäter olika saker. DPI är för skrivare (bläckprickar), PPI är för skärmar (ljusemitterande pixlar). När du designar, specificera alltid: 'Skärm med 96 PPI' eller 'Utskrift med 300 DPI' — aldrig bara 'DPI' ensamt, då det är tvetydigt.

Praktiska Tillämpningar: Val av Rätt Enheter

Tryckdesign

Tryck använder absoluta enheter (punkter, pica) eftersom den fysiska utskriftsstorleken måste vara exakt och enhetsoberoende.

  • Brödtext: 10-12pt för böcker, 9-11pt för tidskrifter
  • Overskrifter: 18-72pt beroende på hierarki och format
  • Radavstånd (leading): 120 % av teckenstorleken (12pt text = 14,4pt radavstånd)
  • Mät absoluta dimensioner i pica: 'Kolumnbredd: 25 pica'
  • Designa alltid med 300 DPI för professionell utskrift
  • Använd aldrig pixlar för utskrift — konvertera dem till punkter/pica/tum

Webbdesign

Webb-typografi använder pixlar och relativa enheter eftersom skärmar varierar i storlek och densitet.

  • Brödtext: 16px standard (webbläsarstandard) = 12pt vid 96 DPI
  • Använd aldrig absoluta punktstorlekar i CSS — webbläsare återger dem oförutsägbart
  • Responsiv design: Använd rem (relativt till rot-teckensnittet) för skalbarhet
  • Minimumtext: 14px för brödtext, 12px för bildtexter (tillgänglighet)
  • Radhöjd: 1.5 (utan enhet) för läsbarheten av brödtexten
  • Mediefrågor: Designa för 320px (mobil) till 1920px+ (desktop)

Mobilappar

Mobila plattformar använder densitetsoberoende enheter (dp/pt) för att säkerställa en konsekvent fysisk storlek på olika skärmdensiteter.

  • iOS: Designa i punkter (pt), systemet skalar automatiskt till @2x/@3x
  • Android: Använd dp (densitetsoberoende pixlar) för layout, sp för text
  • Minimum beröringsmål: 44pt (iOS) eller 48dp (Android) för tillgänglighet
  • Brödtext: 16sp (Android) eller 17pt (iOS) minimum
  • Använd aldrig fysiska pixlar — använd alltid logiska enheter (dp/pt)
  • Testa på flera densiteter: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi

Akademiskt & Vetenskapligt

Akademisk publicering använder TeX-punkter för matematisk precision och kompatibilitet med etablerad litteratur.

  • LaTeX använder TeX-punkter (72,27 per tum) för äldre kompatibilitet
  • Standardtidskrift: 10pt Computer Modern-font
  • Två-kolumnsformat: 3,33 tum (240pt) kolumner med 0,25 tum (18pt) mellanrum
  • Ekvationer: Exakt punktstorlek är avgörande för matematisk notation
  • Konvertera noggrant: 1 TeX pt = 0,9963 PostScript pt
  • PDF-utdata: TeX hanterar automatiskt konverteringar av punktsystemet

Vanliga Konverteringar och Beräkningar

Snabbguide för dagliga typografiska konverteringar:

Viktiga Konverteringar

FrånTillFormelExempel
PunkterTumpt ÷ 7272pt = 1 tum
PunkterMillimeterpt × 0,352812pt = 4,23mm
PunkterPicapt ÷ 1272pt = 6 pica
Pixlar (96 DPI)Punkterpx × 0,7516px = 12pt
Pixlar (72 DPI)Punkterpx × 112px = 12pt
PicaTumpc ÷ 66pc = 1 tum
TumPunkterin × 722in = 144pt
Android dpPunkterdp × 0,4532dp = 14,4pt

Fullständig Referens för Enhetskonvertering

Alla typografiska enheter med exakta konverteringsfaktorer. Basenhet: PostScript-punkt (pt)

Absoluta (Fysiska) Enheter

Base Unit: PostScript-punkt (pt)

UnitTo PointsTo InchesExample
Punkt (pt)× 1÷ 7272 pt = 1 tum
Pica (pc)× 12÷ 66 pc = 1 tum = 72 pt
Tum (in)× 72× 11 in = 72 pt = 6 pc
Millimeter (mm)× 2,8346÷ 25,425,4 mm = 1 in = 72 pt
Centimeter (cm)× 28,346÷ 2,542,54 cm = 1 in
Didot-punkt× 1,07÷ 67,667,6 Didot = 1 in
Cicero× 12,84÷ 5,61 cicero = 12 Didot
TeX-punkt× 0,9963÷ 72,2772,27 TeX pt = 1 in

Skärm-/Digitala Enheter (DPI-beroende)

Dessa konverteringar beror på skärmens DPI (punkter per tum). Standardantaganden: 96 DPI (Windows), 72 DPI (äldre Mac)

UnitTo PointsFormulaExample
Pixel @ 96 DPI× 0,75pt = px × 72/9616 px = 12 pt
Pixel @ 72 DPI× 1pt = px × 72/7212 px = 12 pt
Pixel @ 300 DPI× 0,24pt = px × 72/300300 px = 72 pt = 1 in

Mobila Plattformsenheter

Plattformsspecifika logiska enheter som skalar med enhetens densitet

UnitTo PointsFormulaExample
Android dp× 0,45pt ≈ dp × 72/16032 dp ≈ 14,4 pt
iOS pt (@1x)× 1,0PostScript pt = iOS pt (identisk)17 iOS pt = 17 PostScript pt
iOS pt (@2x Retina)2 fysiska px per iOS pt2× pixlar1 iOS pt = 2 skärmpixlar
iOS pt (@3x)3 fysiska px per iOS pt3× pixlar1 iOS pt = 3 skärmpixlar

Äldre och Specialiserade Enheter

UnitTo PointsFormulaExample
Twip (1/20 pt)÷ 20pt = twip / 201440 twip = 72 pt = 1 in
Q (1/4 mm)× 0,7087pt = Q × 0,25 × 2,83464 Q = 1 mm
PostScript Stor Punkt× 1,00375Exakt 1/72 tum72 bp = 1,0027 in

Viktiga Beräkningar

CalculationFormulaExample
DPI-till-Punkt-konverteringpt = (px × 72) / DPI16px @ 96 DPI = (16×72)/96 = 12 pt
Fysisk storlek från punktertum = pt / 72144 pt = 144/72 = 2 tum
Radavstånd (leading)radavstånd = teckenstorlek × 1,2 till 1,4512pt teckensnitt → 14,4-17,4pt radavstånd
Utskriftsupplösningnödvändiga pixlar = (tum × DPI) för bredd och höjd8×10 tum @ 300 DPI = 2400×3000 px

Bästa Praxis för Typografi

Tryckdesign

  • Arbeta alltid i punkter eller pica — aldrig i pixlar för utskrift
  • Ställ in dokument i verklig storlek (300 DPI) från början
  • Använd 10-12pt för brödtext; allt mindre minskar läsbarheten
  • Radavståndet bör vara 120-145 % av teckenstorleken för bekväm läsning
  • Marginaler: Minst 0,5 tum (36pt) för bindning och hantering
  • Gör en provutskrift i verklig storlek innan du skickar till ett kommersiellt tryckeri

Webbutveckling

  • Använd rem för teckenstorlekar — det låter användaren zooma utan att bryta layouten
  • Ställ in rot-teckensnittet på 16px (webbläsarstandard) — aldrig mindre
  • Använd enhetslösa radhöjdsvärden (1.5) istället för fasta höjder
  • Använd aldrig absoluta punktstorlekar i CSS — oförutsägbar rendering
  • Testa på verkliga enheter, inte bara genom att ändra storlek på webbläsaren — DPI är viktigt
  • Minsta teckenstorlek: 14px brödtext, 12px bildtexter, 44px beröringsmål

Mobilappar

  • iOS: Designa på @1x, exportera @2x- och @3x-resurser automatiskt
  • Android: Designa i dp, testa på mdpi/hdpi/xhdpi/xxhdpi
  • Minimumtext: 17pt (iOS) eller 16sp (Android) för tillgänglighet
  • Beröringsmål: 44pt (iOS) eller 48dp (Android) minimum
  • Testa på fysiska enheter — simulatorer visar inte den sanna densiteten
  • Använd systemfonter när det är möjligt — de är optimerade för plattformen

Tillgänglighet

  • Minimum brödtext: 16px (webb), 17pt (iOS), 16sp (Android)
  • Hög kontrast: 4.5:1 för brödtext, 3:1 för stor text (18pt+)
  • Stöd användarskalning: använd relativa enheter, inte fasta storlekar
  • Radlängd: 45-75 tecken per rad för optimal läsbarhet
  • Radhöjd: minimum 1,5× teckenstorleken för tillgänglighet för dyslexi
  • Testa med skärmläsare och zoom på 200 %

Vanliga Frågor

Varför ser min text annorlunda ut i Photoshop jämfört med Word?

Photoshop antar 72 PPI för skärmvisning, medan Word använder 96 DPI (Windows) för layout. En 12pt-font i Photoshop ser 33 % större ut på skärmen än i Word, även om båda skrivs ut i identiska storlekar. Ställ in Photoshop på 300 PPI för tryckarbete för att se korrekt storlek.

Bör jag designa i punkter eller pixlar för webben?

Alltid i pixlar (eller relativa enheter som rem/em) för webben. Punkter är absoluta fysiska enheter som återges inkonsekvent på olika webbläsare och enheter. 12pt kan vara 16px på en enhet och 20px på en annan. Använd px/rem för förutsägbar webb-typografi.

Vad är skillnaden mellan pt, px och dp?

pt = absolut fysisk (1/72 tum), px = skärmpixel (varierar med DPI), dp = Android-densitetsoberoende (normaliserad till 160 DPI). Använd pt för tryck, px för webb, dp för Android, iOS pt (logisk) för iOS. Varje system är optimerat för sin plattform.

Varför ser 12pt annorlunda ut i olika appar?

Applikationer tolkar punkter olika baserat på deras DPI-antagande. Word använder 96 DPI, Photoshop har som standard 72 PPI, InDesign använder den faktiska enhetsupplösningen. 12pt är alltid 1/6 tum när det skrivs ut, men ser annorlunda ut på skärmen på grund av DPI-inställningar.

Hur konverterar jag TeX-punkter till PostScript-punkter?

Multiplicera TeX-punkter med 0,9963 för att få PostScript-punkter (1 TeX pt = 1/72,27 tum vs. PostScript 1/72 tum). Skillnaden är liten—bara 0,37%—men är viktig för akademisk publicering där exakt avstånd är avgörande för matematisk notation.

Vilken upplösning ska jag designa med?

Tryck: 300 DPI minimum, 600 DPI för hög kvalitet. Webb: Designa med 96 DPI, tillhandahåll @2x-resurser för retina. Mobil: Designa på @1x i logiska enheter (pt/dp), exportera @2x/@3x. Designa aldrig med 72 DPI om du inte siktar på äldre Mac-skärmar.

Varför är 16px webbstandarden?

Webbläsarens standard teckenstorlek är 16px (motsvarar 12pt vid 96 DPI), vald för optimal läsbarhet på typiska visningsavstånd (18-24 tum). Allt mindre minskar läsbarheten, särskilt för äldre användare. Använd alltid 16px som grund för relativ storlek.

Måste jag kunna Didot-punkter?

Endast om du arbetar med traditionell europeisk tryckning, franska förlag eller historiska reproduktioner. Didot-punkter (0,376 mm) är 6,5 % större än PostScript-punkter. Modern digital design använder universellt PostScript-punkter—Didot är främst relevant for klassisk typografi och konstböcker.

Komplett Verktygskatalog

Alla 71 verktyg tillgängliga på UNITS

Filtrera efter:
Kategorier:

Extra