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

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

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

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

با بهینه سازی تصاویر سایت می توان حجم زیادی از صفحه را صرفه جویی کرد و این نکته ای است که اکثر وبمسترها به آن توجه نمی کنند. فرض کنید در این صفحه تعداد 10 تا تصویر دارید و هر تصویر 40 کیلوبایت است و جمع آنها 400 کیلوبایت می شود حال اگر با بهینه سازی حجم آن را به 20 کاهش دهیم 200 کیلوبایت می شود و تاثیر مستقیم بر روی سرعت سایت و سئو سایت است. برای اینکه درک بهتری از تاثیر بهینه سازی تصاویر سایت داشته باشید چند فرمت ذخیره سازی تصاویر را در زیر بررسی می نمایم.

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

همانطور که در تصویر بالا مشاهده می فرماید یک تصویر در سه فرمت ذخیره شده. اولین ذخیره سازی با فرمت png صورت گرفته و حجم آن 40 کیلوبایت ، ذخیره سازی بعدی فرمت jpg است که معمولا اکثر وبمسترها با این فرمت تصاویر را ذخیره سازی می کنند که حجم خروجی 52 کیلوبایت و در آخر فرمت jpg با بهینه سازی تصاویر سایت است که حجم بدست آمده 16 کیلوبایت است.

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

طریقه آموزش بهینه سازی تصاویر سایت

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

طریقه آموزش بهینه سازی تصاویر سایت

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

 

منبع » آکادمی ایتروز