導航:首頁 > 編程大全 > px轉sp在線工具

px轉sp在線工具

發布時間:2024-11-15 11:30:25

❶ PxCook像素大廚V39960官方版PxCook像素大廚V39960官方版功能簡介

大家好,關於PxCook像素大廚 V3.9.960 官方版,PxCook像素大廚 V3.9.960 官方版功能簡介這個很多人還不知道,現在讓我們一起來看看吧!

PxCook像素大廚是一款非常強大的智能切圖軟體,它提供PSD文件解析、Sketch設計元素尺寸、文本樣式、顏色的智能標注等功能,支持各種智能切圖,自動識別各圖層尺寸及文本樣式等,從設計到代碼,讓團隊高效協作讓切圖更精準!

【優勢介紹】

【智能標注】提供PSD文件解析與Sketch插件支持,自動識別各圖層尺寸及文本樣式等,標注更快捷!

【Px Dp Pt單位轉換】標注單位一鍵轉換,減輕設計師計算負擔。

【數字隨便改】所有尺寸數值都可手動更改,自由度Max。

【psd快速切圖】連接PS切圖,可同時輸出多種設備,切圖更精準!

【特色介紹】

雲協作 & 本地項目任選

與團隊一起同步最新設計稿, 協作更高效。

將設計上傳到PxCook雲或保存為本地文件, 滿足全部需求。

支持存儲方式:雲存儲, PXCP項目文件, PNG

自動手動隨意切, 既精準又快捷

只需點擊拖拽, 即可輕松獲得間距尺寸, 字體, 陰影圓角等所有信息。

PNG, JPG也能手動測量。支持標注單位:PX , PT , DP/SP , REM。

提高前端開發效率

直接生成可執行樣式代碼

熱門語言全部支持:CSS, XML, Objective-C, Swift, ReactNative

滿足所有團隊配置

支持Win/Mac, 支持PS/Sketch

無論你是用Windows, 還是macOS。無論你用Photoshop設計, 還是Sketch,

在本地項目和雲協作項目中, 都全部支持。

【功能說明】

智能標注

無論是元素間,元素與邊框間的距離標注,都只需要簡單的拖、放,點、選就自動生成了。

通過智能標注得到的所有標注信息,都會隨著您原始設計稿的變化而進行自動更新,省去了手動再調整一遍的成本。

間距標注

尺寸標注

內間距標注

文本樣式標注

在Ps里有些用戶習慣對圖層使用顏色疊加來修改文本顏色,甚至文本圖層外還會套著有顏色疊加的組。這些在PxCook中都不是問題,PxCook可以通過各種嵌套和顏色疊加關系,將最終的文本顏色解析並標注出來。

區域標注

4、單位轉換

考慮到面向不同手機操作系統的設計師用到的單位不同,PxCook可以自動切換單位,所有標注都輕松同步更換~

5、數字手動更改

在保持真實尺寸不變的情況下,可改變顯示的數值。以避免因為幾像素的誤差重新修改設計稿。

6、切圖功能

切圖功能需要遠程連接ps,提供多種設備的切圖輸出,並可以對切片進行無損縮放。同時支持對圖層樣式的縮放。

7、自動備份

軟體會對標註定時進行自動備份,以防止意外情況的發生,你可通過設置面板查找備份的存檔地址。

【怎麼標注】

想要在pxcook中標注,那麼你只需要先選擇要標注的元素。

然後在左邊工具欄中選擇【生成尺寸標注】。

然後就可以看到圖標已經被標注好了。

【怎麼切圖】

在像素大廚中想要切圖,那麼可以這樣做:

選中想要切圖的【圖層】或者【圖層組】,然後點擊切圖面板上的【標記為切圖】按鈕。

當被標記為切圖後,將在圖層前面增加 p:: 作為標記。如果要取消切圖,點擊【取消標記】即可。

【怎麼放大圖片】

在pxcook中想要放大圖片,那你可以通過快捷鍵ALT+滑鼠滾輪或者CTRL+【加號鍵】來放大。

如果快捷鍵無法使用,那可以通過點擊畫面右上角的縮放來放大。

【常見問題】

智能標注功能適用於什麼文件?

目前PxCook的智能標注適用於.psd文件和sketch畫稿。.psd文件直接拖入PxCook即可開始智能標注。Sketch可通過下載插件,將設計稿導入到PxCook。

能直接生成自動標注嗎?

可以。自動標注是在智能標注的基礎上更進了一步——在pxcook中,只要拖拽psd或插件上傳sketch,就可以在頂部選擇開發模式後,點擊圖層元素,直接生成代碼。生成的包括文字信息,尺寸間距,陰影漸變圓角等所有信息。隨時可以通過設計稿查看前端代碼。

