Forskjell mellom versjoner av «Omregning fra pt til px»

Fra LiavaagWiki
Hopp til: navigasjon, søk
m (Beskyttet «Omregning fra pt til px»: Side med mange besøkende ([Redigering=Tillat kun administratorer] (ubestemt) [Flytting=Tillat kun administratorer] (ubestemt)) [dypbeskyttelse])
Linje 1: Linje 1:
==Omtrentlig omregning fra poeng til piksler==
+
==Omtrentlig omregning fra poeng til piksler, ems, og prosenter==
 +
<div style="text-align:right; float:right;">
 +
<span style="font-size:200%;">[http://www.liavaag.org Liavaag.org]</span>
 +
</div>
  
 +
Her er et diagram som konverterer punkter til piksler, samt EMS og prosenter. Dette er et godt utgangspunkt, men er kun en tilnærming, da skriftstørrelsen avhenger av nettleser og operativsystemet.
 +
 +
 +
{| class="wikitable" style="text-align:left; width:50%"
 +
|+Tabell 1.0 – Konverter fra pt til px, ems, og prosenter (ca. mål)
 +
|-
 +
! PX !! PT !! EMS !! Prosenter
 +
|-
 +
| style="text-align:right" | 1px || 0.75pt || - || -
 +
|-
 +
| style="text-align:right" | 2px || 1.5pt || - || -
 +
|-
 +
| style="text-align:right" | 3px || 2.25pt || - || -
 +
|-
 +
| style="text-align:right" | 4px || 3pt || - || -
 +
|-
 +
| style="text-align:right" | 5px || 3.75pt || - || -
 +
|-
 +
| style="text-align:right" | 6px || 4.5pt || - || -
 +
|-
 +
| style="text-align:right" | 7px || 5.25pt || - || -
 +
|-
 +
| style="text-align:right" | 8px || 6pt || 0.5em || 50%
 +
|-
 +
| style="text-align:right" | 9px || 7pt || 0.55em || 55%
 +
|-
 +
| style="text-align:right" | 10px || 7.5pt || 0.625em || 62.5%
 +
|-
 +
| style="text-align:right" | 11px || 8pt || 0.7em || 70%
 +
|-
 +
| style="text-align:right" | 12px || 12px || 0.75em || 75%
 +
|-
 +
| style="text-align:right" | 13px || 10pt || 0.8em || 80%
 +
|-
 +
| style="text-align:right" | 14px || 10.5pt || 0.875em || 87.5%
 +
|-
 +
| style="text-align:right" | 15px || 11pt || 0.95em || 95%
 +
|-
 +
| style="text-align:right" | 16px || 12pt || 1em || 100%
 +
|-
 +
| style="text-align:right" | 17px || 13pt || 1.05em || 105%
 +
|-
 +
| style="text-align:right" | 18px || 13.5pt || 1.125em || 112.5%
 +
|-
 +
| style="text-align:right" | 19px || 14pt || 1.2em || 120%
 +
|-
 +
| style="text-align:right" | 20px || 14.5pt || 1.25em || 125%
 +
|-
 +
| style="text-align:right" | 21px || 15pt || 1.3em || 130%
 +
|-
 +
| style="text-align:right" | 22px || 16pt || 1.4em || 140%
 +
|-
 +
| style="text-align:right" | 23px || 17pt || 1.45em || 145%
 +
|-
 +
| style="text-align:right" | 24px || 18pt || 1.5em || 150%
 +
|-
 +
| style="text-align:right" | 25px || 18.75pt || - || -
 +
|-
 +
| style="text-align:right" | 26px || 20pt || 1.6em || 160%
 +
|-
 +
| style="text-align:right" | 27px || 20.25pt || - || -
 +
|-
 +
| style="text-align:right" | 28px || 21pt || - || -
 +
|-
 +
| style="text-align:right" | 29px || 22pt || 1.8em || 180%
 +
|-
 +
| style="text-align:right" | 30px || 22.5pt || - || -
 +
|-
 +
| style="text-align:right" | 31px || 23.25pt || - || -
 +
|-
 +
| style="text-align:right" | 32px || 24pt || 2em || 200%
 +
|-
 +
| style="text-align:right" | 33px ||  24.75pt || - || -
 +
|-
 +
| style="text-align:right" | 34px || 25.5pt || - || -
 +
|-
 +
| style="text-align:right" | 35px || 26pt || 2.2em || 220%
 +
|-
 +
| style="text-align:right" | 36px || 27pt || 2.25em || 225%
 +
|-
 +
| style="text-align:right" | 37px || 28pt || 2.3em || 230%
 +
|-
 +
| style="text-align:right" | 38px || 29pt || 2.35em || 235%
 +
|-
 +
| style="text-align:right" | 39px || 29.25pt || - || -
 +
|-
 +
| style="text-align:right" | 40px || 30pt || 2.45em || 245%
 +
|-
 +
| style="text-align:right" | 41px || 30.75pt || - || -
 +
|-
 +
| style="text-align:right" | 42px || 32pt || 2.55em || 255%
 +
|-
 +
| style="text-align:right" | 43px || 32.25pt || - || -
 +
|-
 +
| style="text-align:right" | 44px || 33pt || - || -
 +
|-
 +
| style="text-align:right" | 45px || 34pt || 2.75em || 275%
 +
|-
 +
| style="text-align:right" | 46px || 34.5pt || - || -
 +
|-
 +
| style="text-align:right" | 47px ||  35.25pt || - || -
 +
|-
 +
| style="text-align:right" | 48px || 36pt || 3em || 300%
 +
|-
 +
| style="text-align:right" | 49px || 36.75pt || - || -
 +
|-
 +
| style="text-align:right" | 50px ||  37.5pt || - || -
 +
|}
  
Her er et diagram som konverterer punkter til piksler, samt EMS og prosenter. Dette er et godt utgangspunkt, men er kun en tilnærming, da skriftstørrelsen avhenger av nettleser og operativsystemet.
+
==Lenker==
 +
 
 +
 
 +
=== Webverktøy ===
 +
 
 +
*[[HTML5 portal]]
 +
*[[HTML5 entiteter]]
 +
*Info om [[Domener]]
 +
*[[Websikre fonter]] (CSS Web Safe Fonts)

Revisjonen fra 7. jul. 2014 kl. 06:34

Omtrentlig omregning fra poeng til piksler, ems, og prosenter

Liavaag.org

Her er et diagram som konverterer punkter til piksler, samt EMS og prosenter. Dette er et godt utgangspunkt, men er kun en tilnærming, da skriftstørrelsen avhenger av nettleser og operativsystemet.


Tabell 1.0 – Konverter fra pt til px, ems, og prosenter (ca. mål)
PX PT EMS Prosenter
1px 0.75pt - -
2px 1.5pt - -
3px 2.25pt - -
4px 3pt - -
5px 3.75pt - -
6px 4.5pt - -
7px 5.25pt - -
8px 6pt 0.5em 50%
9px 7pt 0.55em 55%
10px 7.5pt 0.625em 62.5%
11px 8pt 0.7em 70%
12px 12px 0.75em 75%
13px 10pt 0.8em 80%
14px 10.5pt 0.875em 87.5%
15px 11pt 0.95em 95%
16px 12pt 1em 100%
17px 13pt 1.05em 105%
18px 13.5pt 1.125em 112.5%
19px 14pt 1.2em 120%
20px 14.5pt 1.25em 125%
21px 15pt 1.3em 130%
22px 16pt 1.4em 140%
23px 17pt 1.45em 145%
24px 18pt 1.5em 150%
25px 18.75pt - -
26px 20pt 1.6em 160%
27px 20.25pt - -
28px 21pt - -
29px 22pt 1.8em 180%
30px 22.5pt - -
31px 23.25pt - -
32px 24pt 2em 200%
33px 24.75pt - -
34px 25.5pt - -
35px 26pt 2.2em 220%
36px 27pt 2.25em 225%
37px 28pt 2.3em 230%
38px 29pt 2.35em 235%
39px 29.25pt - -
40px 30pt 2.45em 245%
41px 30.75pt - -
42px 32pt 2.55em 255%
43px 32.25pt - -
44px 33pt - -
45px 34pt 2.75em 275%
46px 34.5pt - -
47px 35.25pt - -
48px 36pt 3em 300%
49px 36.75pt - -
50px 37.5pt - -

Lenker

Webverktøy