6 دلیل برای اینکه تصاویر در وب سایت شما بارگیری نمی شوند

یاد بگیرید که چرا تصاویر در وب سایت شما نمایش داده نمی شود و چگونه آنها را رفع می کند

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

بنابراین با اهمیت تصاویر آنلاین ایجاد شده، بیایید در مورد وب سایت خود بگوییم اگر تصویری که قرار است بر روی سایت قرار بگیرد بارگیری نمی شود، در نظر بگیرید. این می تواند اتفاق بیافتد که آیا تصاویر درون خطی که بخشی از تصاویر HTML یا پسزمینه هستند که با CSS اعمال شده اند (و احتمالا سایت شما هر دو این است). خط پایین این است که هنگامی که یک گرافیک بارگیری در یک صفحه را نتواند انجام دهد، طراحی ظاهر می شود و در بعضی موارد می تواند تجربه کاربر را در آن سایت کاملا تخریب کند. "هزار حرف" که تصویر ارسال می کند، قطعا مثبت نیست!

بیایید نگاهی به برخی از دلایل رایج در بارگذاری تصاویر در سایت داشته باشیم و همچنین در هنگام بررسی این مشکل در زمان آزمایش وب سایت باید توجه داشته باشید.

مسیرهای پرونده اشتباه

هنگامی که شما تصاویر را به یک فایل HTML یا CSS سایت اضافه می کنید، باید مسیری را به محل ساختار دایرکتوری خود که در آن فایل ها در آن قرار دارد ایجاد کنید. این کد است که به مرورگر می گوید که به دنبال آن هستید و تصویر را از آن بردارید. در بیشتر موارد، این در داخل یک پوشه به نام 'تصاویر' خواهد بود. اگر مسیر به این پوشه و فایل های داخل آن نادرست باشد، تصاویر به درستی بارگذاری نمی شوند، زیرا مرورگر قادر نخواهد بود فایل های صحیح را بازیابی کند. مسیر مسیری را که شما به آن گفته اید را دنبال می کنید، اما آن را به پایان می رساند و به جای نشان دادن تصویر مناسب، خالی خواهد بود.

مرحله 1 در مسائل مربوط به بارگذاری تصویر اشکال زدایی این است که مطمئن شوید مسیر مسیری که شما کد گذاری کرده اید درست است. شاید شما دایرکتوری اشتباه را مشخص کرده اید یا مسیر درست آن دایرکتوری را لیست نکردید. در صورتی که چنین نیست، ممکن است مسئله دیگری با این مسیر وجود داشته باشد. در ادامه بخوانید!

نام فایلها نامعتبر است

همانطور که مسیرهای فایل را برای فایل های خود بررسی می کنید، همچنین مطمئن شوید که نام تصوير را درست تلفظ می کنید. در تجربه ما، نامهای نادرست یا غلط املایی رایج ترین علل مشکلات بارگذاری تصویر هستند. به یاد داشته باشید، مرورگرهای وب بسیار نامطلوب است، زمانی که به نام فایل ها می آید. اگر اشتباه نامه را فراموش کرده اید یا از نامه اشتباه استفاده کنید، مرورگر به دنبال یک فایل مشابه نیست و می گوید: "آه، احتمالا به این معنی بود، درست است؟" نه - اگر فایل به اشتباه تلفظ شده باشد، حتی اگر آن را نزدیک است، آن را بر روی صفحه بارگذاری نمی شود.

فرمت فایل اشتباه است

در بعضی موارد، ممکن است نام پرونده را به درستی تلفظ کنید، اما ممکن است فرمت فایل نادرست باشد. اگر تصویر شما یک فایل .jpg است ، اما HTML شما به دنبال یک .png است، یک مشکل وجود خواهد داشت. اطمینان حاصل کنید که شما از نوع فایل صحیح برای هر تصویر استفاده می کنید و پس از آن مطمئن شوید که برای همان پسوند در کد وبسایت خود تماس گرفته اید.

