6 روش بهینه سازی تصاویر سایت در 2021

6 روش بهینه سازی تصاویر سایت در 2021

6 روش بهینه سازی تصاویر سایت در 2021

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

روش های بهینه سازی تصاویر سایت:

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

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

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

حالا که بیشتر متوجه اهمیت بهینه سازی تصاویر شدید به سراغ راهکارها می رویم :

بهینه سازی تصاویر

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

1. فرمت مناسب تصاویر

می توان گفت بهترین فرمت های مورد استفاده برای وب عبارتند از:

JPEG: این فرمت درکل حجم پایین و بهینه ای دارد ، کیفیت آن به اندازه فرمت PNG نیست اما چون بهینه تر است بالاترین میزان استفاده در وب را داراست .

PNG: این فرمت تصویری با کیفیت بسیار بالا دارد ، حجم آن کمی از JPEG بالاتر است اما هنوز گزینه بسیار خوبی محسوب می شود چون قابلیت استفاده برای تصاویر بدون پس زمینه مانند لوگو را نیز دارد .

GIF: این فرمت در بیشتر مواقع برای تصاویر متحرک کوچک مورد استفاده قرار می گیرد .

2. بهینه سازی ابعاد

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

3. کاهش حجم عکس

این را بدانید که شما باانجام  این کار به صورت اصولی می توانید سرعت سایت را حتی تا دو برابر افزایش دهید .

آموزش پایین آوردن حجم تصاویر

همان طور که گفته شد راه های زیادی برای پایین آوردن حجم تصویر وجود دارد اما نکته اساسی کاهش حجم بدون کاهش کیفیت است برای این کار به شما چند روش را معرفی می کنیم :

توسط فتوشاپ

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

راهی که شما باید بروید ذخیره سازی توسط گزینه  safe for web  می باشد . شما با ورود به این صفحه می توانید فرمت و میزان کاهش حجم مورد نظر را انتخاب کنید ، این گزینه ای حرفه ای برای پایین آوردن حجم تصویر بدون کاهش کیفیت آن است .

توسط ابزارهای آنلاین

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

4. استفاده از alt  یا متن جایگزین

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

5. استفاده از قابلیت Lazy load

این را هم باید در نظر گرفت که ممکن است بعضی از مطالب سایت شما به دلایلی دارای عکس های بسیار زیاد حتی بیش از 100 عکس باشد ، در این زمان هر قدر که شما حجم آن ها را بهینه کنید باز برای لود شدن در مرورگر کاربر بسیار سنگین خواهند بود ، در این جاست که قابلیت lazy load  یا همان لود تنبل به کمک شما می آید . استفاده از این گزینه باعث می شود تنها قسمتی از سایت و تصاویر آن که کاربر روی آن قرار دارد برایش لود شود و هر گاه به ادامه مطلب رجوع کرد تصویر همان قسمت برای کاربر نمایش داده شود . به این شکل سرعت لود سایت افزایش پیدا کرده و کاربر را خسته نمی کند .

6. فعال کردن کش (cash) سایت

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

امیدوارم از مطلب امروز نهایت استفاده لازم را برده باشید . لطفا نظرات خود را با ما در میان بگذارید .

.:: منتظرتان هستیم ::.

مشاوره طراحی سایت کاملا رایگان از ما دریافت کنید

فراسایت یک پلتفرم طراحی سایت است که روند ساخت یک وبسایت را از 0 تا 100 برای شما در زمان کوتاهی خلاصه می کند!