[Original] conversion between fonts PT and PX in the design draft

Generally, when designing a webpage, the font usually uses pixels (PX) or multiples (EM ). One day, I began to reconstruct the page, opened the manuscript from the designer with PS, and began to cut the graph. When I checked the text, I found that the font size was set with Pt, for example:

To understand how PT and PX are converted,The documents compiled by Baidu are as follows:

Px indicates pixel and pixels, which is the most basic point for displaying data on the screen;

PT is the point, which is a common unit in the printing industry. It is equal to 1/72 inch.

It is clear that PX is a point, which is not a unit of natural length. Who can tell how long a "point" is? It can be very small or large. If the point is very small, the image will be clear. We call it "High Resolution", and vice versa, it will be "low resolution ". Therefore, the "point" size is changed, also known as "relative length ".

PT is called a point, but it is not called a "point" in Chinese. As you can see, the exact description is a special printing unit, which is 1/72 inch in size. Therefore, it is a natural standard unit of length, also known as "absolute length ".

Pixel indicates the relative size, while point indicates the absolute size.

PX is the unit of screen pixels.

PT is in the unit of 1/72 inch

The calculation formula is as follows:

So 1px = 1pt * image resolution/72

At this point, we can convert each PT unit of the design draft to PX. If there are few words in the design draft, it's better to calculate it. What if there are more words?

In fact, this is not so troublesome. Here is a simple solution:

Open PS preferences-edit and select "unit and ruler", as shown in the following figure:

The following page is displayed. Select pixels.

In this way, the PT unit in the design draft can be converted to PX, And the pixels of the page text are clearly displayed.