shokri_bahare
8th October 2013, 01:42 PM
در این مقاله می خواهیم تا درباره بهینه سازی تصاویر در طراحی سایت توضیح دهیم.برای اینکه بخواهیم زمان بارگذاری صفحات را کم کنیم باید از فایلهای کم حجم استفاده کرد ما در این مقاله می خواهیم تا روش های مورد استفاده در بهینه سازی تصاویر را مورد بحث قرار دهیم.
طبق آمار بدست آمده افراد در دنیای مجازی معمولا برای بارگذاری صفحات وقت زیادی را سپری نمی کنند این مبحث می تواند در کم حجم کردن تصاویر و همچنین سرعت بارگذاری صفحه ی وب اطلاعات خوبی را به شما دهد.
http://sitedesign-co.com/Administrator%5Cfiles%5CUploadFile%5C%D8%A8%D9%87% DB%8C%D9%86%D9%87%20%D8%B3%D8%A7%D8%B2%DB%8C%20%D8 %AA%D8%B5%D8%A7%D9%88%DB%8C%D8%B1%20%D8%AF%D8%B1%2 0%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C%20%D8%B3%D8%A7%DB% 8C%D8%AA.jpg
با توجه به اینکه صفحه نمایش کامپیوتر می تواند تنها تصاویری با وضوح 72dpi (نقطه در اینچ) را نمایش دهد. در نتیجه اولین گام در بهینه سازی تصاویر، کاهش وضوح به 72 dpi است. تصاویر بزرگتر می توانند به قسمتهای کوچکتری تقسیم بندی شوند. هر قسمت، فایل کوچکی است که می تواند در کسر کوچکی از زمان لود شود.
اکثر فایلهای گرافیکی شامل اطلاعاتی در مورد پالت رنگ تصویر هستند. این اطلاعات معمولا برای نمایش در سایت مورد نیاز نمی باشد. بسیاری از برنامه های گرافیکی این قابلیت را دارند تا تصاویر را بتوان برای وب دخیره سازی نمود. "Save for the web "انتخابی است که کلیه اطلاعات غیر ضروری را از تصویر حذف می کند بدون آنکه بر کیفیت نهایی تصویر خدشه ای وارد شود.
روش دیگری که به ظاهر می تواند زمان بارگذاری را بالاتر برد، استفاده از ویژگی progressive برای تصاویر GIF، یا PNGهای interlaced است. هر دوی این ویژگیها این امکان را می دهند تا زمان بارگذاری صفحات به تدریج صورت گیرد و در ابتدا تصویری مات نمایش داده شود و سپس تصویری با وضوح بیشتر و شفاف تر. در حقیقت این تصاویر حتی چند ثانیه نیز کندتر از تصاویر معمولی بارگذاری می شوند ولی آنها برای بازدید کنندگان به نظر سریعتر هستند.
در شروع کار تصاویر مورد نظر را بررسی کنید بعضی اوقات تصاویر نیازمند تغییر دادن بکگراند یا حذف قسمت هایی هستند که باید انجام شود.شما می توانید با نرم افزارهای فتوشاپ یا Fireworks کیفیت عکس را پایین آورده یا اگر یک آماتور هستید با نرم افزار Paint به راحتی می توانید به اهداف بهینه کردن تصاویر وب سایت برسید.
مینیمم کردن عمق رنگ هنگامیکه به کیفیت نیاز نیست و حذف قسمت هایی از عکس که نیازی نیست در وب سایت باشد.همچنین مشخص کردن اندازه ارتفاع و عرض تصاویری که کیفیت بالا دارند و بکار بردن پیش نمایش تصاویر به جای استفاده از تصاویر بزرگ می تواند در بهینه کردن عکس های سایت و لود سریع وب سایت کمک می کند .
رعایت موارد بالا در بهینه سازی تصاویر در طراحی سایت می تواند تاثیر بسزایی در سرعت بارگذاری صفحات وب داشته باشد و همچنین می تواند میزان بازدید از سایت شما را ارتقا دهد و به دنبال آن در حرفه ی طراحی سایت (http://sitedesign-co.com/) بتوانید مشتریان خود را افزایش دهید.
منبع : طراحی سایت (http://sitedesign-co.com/)
طبق آمار بدست آمده افراد در دنیای مجازی معمولا برای بارگذاری صفحات وقت زیادی را سپری نمی کنند این مبحث می تواند در کم حجم کردن تصاویر و همچنین سرعت بارگذاری صفحه ی وب اطلاعات خوبی را به شما دهد.
http://sitedesign-co.com/Administrator%5Cfiles%5CUploadFile%5C%D8%A8%D9%87% DB%8C%D9%86%D9%87%20%D8%B3%D8%A7%D8%B2%DB%8C%20%D8 %AA%D8%B5%D8%A7%D9%88%DB%8C%D8%B1%20%D8%AF%D8%B1%2 0%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C%20%D8%B3%D8%A7%DB% 8C%D8%AA.jpg
با توجه به اینکه صفحه نمایش کامپیوتر می تواند تنها تصاویری با وضوح 72dpi (نقطه در اینچ) را نمایش دهد. در نتیجه اولین گام در بهینه سازی تصاویر، کاهش وضوح به 72 dpi است. تصاویر بزرگتر می توانند به قسمتهای کوچکتری تقسیم بندی شوند. هر قسمت، فایل کوچکی است که می تواند در کسر کوچکی از زمان لود شود.
اکثر فایلهای گرافیکی شامل اطلاعاتی در مورد پالت رنگ تصویر هستند. این اطلاعات معمولا برای نمایش در سایت مورد نیاز نمی باشد. بسیاری از برنامه های گرافیکی این قابلیت را دارند تا تصاویر را بتوان برای وب دخیره سازی نمود. "Save for the web "انتخابی است که کلیه اطلاعات غیر ضروری را از تصویر حذف می کند بدون آنکه بر کیفیت نهایی تصویر خدشه ای وارد شود.
روش دیگری که به ظاهر می تواند زمان بارگذاری را بالاتر برد، استفاده از ویژگی progressive برای تصاویر GIF، یا PNGهای interlaced است. هر دوی این ویژگیها این امکان را می دهند تا زمان بارگذاری صفحات به تدریج صورت گیرد و در ابتدا تصویری مات نمایش داده شود و سپس تصویری با وضوح بیشتر و شفاف تر. در حقیقت این تصاویر حتی چند ثانیه نیز کندتر از تصاویر معمولی بارگذاری می شوند ولی آنها برای بازدید کنندگان به نظر سریعتر هستند.
در شروع کار تصاویر مورد نظر را بررسی کنید بعضی اوقات تصاویر نیازمند تغییر دادن بکگراند یا حذف قسمت هایی هستند که باید انجام شود.شما می توانید با نرم افزارهای فتوشاپ یا Fireworks کیفیت عکس را پایین آورده یا اگر یک آماتور هستید با نرم افزار Paint به راحتی می توانید به اهداف بهینه کردن تصاویر وب سایت برسید.
مینیمم کردن عمق رنگ هنگامیکه به کیفیت نیاز نیست و حذف قسمت هایی از عکس که نیازی نیست در وب سایت باشد.همچنین مشخص کردن اندازه ارتفاع و عرض تصاویری که کیفیت بالا دارند و بکار بردن پیش نمایش تصاویر به جای استفاده از تصاویر بزرگ می تواند در بهینه کردن عکس های سایت و لود سریع وب سایت کمک می کند .
رعایت موارد بالا در بهینه سازی تصاویر در طراحی سایت می تواند تاثیر بسزایی در سرعت بارگذاری صفحات وب داشته باشد و همچنین می تواند میزان بازدید از سایت شما را ارتقا دهد و به دنبال آن در حرفه ی طراحی سایت (http://sitedesign-co.com/) بتوانید مشتریان خود را افزایش دهید.
منبع : طراحی سایت (http://sitedesign-co.com/)