همچنین به حساسیت مورد نظر نگاه کنید. اگر فایل شما به پایان می رسد با .JPG، با تمام حروف در کلاه، اما کد شما مراجعه کنید. jpg، تمام حروف کوچک، سرورهای خاص وب وجود دارد که این دو را متفاوت می بیند، هر چند که آنها یکسان هستند از حروف. تعداد حساسیت مورد! به همین دلیل است که ما همیشه فایل های خود را با تمام حروف کوچک ذخیره می کنیم. انجام این کار به ما اجازه می دهد همیشه از کد های کوچک ما در کد ما استفاده کنیم، از بین بردن یک مشکل احتمالی که می توانیم با فایل های تصویر ما داشته باشیم.

فایل ها گم شده اند

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

چطور این مشکل را حل میکنی؟ این تصاویر را آپلود کنید، صفحه وب خود را تازه کنید و بلافاصله فایل ها را به صورت پیش فرض نمایش دهید. شما همچنین می توانید سعی کنید تصویر را بر روی سرور حذف کنید و دوباره آپلود کنید. ممکن است عجیب و غریب به نظر برسد، اما ما این کار را بیش از یک بار دیده ایم. گاهی اوقات پرونده ها خراب می شوند، بنابراین این روش "حذف و جایگزینی" می تواند کمک کند.

میزبانی وب سایت تصاویر پایین می آید

شما معمولا می خواهید هر تصویری را که سایت شما از سرور خود استفاده می کند، میزبانی کند، اما در بعضی موارد ممکن است از تصاویری که در جای دیگری میزبانی می شوند استفاده کنید. در صورتی که سایت میزبانی تصویر پایین می آید، تصاویر شما نیز بارگذاری نمی شوند.

مشکل انتقال

این که آیا یک فایل تصویری از یک دامنه خارجی یا از خود شما بارگذاری می شود، همیشه یک احتمال وجود دارد که ممکن است یک مشکل انتقال آن فایل وجود داشته باشد که در مرورگر برای اولین بار درخواست شده باشد. این نباید یک وقایع معمول باشد (در صورت وجود، شما ممکن است نیاز به یک ارائه دهنده میزبانی وب جدید را جستجو کنید )، اما ممکن است از زمان به زمان اتفاق بیفتد.

بخش ناخوشایند این مسئله این است که واقعا هیچ چیزی نیست که بتوانید در مورد آن انجام دهید، زیرا این مسئله خارج از کنترل شماست. خبر خوب این است که این یک مشکل موقت است که اغلب بسیار سریع حل می شود. به عنوان مثال، هنگامی که کسی یک صفحه نمایش شکسته را می بیند و آن را تازه می کند، آن را تنها می گذارد مشکل را حل می کند و تصاویر را درست بارگذاری می کند.اگر یک تصویر شکسته دارید، مرورگر را تازه کنید تا ببینید شاید شاید فقط مسئله انتقال بود درخواست اولیه شما

چند یادداشت نهایی

هنگام فکر کردن در مورد تصاویر و نگرانی های بارگیری، دو چیز را نیز باید در نظر داشت استفاده مناسب از ALT برچسب ها و سرعت وب سایت و عملکرد کلی شما است.

ALT، یا "متن متناوب"، برچسب هایی هستند که توسط یک مرورگر نمایش داده می شوند اگر یک تصویر نتواند بارگذاری شود. آنها همچنین جزء مهمی در ایجاد وب سایت های قابل دسترس هستند که می توانند توسط افراد دارای معلولیت خاص مورد استفاده قرار گیرند. هر تصویر درون خطی در سایت شما باید برچسب ALT مناسب داشته باشد. توجه داشته باشید که تصاویر اعمال شده با CSS این ویژگی را ندارند.

همانطور که برای عملکرد وب سایت، بارگذاری تصاویر بیش از حد بسیاری و یا حتی فقط چند عکس غول که به درستی برای ارائه وب بهینه نیست، تاثیر منفی بر سرعت بارگذاری خواهد داشت. به همین دلیل مطمئن شوید که تاثیر هر گونه تصاویری که در طراحی سایت شما مورد استفاده قرار می گیرد تست کنید و هر گونه اقداماتی را که لازم است برای بهبود عملکرد این سایت، در حالی که هنوز ایجاد نمای کلی و احساس مناسب برای پروژه وب سایت شما باشد، انجام دهید.