محتوا

• گام برداشتن
• نکات

این wikiHow نحوه تنظیم ارتفاع و عرض تصویر را با استفاده از HTML (HyperText Markup Language) توضیح می دهد.

• "عرض" عرض یک تصویر را در پیکسل نشان می دهد.
• "height" ارتفاع تصویر را بر حسب پیکسل نشان می دهد.
• در HTML 4.01 ، ارتفاع را می توان با پیکسل یا درصد تعریف کرد. در HTML5 ، مقدار باید به پیکسل باشد.

گام برداشتن

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

نکات

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