logo
GeekFormat

Conversie van lettergrootte-eenheden

1Pixel = 0.75Punt
0.75

Typografische Eenheden

Punt (pt)0.75
Pixel (px)1
Density-independent Pixel (dp)0.75
Scale-independent Pixel (sp)0.75

Gratis online tool voor het converteren van lettergrootte-eenheden die real-time conversie in twee richtingen ondersteunt van 4 veelgebruikte zetwerk-/UI-eenheden: pt, px, dp en sp. De huidige pagina gebruikt een vaste referentierelatie: 1 px = 0,75 pt, 1 pt ≈ 1,333 px. Tegelijkertijd worden in deze tool dp en sp toegewezen aan pt volgens dezelfde referentiebasis, wat een snelle statische vergelijking tussen ontwerpconcepten, web-/CSS-beschrijvingen en Android UI-annotaties mogelijk maakt. Opgemerkt moet worden dat deze pagina geen browserschaling, apparaatpixeldichtheid, Android-lettertypeschaling of echte afdrukgrootte leest, dus het is meer geschikt voor specificatievergelijking en documentunificatie in plaats van het vervangen van echte apparaatweergavetests. Alle berekeningen worden lokaal in de browser uitgevoerd en de gegevens worden niet naar de server geüpload.

Gerelateerde aanbevelingen

Over het statische conversiekaliber van pt, px, dp, sp

pt (punt) is een gebruikelijke lettergrootte-eenheid in de klassieke zetcontext. Veel documenteditors, presentatiesoftware, merkhandleidingen en lettertypespecificaties gebruiken graag pt om de tekstgrootte uit te drukken. px (pixel) wordt vaker gebruikt in webpagina's, ontwerpconcepten en CSS-annotaties. Het benadrukt de referentiegrootte in de context van scherm en interface.

Het is belangrijk op te merken dat px in CSS niet altijd gelijk is aan een fysieke pixel op het apparaat, maar dichter bij de "referentiepixel". Daarom worden de 16 px op de ontwerptekening, de 16 px in de webpaginastijl en de uiteindelijke visuele grootte die op het mobiele scherm wordt weergegeven nog steeds beïnvloed door schaalbaarheid, dichtheid en platformimplementatie.

dp en sp komen vaker voor in de Android-interfacecontext. Over het algemeen is dp meer gericht op de grootte van de interface-indeling, terwijl sp meer gericht is op de lettergrootte en rekening houdt met de schaal van het systeemlettertype. Deze pagina is echter geen runtimesimulator. Het leest de dichtheid of lettertypeschaling van een bepaalde mobiele telefoon niet. Het plaatst deze eenheden gewoon op een uniforme referentieliniaal voor statische vergelijking.

Deze pagina gebruikt momenteel een vaste referentierelatie: 1 px = 0,75 pt, 1 pt ≈ 1,333 px, en wijst dp en sp toe aan hetzelfde referentiedatum, wat snelle unificatie van ontwerpontwerpen, specificatiedocumenten en cross-end communicatie mogelijk maakt. Het lost het probleem op van "hoe documenten te vergelijken en te schrijven", niet het probleem van "hoe groot de uiteindelijke weergavegrootte op het apparaat moet zijn".

Als uw werkdoel het werkelijke afdrukformaat, de nauwkeurigheid van het papier op millimeters, het browserrem/em-systeem of de verificatie van de schaal van het echte Android-lettertype is, moet u in plaats daarvan de overeenkomstige lengtetools, ontwerpsoftware of echte apparaattests gebruiken. Deze pagina is beter geschikt voor het opstellen van specificaties, vroege beoordeling en leveringsdocumentatie.

