محتوا

• مراحل
• نکات

این مقاله نحوه تنظیم ارتفاع و عرض تصویر در HTML را به شما نشان می دهد.

• ویژگی "عرض" عرض تصویر (بر حسب پیکسل) را تعیین می کند.
• ویژگی "height" ارتفاع تصویر (بر حسب پیکسل) را تعیین می کند.
• در HTML4.01 ، ارتفاع را می توان بر حسب پیکسل یا به صورت درصد تنظیم کرد ، اما در HTML5 ، فقط بر حسب پیکسل.

مراحل

1. 1 فایل HTML را باز کنید. به عنوان مثال ، فایل default.html را باز کنید.
2. 2 خط زیر را به کد HTML خود اضافه کنید.
   • img src = "imagefile.webp" alt = "Image" height = "42" width = "42">
   • src شامل مسیر فایل گرافیکی (تصویر) است.
   • در alt ، اندازه تصویر تنظیم شده است.
3. 3 مقادیر ویژگی های ارتفاع و عرض را با مقادیر مورد نظر خود جایگزین کنید. برای مثال ، مانند این: height = "19" width = "20"
4. 4 فایل را ذخیره کرده و در هر مرورگر وب باز کنید. این کار را برای بررسی نحوه تغییر اندازه تصویر انجام دهید. ویژگی "عرض" توسط همه مرورگرهای اصلی (Google Chrome ، Safari ، Mozilla Firefox ، Opera ، Internet Explorer) پشتیبانی می شود.

نکات

• همیشه ارتفاع و عرض تصویر را تنظیم کنید. بنابراین هنگامی که صفحه بارگذاری می شود ، فضا برای عکس اختصاص داده می شود. در غیر این صورت ، مرورگر اندازه تصویر را نمی داند و فضا را ذخیره نمی کند و باعث می شود که صفحه با بارگذاری صفحه تغییر کند.
• اگر اندازه تصویر بزرگ با استفاده از ویژگی های "ارتفاع" و "عرض" کاهش یابد ، کاربر تصویر بزرگ را بارگذاری می کند (حتی اگر در صفحه کوچک به نظر برسد). بنابراین ، توصیه می کنیم ابتدا تصویر را در ویرایشگر گرافیک تغییر دهید.