كيفية تحويل بوصة إلى بكسل في HTML

مؤلف: Mike Robinson
تاريخ الخلق: 15 شهر تسعة 2021
تاريخ التحديث: 13 شهر نوفمبر 2024
Anonim
تحويل التصميم إلى كود  design to HTML CSS animated remove button
فيديو: تحويل التصميم إلى كود design to HTML CSS animated remove button

المحتوى

عند كتابة كود HTML لصفحات البرنامج على الإنترنت ، قد يكون من الضروري إدراج بعض الصور التي لها حجم معين بالبكسل. لسوء الحظ ، في بعض الأحيان يتم التعبير عن الصور بالسنتيمتر فقط ، لذلك سيتعين عليك تحويل الحجم بالسنتيمتر إلى البكسل للتأكد من أن الكود الخاص بك يعرض الصورة بشكل صحيح. لحسن الحظ ، من السهل جدًا إجراء هذا التحويل عندما تعرف قيمة البكسل في البوصة ، أو PPI ، لشاشة الكمبيوتر ، وأنت تعلم أن البكسل يعادل 2.5 سم تقريبًا.

الخطوة 1

افتح الصورة التي تريد تحويلها إلى بكسل على جهاز الكمبيوتر الخاص بك.

الخطوة 2

انقر بزر الماوس الأيمن على الصورة واختر "خصائص الصورة". سيتم عرض حجم الصورة بالسنتيمتر ويمكنك تحويلها إلى بوصات بضرب كل قيمة في 2.5. إذا كنت تستخدم برنامجًا ، فيمكنك أيضًا العثور على حجم الصورة بالنقر فوق قائمة "صورة" واختيار "خصائص".


الخطوه 3

ابحث عن PPI لشاشة جهاز الكمبيوتر الخاص بك. تحتوي معظم الشاشات على مؤشر PPI يبلغ 72 ، ولكن للتأكد من ذلك ، تحقق من دليل مالك الكمبيوتر.

الخطوة 4

اضرب PPI في عرض الصورة وارتفاعها بالبوصة. على سبيل المثال ، إذا كان لديك شاشة 72 PPI وصورة 6 × 8 بوصة ، فاضرب 72 × 6 و 72 × 8.حجم الصورة سيكون 432 × 576 بكسل.