همین حالا جهت مشاوره تماس بگیرید   9125180823

بهینه سازی تصاویر در طراحی سایت

رای دادن به این مورد
(4 آرا)

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


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


اختصاص عرض و طول  به تصویر


تگ <IMG>  به مرورگر وب می گوید که  جعبه ای با سایز ویژه برای قرار دادن گرافیک ایجاد کند . از این طریق مرورگر می تواند در هنگامیکه فایل تصویری در حال دانلود است، به بارگذاری مابقیه تصویر صفحه بپردازد. اگر طول و عرض پیش فرض به مرور گر گفته نشده باشد ، قبل از آنکه بقیه تصویر را بارگذاری کند ، باید منتظره دانلود کامل تصویر شود.

 

چه تعداد تصویر باید بکار برده شود؟


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


کیفیت عکس


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

 

راهنمای جامع بهینه سازی تصاویر

 

  • مورد پیشنهاد ذیل به راهکارهای بهینه سازی تصویر را بدون کاستن از کیفیت آن می باشد.
  • تغییر دقت عکس به 72 dpi .
  • تغییر نوشته های عکس گونه به نوشتار .
  • برش عکس به سازه مورد نیاز واقعی.
  • حداقل کردن عمق رنگ.
  • اختصاص دادن عرض و طول مشخص به تصویر.

ارسال نظر

کادرهایی که با علامت (*) مشخص شده اند وارد کردن اطلاعات در آنها الزامی می باشد. کد HTML مجاز نیست.

آموزش طراحی سایت | طراحی سایت | طراحی سایت حرفه ای |سئو | ساخت سایت | بازاریابی اینترنتی | بلاگ | شرکت طراحی سایت کیف ابزار کمری

تمامی حقوق مادی و معنوی اين وب سايت به شرکت وب برند تعلق دارد و کپی برداری از محتوای سایت پیگرد قانونی دارد