Warning: mysql_connect(): Headers and client library minor version mismatch. Headers:50546 Library:50634 in /home/bigsite/public_html/blog/post.php on line 10

Warning: Cannot modify header information - headers already sent by (output started at /home/bigsite/public_html/blog/post.php:10) in /home/bigsite/public_html/blog/post.php on line 24
بهينه سازي تصاوير در طراحي سايت بانك اطلاعات عمومي بانك اطلاعات عمومي .

بانك اطلاعات عمومي

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

اكثر فايلهاي گرافيكي شامل اطلاعاتي در مورد پالت رنگ تصوير هستند. اين اطلاعات معمولا براي نمايش در سايت مورد نياز نمي باشد. بسياري از برنامه هاي گرافيكي اين قابليت را دارند تا تصاوير را بتوان براي وب دخيره سازي نمود. "Save for the web" انتخابي است كه كليه اطلاعات غير ضروري را از تصوير حذف مي كند بدون آنكه بر كيفيت نهايي تصوير خدشه اي وارد شود.
روش ديگري كه به ظاهر مي تواند زمان بارگذاري را بالاتر برد، استفاده از ويژگي progressive براي تصاوير GIF، يا PNGهاي interlaced است. هر دوي اين ويژگيها اين امكان را مي دهند تا زمان بارگذاري صفحات به تدريج صورت گيرد و در ابتدا تصويري مات نمايش داده شود و سپس تصويري با وضوح بيشتر و شفاف تر. در حقيقت اين تصاوير حتي چند ثانيه نيز كندتر از تصاوير معمولي بارگذاري مي شوند ولي آنها براي بازديد كنندگان به نظر سريعتر هستند.

خصيصه طول و عرض IMG
تگ IMG به مرورگر وب مي گويد تا مربعي با سايزي خاص را براي نگهداري گرافيك توليد كند. با اينكار مرورگر مي تواند مابقي صفحه سايت را بارگذاري نمايد در حاليكه تصوير در حال بارگذاري است. چنانچه طول و عرض تصويرمشخص نشود، مرورگر وب مجبور است تا زمانيكه تصوير بطور كامل بارگذاري نشده است، منتظر بماند و قسمتهاي ديگر صفحه را بارگذاري نكند.
از چند تصوير مي بايست استفاده كرد؟
برخي از طراحان سايت از تصاوير براي هر چيزي استفاده مي كنند. درحاليكه اينكار مي تواند بنظر مناسب باشد ولي قطعا زمان بارگذاري صفحات را بالاتر خواهد برد. سرعت صفحات وابسته به حجم خود فايل HTML و سايز تمامي فايلهاي بكار رفته در آن است. تصاوير معمولا 50 درصد زمان بارگذاري را شامل مي شوند.
استفاده از تصاوير كمتر، زمان بارگذاري را كمتر خواهد كرد باعث خواهد شد تا كاربران بي حوصله از سايت شما فرار نكنند.

كيفيت تصاوير
كيفيت تصاوير توسط وضوح، خلوص رنگ و جزييات تصوير مشخص مي شود. از ويرايشگرهايي استفاده كنيد كه نويزها و ديگر خصيصه هاي ناخواسته را در تصوير حذف كنند. بيشتر ويرايشگرها به شما اين امكان را مي دهند تا براي افزايش دقت تصوير، قرمزي چشمها و لبه هاي تيز تصوير را اصلاح نماييد.
ويرايشگرهاي حرفه اي نظير Fireworks و Photoshop به شما امكان مي دهند تا پيش زمينه و سطوح رنگ را تنظيم كنيد و تقريبا هر كاري كه دوست داريد با تصوير انجام دهيد.
همچنين مي توانيد از يك تصوير كوچك شده روي سايت استفاده كنيد تا لينكي به نسخه اي با كيفي تر و بزرگتر از همان عكس بدهد بطوريكه بازديد كننده بتواند آن را مشاهده كند.

چهارچوب بهينه سازي تصاوير
پيشنهادهاي زير به شما اين امكان را مي دهند تا تصاويرتان را براي بارگذاري سريع در سايت بهينه سازي كنيد بدون آنكه بر كيفيت نهايي آنها تاثيري گذارد:

وضوح تصاوير را به 72 dpi كاهش دهيد.
تصاوير متني را به متن واقعي تبديل كنيد.
تصاوير را به اندازه اي كه مورد نياز است برش (crop) دهيد.
عمق رنگ را درمواقعي كه براي كيفيت مورد نياز نيست كم كنيد.
طول و عرض واقعي تصاوير را مشخص كنيد.
در صورت لزوم از نسخه كوچك عكسها استفاده كنيد

طراحي سايت فروشگاهي

طراحي سايت


برچسب: طراحي سايت،
امتیاز:
 
بازدید:
+ نوشته شده: ۱۴ آذر ۱۳۹۵ساعت: ۰۱:۲۷:۴۹ توسط:جواد احمدي موضوع:

ارسال نظر
نام :
ایمیل :
سایت :
پیام :
خصوصی :
کد امنیتی :
طراحی سایت
طراحی سایت با برنامه نویسی اختصاصی
www.webcando.ir

تابلو سازی
خدمات تابلو سازی پرکاس
perkasco.com

درمان بواسیر
درمان بواسیر با آخرین متد
clinicdarman.com/بواسیر-هموروئید/درمان-بواسیر/

شبیه ساز پرواز
خرید تجهیزات پرواز و شبیه سازی
www.irfly.ir

درمان هموروئيد با لیزر
درمان بواسیر با لیزر و هموروئید
clinicdarman.com/بواسیر-و-هموروئید/جراحی-هموروئید/

طراحی دکوراسیون داخلی
طراحی دکوراسیون داخلی و منزل چید فرم
www.chidform.com/

نمای چوب
ترمووود و چوب نمای شرکت بریج
www.bridgeco.ir/

شقاق چیست
همه چیز درباره شقاق
www.darmancolorectal.com/fissure

فیشر
همه چیز درباره فیشر
www.darmancolorectal.com/fissure


طراحی سایت فروشگاهی
طراحی سایت فروشگاه اینترنتی
www.webcando.ir/web-design/marketing-site-design.html