Toepassingsgevallen

  • Wijzig snel de lettergroottes 16 px, 18 px en 24 px in het ontwerpconcept naar pt om het schrijven in PPT-, Word- of merkspecificatiedocumenten te vergemakkelijken
  • Wijzig de lettergroottes 12 pt, 14 pt en 18 pt in het document in px om vergelijking tussen de front-end en de ontwerper te vergemakkelijken
  • Bij het aanleveren van internet ontwerp, plaats CSS Verenig algemene lettergroottes met het pt-kaliber in presentatiedocumenten
  • Vervang in de Android UI-beschrijving snel pt of px in het ontwerpconcept met dp- en sp-referentiewaarden om de communicatie te vergemakkelijken
  • Bij het organiseren van de tekstspecificaties van de componentenbibliotheek, verenig de lettergrootte-eenheid bij het schrijven van knoppen, tekst, titels en ondertitels
  • Meng de px en pt gebruikt in historische ontwerpsystemen Verenig lettergroottes in dezelfde set vergelijkingstabellen om de migratiekosten te verlagen
  • Voeg annotaties met twee eenheden toe aan samenwerkingsdocumenten tussen teams, zodat ontwerp-, front-end- en mobiele terminals snel dezelfde lettergrootte kunnen begrijpen
  • Bij het uitvoeren van visuele inspectie en QA, converteer en vergelijk snel verschillende eenheden in ontwerpconceptannotaties en codestijlen
  • Bij het voorbereiden van merkhandleidingen, evenementenposters of presentatiesjablonen, moet u eerst de regels voor de lettergrootte verenigen in een referentiegrootte alvorens te distribueren
  • Maak een uniforme vergelijkingstabel voor de lettergrootte voor e-mails, landingspagina's, H5 en app-copywriting-interfaces
  • Leg tijdens onderwijs en training of intern delen de verschillen en algemene conversierelaties uit van pt, px, dp, sp
  • Converteer snel de annotatie van de lettergrootte op de schermafbeelding naar een andere reeks eenheden die beter bekend zijn bij het team om beoordeling en aanpassing te vergemakkelijken
  • Gebruik bij meertalige productdocumentatie Unified Conversion Calibre om voorbeelden van lettergroottes voor verschillende platforms aan te vullen
  • In de vroege beoordelingsfase, wanneer er geen apparatuur is om te testen, gebruikt u eerst statische conversie om snel te bepalen of het niveau van de lettergrootte over het algemeen redelijk is

Hoe te gebruiken

  1. Vul de bekende waarde van de lettergrootte in het invoervak in, waarbij gehele getallen en decimalen worden ondersteund.
  2. Selecteer de broneenheid aan de linkerkant, optioneel pt, px, dp, sp.
  3. Selecteer de doeleenheid aan de rechterkant en de resultaten worden onmiddellijk bijgewerkt; u kunt op de middelste wisselknop klikken als u deze in omgekeerde volgorde wilt bekijken.
  4. Als je alles in één keer wilt zien, vouw dan het resultatenpaneel uit om de volledige overeenkomst van de waarde in 4 eenheden tegelijk te bekijken.

Functies

  • 4 hoogfrequente lettergroottes/UI-eenheden voor: pt, px, dp, sp, geschikt voor snelle vergelijking tijdens ontwerp, front-end en mobiele levering
  • Directe conversie in twee richtingen: het resultaat wordt onmiddellijk na het invoeren van de waarde bijgewerkt. Het bronapparaat en het doelapparaat kunnen vrij worden geschakeld zonder op de conversieknop te klikken.
  • De vaste referentierelatie is transparant: de huidige pagina gebruikt de gemeenschappelijke benchmarks van 1 px = 0,75 pt, 1 pt ≈ 1,333 px, wat het uniforme kaliber van specificaties en ontwerpontwerpen mogelijk maakt
  • Duidelijke statische vergelijking tussen dp en sp: Deze pagina plaatst dp en sp op dezelfde referentieliniaal voor snelle conversie, wat geschikt is voor het schrijven van documenten, annotaties en teamoverschrijdende communicatie.
  • Alle resultaten kunnen worden uitgevouwen om te bekijken: de overeenkomstige waarden van dezelfde lettergrootte onder pt, px, dp en sp kunnen tegelijkertijd worden weergegeven om eenmalige verificatie te vergemakkelijken.
  • Geschikt voor decimale getallen en tussenwaarden: veel voorkomende niet-gehele waarden in ontwerpen zoals 13,5 px, 10,5 pt, 14 sp kunnen ook direct worden geconverteerd
  • Geef duidelijk de weergavegrens aan: de pagina maakt onderscheid tussen "statische conversie" en "echte apparaatweergave" om het risico te verkleinen dat de referentiewaarde wordt verward met de uiteindelijke fysieke grootte.
  • Puur browser-lokaal computergebruik: geen netwerkverzoeken, geen serverlogboeken, uw ontwerpannotaties, componentspecificaties en leveringsdocumentparameters verlaten het apparaat niet

Hoe kies ik de lettergrootte-eenheid?

Het gaat ook om het schrijven van "hoe groot is de lettergrootte", en verschillende eenheden zijn geschikt voor verschillende scenario's. Zoek eerst uit of u een ontwerpconcept, een webstijl of een Android-specificatie schrijft.

