تغییر نحوه نمایش تصاوی بارگذاری نشده در صفحات وب image

تغییر نحوه نمایش تصاوی بارگذاری نشده در صفحات وب

تغییر نحوه نمایش تصاوی بارگذاری نشده در صفحات وب.

تصاویر از مهمترین عناصر تشکیل دهنده صفحات وب هستند که می توانند تاثیر زیادی بر کیفیت محتوا داشته باشند.
در این مقاله می خواهیم که به نحوه استایل دهی به تصاویر گم شده یا تصاویری که به هر دلیل بارگذاری نشده اند می پردازیم.

 

همانطور که عنوان شد تصاویر بخش مهم و تاثیر گذاری در کیفیت محتوای صفحات وب دارند و همواره استفاده مناسب از تصاویر در بهبود کیفیت صفحات وب توصیه شده است

بهرحال باتوجه به اینکه محیط وب گاهی ممکن است دستخوش تغییراتی شود (مانند افت سرعت بارگذاری که مشکل رایجی خصوصا در کشورما است ) بهتر است که تدابری برای این چنین حالت ها اتخاذ گردد تا در صورتی که به هر دلیل تصویر بارگذاری نشد محتوای مناسبی به کاربر نمایش داده شود.

یکی از تدابیر احتمالی تعیین حاشیه و طول و عرض تصاویر میباشد تا در صورتی که بارگذاری نشوند محل ان مشخص باشد و کاربر اطلاع از وجود تصویر در آن محل داشته باشد همچنین با تخصیص خصوصیت ALT مربوط به عنصر تصویر مقدار متنی مربوط به تصویر را نیز به عصر تصویر اختصاص داد که این امر میتواند منجر به درک بهتر کاربر از ماهیت تصویر گردد در نهایت ممکن است خروجی عنصر چیزی شبیه به قطعه کد زیر باشد .

<img src='https://jcafe.ir/logo.png' height='78' width='75' alt='related text' />

مشکلی که هنوز پابرجا است این که مقدار خروجی هیچ فرمت مشخصی ندارد و همچنان با نمای ایده ال فاصله داره چیزی شبیه به سمت چپ تصویر مقاله میتوان با استایل دهی CSS به بهبود این حالت کمک کرد و نمای بهتری برای پیش نمایش تصویر مورد نظر ایجاد کرد . نمونه ای از این که که در سایت jCafe.ir نیز از همانند آن برای بهبود نمایش تصاویر بهره برده ایم را میتوانیداز طریق این رابط مشاهده کنید  .

امیدوارم که این مطلب برای شما مفید بوده باشه

علی جنادله

پربازدیدترین مقالات

مشاهده مقالات سایت
مرورگر براو (Brave) image

492 مرورگر براو (Brave)

جمعه / سی و یکم / مرداد ادامه مطلب
Sound Cloud (ساوند کلاود سرويس ابري انتشار موسيقي) image

1178 Sound Cloud (ساوند کلاود سرويس ا...

چهار شنبه / بیست و پنجم / تیر ادامه مطلب
توابع تعميم يافته image

1003 توابع تعميم يافته

چهار شنبه / بیست و پنجم / تیر ادامه مطلب
فايل robots.txt image

780 فايل robots.txt

چهار شنبه / بیست و پنجم / تیر ادامه مطلب