فرمت دهی پیش نمایش تصاویر گم شده با CSS image

فرمت دهی پیش نمایش تصاویر گم شده با CSS

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

 

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

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

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

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

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

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

علی جنادله

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

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

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

جمعه / سی و یکم / مرداد ادامه مطلب
ابزار کپی جداول SQL Server image

211 ابزار کپی جداول SQL Server

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

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

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

580 فايل robots.txt

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