EenheidDe meest voorkomende scenario'sVoordelenOpmerkingenDeze pagina ondersteunt
ptWord, PPT, PDF, merkspecificaties, lettertypedocumentenMeest gebruikelijk in typografie en documentcontexten, eenvoudig uit te lijnen met lettertype-instructiesWanneer u overschakelt naar schermcontext, kunt u het beste een kolom met px-vergelijking toevoegenOndersteund
pxWebpagina's, ontwerpconcepten, CSS-annotaties, interfaceconceptenDe communicatie tussen ontwerp en front-end is het meest direct en komt het meest voor in implementatieNiet absolute fysieke pixels, browsers en apparaten hebben invloed op de uiteindelijke weergaveOndersteuning
dpAndroid-indeling en interface-annotatieGeschikt voor apparaatbeschrijving met meerdere densiteiten, logische grootteDeze pagina simuleert geen echte apparaatdichtheid, alleen statische referentie conversieOndersteuning
spAnnotatie van Android-tekstgrootteGeschikt voor tekstcontext en gemakkelijk te communiceren met mobiele teamsDe echte weergave wordt ook beïnvloed door de schaling van systeemlettertypenOndersteuning
em / rem / mm / inWeb relatieve eenheden of fysieke afdrukgrootteGeschikt voor specifiek ontwerp en implementatiesystemenHet valt niet binnen het ondersteuningsbereik van de huidige pagina en er moeten andere tools of benchmarks worden gebruiktNiet ondersteund

Best Practices

Eerst overeenstemming bereiken over een uniforme benchmark voor het team en deze vervolgens vergelijken tussen eenheden

Als het ontwerp, de front-end en de mobiele terminals de conversiebenchmark niet eerst duidelijk uitleggen, is het gemakkelijk om dezelfde 16 te begrijpen als verschillende visuele formaten. Het zal stabieler zijn om eerst het kaliber te verenigen en vervolgens deze pagina te gebruiken om de dubbele eenheidslabels aan te vullen.

Beschouw de resultaten van deze pagina als een leveringsreferentiewaarde, niet als het uiteindelijke weergaveresultaat

Deze pagina is geschikt voor statische vergelijking van ontwerpconcepten, documenten en specificaties, maar browserschaling, apparaatdichtheid en systeemlettertype-instellingen kunnen de werkelijke weergave enigszins afwijken. Voordat u online gaat, moet er nog steeds visuele verificatie in de doelomgeving worden uitgevoerd.

Schakel over naar lengte-eenheden en echte zetsoftware als fysieke afmetingen vereist zijn

Als het uw doel is om het werkelijke papierformaat, de millimeternauwkeurigheid van het gedrukte product of de fysieke grootte van de geëxporteerde PDF te bevestigen, kijk dan niet alleen naar de statische conversieresultaten van pt/px/dp/sp.

Android-tekst houdt rekening met de schaal van systeemlettertypen

sp De prestaties op echte apparaten worden beïnvloed door de schaal van systeemlettertypen. Deze pagina kan u alleen statische referentiewaarden geven. Als het gaat om toegankelijkheid en aanpassing aan meerdere apparaten, moet u het op een echt apparaat testen.

Web Als u daadwerkelijk rem of em gebruikt, verduidelijk dan eerst de hoofdlettergrootte

Deze pagina wijzigt rem/em niet rechtstreeks, maar u kunt rem/em nog steeds herstellen naar px volgens de hoofdlettergrootte van het project, en deze vervolgens vergelijken met pt of ontwerpannotaties. De sleutel is om eerst de context duidelijk te krijgen.

Probeer zowel de oorspronkelijke eenheid als het conversieresultaat te behouden bij het leveren.

Als u dit bijvoorbeeld schrijft als 16 px / 12 pt of 14 sp / 14 pt, kan de ontvanger snel uw oorspronkelijke bedoeling begrijpen en de daaropvolgende traceback vergemakkelijken.

Veelgestelde vragen

Welke eenheden ondersteunt deze converter voor lettergrootte-eenheden?

Deze pagina ondersteunt momenteel 4 eenheden: pt, px, dp, sp. Het is geschikt voor statische numerieke vergelijking in ontwerpconcepten, CSS-lettergroottes, Android UI-annotaties en componentdocumenten. De huidige pagina ondersteunt geen andere zet-/lengte-eenheden zoals em, rem, mm, cm, in of pc.

Hoeveel px is gelijk aan 1 pt? Hoeveel pt is gelijk aan 16 px?

Volgens de vaste referentierelatie die momenteel op deze pagina wordt gebruikt, is 1 pt ≈ 1,333 px, 1 px = 0,75 pt. Dus 16 px = 12 pt, 12 pt = 16 px, 18 px = 13,5 pt. Dit kaliber is zeer geschikt voor snelle kruiscontroles tussen webontwerpconcepten en presentatiedocumenten.

