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

طراحي سايت حرفه اي با به كاربردن تكنيك هاي براي بهينه سازي عكس هاي JPEG كه مي تواند باعث كاهش اندازه و حفظ كيفيت عكس گردد.

طراحي حرفه اي سايت

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

در طراحي حرفه اي سايت، بيشترين نوع فرمت استفاده عكس، JPEG مي باشد. نوع فرمت خام مانند PNG، انتخاب خوبي براي استفاده درطراحي سايت نمي باشد. فرمت JPEG مي تواند باعث توليد عكس هاي فشرده و با كيفيت بهتري گردد.

همانطور كه مي دانيد يكي از ملاك هاي طراحي حرفه اي سايت، زمان بارگذاري سايت گردد. نوع فرمت JPEG باعث كاهش اين زمان مي گردد.

در اين مقاله آموزشي طراحي سايت، ما ميخواهيم تكنيك هاي بهينه سازي عكس هاي JPEG را بيان كنيم كه مي تواند در حرفه اي تر شدن سايت شما كمك زيادي كند.

تكنيك هاي بهينه سازي عكس هاي JPEG در طراحي حرفه اي سايت

تفاوت بين فشرده سازي و كيفيت عكس چيست؟

فشرده سازي عكس نسبت معكوسي با كيفيت آن دارد. فشرده سازي به معناي جابجايي در پيكسل است و اين مي تواند بر كيفيت كلي عكس اثر نامطلوبي بگذارد، هر چند كه حجم آن كاهش ميابد.

اين مساله براي تمامي نوع عكس ها صدق مي كند اما براي عكس هايي با فرمت JPEG مي توانيم، ميتوانيم تكنيك هايي به كار ببريم كه هم حجم عكس را كاهش دهد و هم كيفيت آن دستخوش تغيير نشود. هدف شما طراحي حرفه اي سايت است، پس بايد به تمامي نكات ريز دقت كنيد.

در اينجا ما سه تكنيك كاربردي براي فشرده سازي عكس هاي JPEG بدون كاهش كيفيت را بررسي مي كنيم.

1.يك مدل گرافيكي را برنامه ريزي كنيد

عكس هايي كه شما در پايگاه داده سايت ذخيره كرده ايد هر كدام داراي اندازه هاي  متفاوتي مي باشند و مسلمات كيفيتي  كه شما عكس ها را در پايگاه داده مشاهده مي كنيد با كيفتي كه در سايت مي بينيد، متفاوت است. امروزه كاربران سايت ها را مي توانند در ابزارهاي مختلفي مانند گوشي و تبلت ببينند، پس خيلي مهم است كه سرعت بارگذاري سايت در اين ابزارها بالا باشد.

براي اينكه بتوانيد اين مساله را راحت تر مديريت كنيد، بهتر است كه از يك مدل گرافيكي استفاده كنيد كه با تمامي ابزارها همخواني داشته باشد. شما هر عكسي كه در اين مدل گرافيكي قرار مي دهيد، علاوه براينكه حجم آن كاهش ميابد، كيفيت آن دستخوش تغيير نمي شود.

البته در فتوشاپ گزنيه اي وجود دارد به نام save for web  كه مي توانيد در آن علاوه برايجاد يك مدل گرافيكي، عكس با حجم كمتر اما بدون تغيير كيفيت ذخيره نماييد.

بهينه سازي گريد هاي 8-پيكسل

اين يك تكنيك بهينه سازي عكس هاي JPEG محبوب در طراحي حرفه اي سايت مي باشد. چونكه عكس هاي JPEG داراي بلاك هاي 8*8 پيكسل هستند، اگر هم كيفيت آن ها را كاهش دهيد هيچ مشكلي در نمايش آن ها به وجود نمي آيد.

در اين تكنيك عكس ها به بلاك 8*8 تيكه مي شوند و هر بلاك به صورت تكي بهينه مي گردد. بسياري از ابزارهاي پيشرفته از اين تكنيك پيشيباني مي كنند. البته اين تكنيك انتخابي است اما اگر به درستي استفاده شود، مي تواند باعث كاهش حجم عكس ها بدون كاهش كيفيت گردد. همانطور كه بيان كرديم، يكي از عوامل مهم در طراحي حرفه اي سايت كاهش زمان بازگذاري مي باشد.

به صورت 100% ذخيره ننماييد

بدترين نوع عكس هاي JPEG ، آنهايي هستند كه با كيفيت 100درصد ذخيره شوند. اين عكس ها شايد از نظر كيفيت خيلي بالا باشند اما از نظر اندازه حتي از يك فايل ساده بيشتر هستند. توصيه مي شود كه عكس ها خود با كيفيت كمتر از حتي 90 درصد يا با انتخاب گزينه نوع كيفيت انتخابي، ذخيره كنيد. همانطور كه گفته شد براي تنظيم اين موارد، مي توانيد از گزينه "Save for web" استفاده كنيد. چون در خيلي از عكس ها لازم نيست كه بهترين كيفيت را انتخاب كنيد، حتي با انتخاب كيفيت پايين تر هيچ مشكلي از نظر ديد در سايت وجود ندارد. باز هم تاكيد مي كنيم كه در طراحي حرفه اي سايت خيلي مهم است كه به عكس هاي كه قرار ميدهيد دقت لازم را نماييد.

منبع: سايت كار

امتیاز:
بازدید:
[ ۲۵ بهمن ۱۳۹۶ ] [ ۱۰:۰۲:۱۱ ] [ امامي ] [ نظرات (0) ]
[ ]
.: Weblog Themes By bornablog :.

درباره وبلاگ

نويسندگان
نظرسنجی
لینک های تبادلی
فاقد لینک
تبادل لینک اتوماتیک
لینک :
خبرنامه
عضویت لغو عضویت
پنل کاربری
نام کاربری :
پسورد :
عضویت
نام کاربری :
پسورد :
تکرار پسورد:
ایمیل :
نام اصلی :
آمار
امروز : 43
دیروز : 9
افراد آنلاین : 1
همه : 6812
چت باکس
امکانات وب