تبلیغات

ورود کاربران

عضويت سريع

    نام کاربری :
    رمز عبور :
    تکرار رمز :
    موبایل :
    ایمیل :
    نام اصلی :
    کد امنیتی :
     
    کد امنیتی
     
    بارگزاری مجدد

آمار

    آمار مطالب آمار مطالب
    کل مطالب کل مطالب : 317
    کل نظرات کل نظرات : 0
    آمار کاربران آمار کاربران
    افراد آنلاین افراد آنلاین : 1
    تعداد اعضا تعداد اعضا : 0

    آمار بازدیدآمار بازدید
    بازدید امروز بازدید امروز : 16
    بازدید دیروز بازدید دیروز : 50
    ورودی امروز گوگل ورودی امروز گوگل : 0
    ورودی گوگل دیروز ورودی گوگل دیروز : 0
    آي پي امروز آي پي امروز : 14
    آي پي ديروز آي پي ديروز : 42
    بازدید هفته بازدید هفته : 66
    بازدید ماه بازدید ماه : 235
    بازدید سال بازدید سال : 2,366
    بازدید کلی بازدید کلی : 21,859

    اطلاعات شما اطلاعات شما
    آی پی آی پی : 3.133.12.172
    مرورگر مرورگر : Safari 5.1
    سیستم عامل سیستم عامل :
    تاریخ امروز امروز : سه شنبه 18 اردیبهشت 1403

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

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

با توجه به اینکه صفحه نمایش کامپیوتر می تواند تنها تصاویری با وضوح 72dpi (نقطه در اینچ) را نمایش دهد. در نتیجه اولین گام در بهینه سازی تصاویر، کاهش وضوح به 72 dpi است. تصاویر بزرگتر می توانند به قسمتهای کوچکتری تقسیم بندی شوند. هر قسمت، فایل کوچکی است که می تواند در کسر کوچکی از زمان لود شود.

اکثر فایلهای گرافیکی شامل اطلاعاتی در مورد پالت رنگ تصویر هستند. این اطلاعات معمولا برای نمایش در سایت مورد نیاز نمی باشد. بسیاری از برنامه های گرافیکی این قابلیت را دارند تا تصاویر را بتوان برای وب دخیره سازی نمود. "Save for the web" انتخابی است که کلیه اطلاعات غیر ضروری را از تصویر حذف می کند بدون آنکه بر کیفیت نهایی تصویر خدشه ای وارد شود.

روش دیگری که به ظاهر می تواند زمان بارگذاری را بالاتر برد، استفاده از ویژگی progressive برای تصاویر GIF، یا PNGهای interlaced است. هر دوی این ویژگیها این امکان را می دهند تا زمان بارگذاری صفحات به تدریج صورت گیرد و در ابتدا تصویری مات نمایش داده شود و سپس تصویری با وضوح بیشتر و شفاف تر. در حقیقت این تصاویر حتی چند ثانیه نیز کندتر از تصاویر معمولی بارگذاری می شوند ولی آنها برای بازدید کنندگان به نظر سریعتر هستند.

در شروع کار تصاویر مورد نظر را بررسی کنید بعضی اوقات تصاویر نیازمند تغییر دادن بکگراند یا حذف قسمت هایی هستند که باید انجام شود.شما می توانید با نرم افزارهای فتوشاپ یا Fireworks کیفیت عکس را پایین آورده یا اگر یک آماتور هستید با نرم افزار Paint به راحتی می توانید به اهداف بهینه کردن تصاویر وب سایت برسید.

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

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


تاریخ ارسال پست: دوشنبه 05 خرداد 1393 ساعت: 13:31

بخش نظرات این مطلب


کد امنیتی رفرش