Wat is het verschil tussen px en pt?

pt (punt) is meer gericht op zetwerk en documentcontext, en verschijnt historisch vaak samen met afdrukken en lettergrootte; px (pixel) is meer gericht op scherm- en CSS-context, en wordt vaak gebruikt in webpagina's en ontwerpannotaties. Ze kunnen beide worden gebruikt om lettergroottes te beschrijven, maar de gebruiksomgevingen zijn verschillend, waardoor veel teams conversievergelijkingen tussen px en pt moeten uitvoeren bij het aanleveren van ontwerpen.

Wat is het verschil tussen dp en sp?

dp wordt meestal gebruikt voor de expressie van de interfacegrootte in Android die verband houdt met de dichtheid, maar de schaal van het lettertype niet volgt, en sp wordt meestal gebruikt voor de expressie van de tekstgrootte die de schaal van het lettertype volgt. Opgemerkt moet worden dat deze pagina, met het oog op vergelijking van statische specificaties, niet de werkelijke apparaatdichtheid of schaling van systeemlettertypen leest, maar deze op een uniforme referentiebasis plaatst voor lineaire conversie.

Waarom kan de waarde die van de pagina wordt uitgewisseld niet precies hetzelfde zijn als de echte apparaatweergave?

Omdat het werkelijke weergave-effect wordt beïnvloed door browserschaling, apparaatpixeldichtheid, hoofdlettergrootte, schaling van systeemlettertypen, platformrenderingstrategie en exportregels voor ontwerpsoftware. Het doel van deze pagina is om statische kalibers te verenigen, niet om de weergaveresultaten van echte apparaten te simuleren. Voordat u eindelijk live gaat, moet u dus nog steeds een daadwerkelijke visuele inspectie uitvoeren op de doelbrowser of het doelapparaat.

Waarom zijn de relaties tussen dp, sp en pt in deze tool zo nauw?

Omdat de huidige pagina statische conversiekalibers gebruikt onder een uniforme referentieliniaal, waarmee u snel verschillende eenheden in documenten, ontwerpconcepten en specificaties kunt vergelijken, in plaats van de realtime weergaveomgeving van een bepaald apparaat te lezen. U kunt dit beschouwen als een "conversiereferentiewaarde zoals geleverd", in plaats van een echte pixelcalculator in de Android-runtime.

Kan het worden ingewisseld voor rem, em, mm, cm of inches?

Momenteel niet. Het feitelijk ondersteunde bereik van deze pagina bedraagt ​​slechts vier eenheden: pt, px, dp en sp. Als u relatieve eenheden zoals rem en em nodig heeft, of fysieke lengte-eenheden zoals mm, cm en in, moet u de overeenkomstige ontwerpbasis of andere lengtehulpmiddelen gebruiken om ze afzonderlijk te verwerken.

Is deze pagina geschikt voor echte afdrukken of berekening van het afdrukformaat?

Deze pagina is niet geschikt voor directe vervanging van de berekening van het werkelijke afdrukformaat. Omdat deze pagina momenteel geen fysieke lengte-eenheden biedt, zoals mm, cm en in, en evenmin de regels voor printer-DPI, uitvoermedia en documentlay-out verwerkt. Als u het werkelijke papierformaat wilt bevestigen, moet u voor de definitieve verificatie lengte-eenheden en daadwerkelijke zetsoftware gebruiken.

Kan ik een decimale waarde invoeren, zoals 13,5 px?

Ja. Niet-gehele waarden zoals 10,5 pt, 13,5 px en 14 sp worden vaak gebruikt in ontwerpsystemen en scenario's voor het afstemmen van interfaces. Deze pagina kan ze direct converteren. Dit maakt het handiger bij het leveren van componentspecificaties, het organiseren van annotatiedocumenten en het uitvoeren van multi-end vergelijkingen.

Hoe moet ik deze tool gebruiken bij het aanleveren van ontwerpen?

Een veiligere aanpak is om de originele ontwerpeenheden te behouden en deze pagina vervolgens te gebruiken om een ​​kolom met geconverteerde referentiewaarden in te vullen. Als het ontwerpconcept bijvoorbeeld is geschreven met 16 px, kunt u het ook schrijven met 16 px / 12 pt voor het front-end- of documentatieteam. Zolang het team het eerst eens wordt over dezelfde conversiebasis, zullen de communicatiekosten veel lager zijn.

