HTMLでインチをピクセルに変換する方法

著者: Sharon Miller
作成日: 18 1月 2021
更新日: 13 5月 2024
Anonim
AdobeXDからHTMLCSSへ
ビデオ: AdobeXDからHTMLCSSへ

コンテンツ

インターネット上のプログラムページにHTMLコードを書き込む場合、特定のピクセルサイズの画像を挿入する必要がある場合があります。残念ながら、画像がセンチメートルのみで表現される場合があるため、コードで画像が正しく表示されるようにするには、センチメートル単位のサイズをピクセルに変換する必要があります。幸い、コンピューター画面の1インチあたりのピクセル数(PPI)がわかっていて、ピクセルが約2.5 cmに相当することがわかっている場合は、この変換を行うのは非常に簡単です。

ステップ1

コンピューターでピクセルに変換する画像を開きます。

ステップ2

画像を右クリックして、[画像のプロパティ]を選択します。画像のサイズはセンチメートルで表示され、各値に2.5を掛けてインチに変換できます。ソフトウェアプログラムを使用している場合は、[画像]メニューをクリックし、[プロパティ]を選択して、画像サイズを確認することもできます。


ステップ3

コンピューター画面のPPIを見つけます。ほとんどのモニターのPPIは72ですが、確かに、コンピューターのオーナーズマニュアルを確認してください。

ステップ4

PPIに画像の幅と高さ(インチ単位で変換)を掛けます。たとえば、72 PPIモニターと6 x 8インチの写真がある場合、72 x 6と72 x 8を乗算します。写真のサイズは432 x 576ピクセルになります。