為什麼我的Ps設計稿拖入後會一片空白?

因為Ps沒有在設計稿保存前勾選最大兼容模式,win和mac的最大兼容模式勾選方法如下:

Win:點擊頂部菜單的編輯,找到首選項,在首選項彈窗內勾選最大兼容模式

Mac:點擊頂部的Photoshop按鈕,找到首選項,在首選項彈窗內勾選最大兼容模式

切圖PxCook也支持嗎?

標注切圖,在PxCook里,一起搞定。

【更新日誌】

優化:用戶體驗優化。

優化:部分彈窗的文案優化。

修復:修改項目名按鈕有時候會錯位的bug。

修復:在本地項目中也可以點擊導出為本地項目的bug。

❷ 求問Android中如何將dp,dip,sp與px相互轉化

Android中有很多度量單位:比如常用的dp,dip,sp,px等,有時候需要將他們相互轉換,有下面非常方便的方法:

❸ 誰能通俗舉例,dp、sp、px的轉換關系

PPI = Pixels per inch,每英寸上的像素數,即 "像素密度"
xhdpi: 2.0
hdpi: 1.5
mdpi: 1.0 (baseline)
ldpi: 0.75

drawable-ldpi、drawable-mdpi、drawable-hdpi 精度分別為低、中(android默認)、高。
對應的圖片大小為:36x36、48x48、72x72。
xxhdpi: 144*144
xhdpi:96*96
hdpi:72*72
mdpi:48*48
ldpi:36*36

dp是虛擬像素,在不同的像素密度的設備上會自動適配,比如:
在320x480解析度,像素密度為160,1dp=1px
在480x800解析度,像素密度為240,1dp=1.5px
計算公式:1dp*像素密度/160 = 實際像素數
drawable- hdpi、drawable- mdpi、drawable-ldpi的區別:
(1)drawable-hdpi裡面存放高解析度的圖片,如WVGA (480x800),FWVGA (480x854)
(2)drawable-mdpi裡面存放中等解析度的圖片,如HVGA (320x480)
(3)drawable-ldpi裡面存放低解析度的圖片,如QVGA (240x320)
系統會根據機器的解析度來分別到這幾個文件夾裡面去找對應的圖片。
ppi的運算方式是:
PPI = √(長度像素數² + 寬度像素數²) / 屏幕對角線英寸數
dp:Density-independent pixels,以160PPI屏幕為標准,則1dp=1px,
dp和px的換算公式 :
dp*ppi/160 = px。比如1dp x 320ppi/160 = 2px。

sp:Scale-independent pixels,它是安卓的字體單位,以160PPI屏幕為標准,當字體大小為 100%時, 1sp=1px。
sp 與 px 的換算公式:sp*ppi/160 = px

總結得出:
px = dp*ppi/160
dp = px / (ppi / 160)
px = sp*ppi/160
sp = px / (ppi / 160)

❹ px,dp和sp,這些單位有什麼區別

1. dp(密度無關像素)和sp(縮放無關像素)在功能上與px(像素)相似,但它們提供了更好的適應性。dp用於布局和尺寸設置,而sp專門用於字體大小設置。
2. dp不受屏幕密度變化的影響,保證了在不同密度的屏幕上尺寸的一致性。相比之下,px的值在不同密度屏幕上保持不變,但顯示的大小會變化。1dp始終等於1px,無論屏幕密度如何。
3. sp不僅與密度無關,還與用戶設置的縮放比例無關。這意味著,即使用戶更改了字體大小設置,使用sp單位的文本大小也不會改變。這保證了字體大小在不同設備和用戶設置下的一致性。
4. 使用dp和sp作為單位,可以實現跨設備、跨用戶的界面一致性。系統會根據當前屏幕的密度和用戶的字體大小設置,自動將dp和sp值轉換為適當的px值。這樣,開發者無需考慮屏幕密度和字體縮放的變化,就能設計出適應性強的界面。

❺ pxdp和sp這些單位有什麼區別

px、dp和sp,這些單位有什麼區別?

px、dp和sp,這三個單位的區別在於,它們的定義各不相同: px:指像素,是指基本原色素及其灰度的基本編碼。

2.dp:安卓開發時的長度單位。3.sp:與縮放無關的抽象像素,是字體單位。px:是Pixel的縮寫。像素是指基本原色素及其灰度的基本編碼,由 Picture(圖像)和 Element(元素)這兩個單詞的字母所組成的。當圖片尺寸以像素為單位時,需要指定其固定的解析度,才能將圖片尺寸與現實中的實際尺寸相轉換。例如:大多數網頁製作常用圖片解析度為72,即每英寸像素為72,1英寸等於2.54厘米。2.dp:Density-independent pixel,是安卓開發用的長度單位,1dp表示在屏幕像素點密度為160ppi時1px長度。安卓端屏幕大小各不相同,根據其像素密度,分為以下幾種規格: 3.sp:scale-independent pixel,安卓開發用的字體大小單位。一般情況下可認為sp=dp。

