如何将Adobe Photoshop点转换为CSS中的像素?
我的字体大小为48pt,它如何转换为像素?
此外,是否有工具可以帮助将photoshop psds转换为CSS / Html?
答案 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都是一种软糖。维基百科有关于像素(屏幕)与点(打印)
的文章很好但是过时了