ابعاد دهی به تصاویر
مشخص کردن عرض و ارتفاع برای تمامی تصاویر سبب سریع تر اجرا شدن صفحات وب می گردد ، چرا که در این حالت نیازی به تغیر اندازه عکس ها توسط مرورگر نخواهد بود.
هنگامی که مرورگر ، یک صفحه را می سازد ،به این نیاز دارد تا بتواند عناصری مثل تصاویر را در جای خود قرار دهد ، مرورگر می تواند حتی شروع به ساخت یک صفحه کند قبل از اینکه تصاویر را بارگذاری کرده باشد ، چرا که مروگر از قبل طول و عرض تصاویر را می داند .چنانچه اندازه ای برای تصاویر مشخص نشده باشد و یا اندازه ای مشخص شده صحیح نباشد ، مرورگر مجبور خواهد بود اندازه تصویر را دوباره پس از بارگذاری تنظیم کند. بمنظور جلوگیری از این اتفاق ، ارتفاع و عرض تمامی تصاویر را هم در تگ <IMG> و هم در CSS مشخص نمائید.
از ابعاد واقعی که با تصویر منطبق باشد استفاده نمائید
از پارامترهای عرض و ارتفاع بمنظور مقیاس دهی به تصاویر استفاده نکنید. چنانچه اندازه واقعی یک تصویر 60*60 پیکسل است ، ابعاد آنرا در html وcss بر روی 30*30 تنظیم ننماید.چنانچه تصویر کوچک تری نیاز دارید ، آنرا در داخل یک ویرایشگر تصویر، کوچک نمائید .(بخش بهینه سازی تصاویر را مشاهد نمایید )