❻ dp、sp、px區別[完整]

做移動設計的同學,不管是原生app或者web app,應該對字體字型大小都是很頭痛的問題。根本原因是,我們用唯一解析度的電腦,設計各個不同尺寸大小解析度的設備,那簡直要瘋掉了。

但不要著急,我們先來理解一下一些名詞:

我們一般會碰到的度量單位主要有:dpi、ppi、dp、sp、px、pt、in。其中,px應該各位最熟悉的單位,也是我們主要使用的photoshop或者axure等工具用的度量單位,而它在移動端時,的確已經「過時」了。但不要著急把它丟掉,因為它是接下來非常重要的換算單位(所有手機參數還是用px在表達)。

dpi和ppi這兩個是密度單位,不是度量單位,而這兩個恰恰是我們換算中重要的分母。簡單理解一下:

ppi (pixels per inch):圖像解析度 (在圖像中,每英寸所包含的像素數目)

dpi (dots per inch): 列印解析度 (每英寸所能列印的點數,即列印精度)

dpi主要應用於輸出,重點是列印設備上。

我們在移動應用中提到ppi和dpi其實都一樣(概念不同,但對設計來講沒有特別需要深入了解),所以我們先忽略掉dpi。而ppi的運算方式是:

PPI = √(長度像素數² + 寬度像素數²) / 屏幕對角線英寸數

舉個簡單的栗子,iphone5的ppi是多少?ppi=√(1136px² + 640px²)/4 in=326ppi(視網膜Retina屏).這樣大家就能夠明白ppi和px的關系。

這里還提到in(英寸)這個詞,這個非常重要,因為現實中我們經常提到4英寸手機或者5.5英寸大屏手機,而這個尺寸是用戶真正感受到的物理大小,所有提到不同尺寸的屏幕不僅僅是解析度或者像素,而更多的是英寸。

好,現在關鍵的來了,dp、sp、pt,是我們設計中的關鍵。

dp:Density-independent pixels,以160PPI屏幕為標准,則1dp=1px,dp和px的換算公式 :

dp*ppi/160 = px。比如1dp x 320ppi/160 = 2px。

sp:Scale-independent pixels,它是安卓的字體單位,以160PPI屏幕為標准,當字體大小為 100%時, 1sp=1px。

sp 與 px 的換算公式:sp*ppi/160 = px

是不是看起來dp和sp一樣,在Android設計原則中,有提到這兩個單位,他建議文字的尺寸一律用sp單位,非文字的尺寸一律使用dp單位。例如textSize="16sp"、layout_width="60dp"。

為什麼要把sp和dp代替px?最簡單的原因是他們不會因為ppi的變化而變化,在相同物理尺寸和不同ppi下,他們呈現的高度大小是相同。也就是說更接近物理呈現,而px則不行。

但問題來了,ps或者axure裡面沒有sp或者dp這個選項啊,怎麼辦?看到網上有人說用pt去替換px(pt是物理高度,1in=72pt)。 補充一下自己推算的pt轉換px的公式,不一定對,可以參考:例如9pt,再96dpi下,那麼就是9 * 1/72 * 96 =12px。而在72ppi下,9pt=9px。

我再來做個小小的實驗:

1、先了解清楚你筆記本的ppi,比如我的macbook air是11.6英寸,1366 x 768解析度,那麼它的ppi就是135ppi。

2、然後新建一個頁面,輸入的ppi值就是你電腦的ppi值。我們先來看看不同ppi值在電腦上呈現的字體大小是怎麼樣的:

我用的都是arial 14點 (註:專家指正這里不是px而是pt,點) 的字體,但在320ppi、160ppi、135ppi(我自己的)以及標准72ppi下的大小,截然不同。

好,我們再來看看,在電腦上直接截圖web頁之後對比的效果:

你會驚訝的發現,只有72ppi是正常的,其他字體都不對了,因為原本的web設計是不用考慮dp、sp或者ppi的,它是直接px作為物理單位的,而點在72ppi下(1pt x 1/72 x 72dpi=1px)是正常顯示的。所以我們以前做web的時候根本不用擔心自己的設計在別人電腦上看起來會很大或很小。 當然其實像firefox是用96dpi,也就是9pt=12px。

但我再截一下用iphone訪問web之後的圖:

好吧,這時候,你就發現72ppi是見鬼了,因為這個字體在手機上看到完全地小了,所以做移動設計不要傻乎乎地還用72ppi了,不然你很難判斷效果。(當然你也可以藉助我之前提到的同屏工具來映像到移動設備上查看效果,但這個其實會很麻煩很麻煩很麻煩...)

但是到底是選160ppi還是135ppi呢?如果選了135ppi那在別人的電腦上會怎麼樣呢?是不是又要重新調?其實不用,我借用另外一台Retina的macbook pro做了相同的測試,你會發現,其實和屏幕ppi無關,和你在ps里設定的解析度有關。

[補充,有位專家指出我的不對,就是在點和px上我搞錯了,我又嘗試了一下,如果是px的話,不同ppi下字體大小是不變的,而點(pt)的話會有變化。

並且如果是用pt來代替px的話,為了整除方便,那麼ppi一定要設置成72的倍數,比如144ppi,上圖裡面160ppi則會除不盡,所以上圖其實160ppi的字體還是和截圖字體有些許差異。]

然後有專家提出,iOS下是用pt作為字體單位,而Android是以sp作為字體單位,而且web app還是以px作為字體單位。怎麼樣讓設計和輸出單位是一致的?我之前給出的解決方案並不十分嚴謹易懂,所以我重新編輯了一下。

為了求證移動字型大小的問題,跑了一圈同事,最後只能暫時得出一些「不一定正確」的結論:

1、字型大小行業標准幾乎沒有,不像web一樣,宋體12px、14px這樣很清楚。我唯一找到的只有Android的設計建議:

圖中 原作者 還換算了一下在240ppi下對應的px值。

而我問了一圈同事,基本上現在設定字型大小都是憑感覺做事的。當然你也可以參考Android這個標准。

2、如何在電腦上快速預覽高清內容是否排版合理,我想到最簡單的一點就是縮放psd,縮放的比例很關鍵,要達到物理尺寸,首先你得知道你電腦的解析度,我的解析度是135ppi,如果要看解析度是326的iphone上的效果,就縮小到135/326≈41.4%,你就會發現物理尺寸非常接近。可以看看一些排版上的問題。當然你也可以 裝一些工具 來達到更好的效果。

3、怎麼和開發溝通你的字體大小?我也沒有特別好的辦法,就簡單分成3塊來說:

iOS,你設計的時候字體記得用「點」,然後ps設定解析度用標準的72ppi即可,因為據同事說,這樣下的pt值是准確的,或者說iOS自動會轉換這個值。具體也需要大家操作了才知道。而這個解析度下1pt=1px,我簡單換算了一下sp->px->pt的尺寸:

12sp=24.45px=24.45pt;14sp=28.52px=28.52pt;18sp=36.67px=36.67pt;22sp=44.88px=44.88pt;

但這個小數點實在難受,所以四捨五入取整數,並且為了保證可以整除,那麼可以是24pt、28pt、36pt、44pt。

Android,你就用標准sp就好了,當然其他圖片等尺寸你可以用dp來表述。

Web app,這個我也找不到答案,因為Web app還會涉及到響應式設計,而且前端會用em去表示字體比例。所以同樣,如果你用72ppi解析度做的話,直接可以把對應的字型大小告訴開發就好了,當然最好你所用到的字型大小是倍數關系,最小倍數是0.25,這樣用em去做比例的時候會更容易些。比如12px、16px、24px、32px這樣。

有關字體字型大小的研究已經有同事在做,以後有結論了再和大家分享。

原網址:https://zhuanlan.hu.com/zhezhexiong/19565895

閱讀全文

與px轉sp在線工具相關的資料

熱點內容
ps入門必備文件 瀏覽:348
以前的相親網站怎麼沒有了 瀏覽:15
蘋果6耳機聽歌有滋滋聲 瀏覽:768
怎麼徹底刪除linux文件 瀏覽:379
編程中字體的顏色是什麼意思 瀏覽:534
網站關鍵詞多少個字元 瀏覽:917
匯川am系列用什麼編程 瀏覽:41
筆記本win10我的電腦在哪裡打開攝像頭 瀏覽:827
醫院單位基本工資去哪個app查詢 瀏覽:18
css源碼應該用什麼文件 瀏覽:915
編程ts是什麼意思呢 瀏覽:509
c盤cad佔用空間的文件 瀏覽:89
不銹鋼大小頭模具如何編程 瀏覽:972
什麼格式的配置文件比較主流 瀏覽:984
增加目錄word 瀏覽:5
提取不相鄰兩列數據如何做圖表 瀏覽:45
r9s支持的網路制式 瀏覽:633
什麼是提交事務的編程 瀏覽:237
win10打字卡住 瀏覽:774
linux普通用戶關機 瀏覽:114

友情鏈接