Kan deze pagina offline worden gebruikt? Worden de gegevens geüpload?

Ja. Nadat de pagina is geladen, worden alle conversies van de lettergrootte lokaal in de browser uitgevoerd, zonder netwerkverzoeken, zonder serverlogboeken en zonder formulierinzendingen. Uw ontwerpspecificaties, componentannotaties en leveringsdocumentparameters worden niet naar de server geüpload en de invoer wordt gewist nadat de pagina is gesloten.

Woordenlijst

Punt (pt)
Klassieke lettergrootte-eenheid, vaak gebruikt in Word, PPT, PDF, merkspecificaties en documenten met lettertypebeschrijvingen.
Pixel (px)
Een van de meest voorkomende interface-eenheden in webpagina's en ontwerpconcepten, in CSS ligt het dichter bij een referentiepixel dan bij een absolute fysieke pixel.
Dichtheidsonafhankelijke pixel (dp)
Een veelgebruikte logische grootte-eenheid in de Android-context, gebruikt om een ​​relatief consistente interfaceschaal te behouden op apparaten met verschillende dichtheden.
Pixel voor het schalen van lettertypen (sp)
Een veelgebruikte eenheid in de tekstcontext van Android, waarbij meestal rekening wordt gehouden met de schaling van systeemlettertypen, geschikt voor het uitdrukken van de tekstgrootte.
CSS-referentiepixel
Het referentielengteconcept dat in de browserlay-out wordt gebruikt, is niet noodzakelijkerwijs gelijk aan een fysieke pixel op het scherm.
Pixeldichtheid van het apparaat
Hoeveel fysieke pixels er per lengte-eenheid van het scherm zijn, heeft invloed op het daadwerkelijke weergave-effect van dezelfde logische eenheid op verschillende apparaten.
Schaal van lettertypen
Extra schalingsinstellingen voor de tekstgrootte op besturingssysteem- of applicatieniveau hebben invloed op de daadwerkelijke weergaveresultaten.
Vaste referentieconversie
Voert statische lineaire conversie uit onder een uniforme benchmark, die geschikt is voor vergelijking tussen documenten en ontwerplevering, maar is niet gelijkwaardig aan simulatie van echte apparaatweergave.

Snelle controle van veelgebruikte ankerpunten voor conversie van lettertypen

Deze vergelijkingswaarden worden het meest gebruikt in ontwerpconcepten, CSS en documentlevering.

ptpxdp (kaliber van deze pagina)sp (kaliber van deze pagina)Typisch scenario
9pt12px9 dp9 spMinimale aanvullende informatie, secundaire tabelbeschrijving
10,5pt14px10,5 dp10,5 spKleine tekst, beschrijvende tekst
12pt16px12 dp12 spGemeenschappelijke hoofdtekst of formuliertekst
13,5pt18px13,5 dp13,5 spNadruk op tekst en kaarttitels
18pt24px18dp18 spGrote titel- of paginasleutelinformatie
24pt32px24 dp24 spCovertitel, Hero-titel

Selecteer de lettergrootte-eenheid volgens de scène

Dezelfde lettergroottewaarde wordt in verschillende eenheden geschreven en dient voor verschillende samenwerkingsobjecten.

ScenarioMeer geschikte eenheidReden
PPT, Word, merkhandleiding, PDF-specificatieptDe meest natuurlijke in de document- en zetcontext, en het gemakkelijkst uit te lijnen met de lettertypespecificatie
Webpaginastijl, ontwerpconcept, Figma/CSS leveringpxDe laagste communicatiekosten tussen ontwerp en front-end-implementatie
Android-indelingsgroottebeschrijvingdpDichter bij de logische Android-groottecontext
Android-tekstgroottebeschrijvingspDichter bij de context van mobiel lettertypeannotatie, maar hangt uiteindelijk nog steeds af van de schaalbaarheid van de echte machine
Levering van documenten aan verschillende teamsBehoud de oorspronkelijke eenheden en voeg een kolom met conversiewaarden toeKan rekening houden met de leesgewoonten van ontwerp, front-end en mobiele terminals

Privacy & Security

Alle conversies van de lettergrootte op deze pagina worden in uw browser voltooid. De ontwerpannotaties, lettertypespecificaties, componentdocumenten en leveringsparameters die u invoert, verlaten nooit uw apparaat: geen netwerkverzoeken, geen serverlogboeken en uw invoer wordt gewist wanneer u de pagina sluit. Voor interne ontwerpsystemen en niet-gepubliceerde specificaties wordt op deze pagina geen inhoud vastgelegd of opgeslagen.