Adobe Photoshop像素到CSS

时间:2015-11-22 00:11:03

标签: photoshop

如何将Adobe Photoshop点转换为CSS中的像素?

我的字体大小为48pt,它如何转换为像素?

此外,是否有工具可以帮助将photoshop psds转换为CSS / Html?

3 个答案:

答案 0 :(得分:1)

如果您愿意,可以使用点在css中声明文本的大小,不需要转换。这样,如果你的photoshop文件设置为72ppi,你会在photoshop和web中看到相同大小的字体。 如果你构建移动设备,尺寸的工作方式不同。最好的方法是寻找指南,具体取决于您正在构建的设备。

我相信没有工具将photoshop pds转换成css / html。虽然,Zeplin可能有所帮助。 Zeplin是一个轻松导出资产并为项目制定指南的工具,但它也可以帮助您从屏幕创建css文件。 https://zeplin.io/这真的很棒!

答案 1 :(得分:0)

如果您的Photoshop文档是每英寸72像素(网络标准)。 1px = pt。

答案 2 :(得分:0)

OSX渲染72 ppi(dpi),窗口以96 ppi(dpi)渲染位图。了解72ppi或96ppi数字可以帮助您了解正在发生的事情。

Photoshop将根据图像ppi的设置更改文本点大小。

然而,今天的高像素密度显示器整个dpi到ppi都是一种软糖。维基百科有关于像素(屏幕)与点(打印)

的文章很好但是过时了

https://en.wikipedia.org/wiki/Dots_per_inch