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

چند تصوير گرافيكي برگزيده مي تواند به وب سايت شما چنان اعتباري ببخشيد كه چندين صفحه متن نوشته شده نمي تواند. ولي بايد تعادلي بين آنچه كه مي خواهيد با يك تصوير بيان كنيد و هزاران واژه اي كه مي خواهيد بگوييد وجود داشته باشد. زيرا به جاي همه واژه ها نمي توانيد يك آلبوم عكس در Homepage بگذاريد.
حالا بايد ببينيم چند تصوير را مي توان در يك صفحه گذاشت و اندازه فايل هاي تصويري يك صفحه چقدر مي تواند سنگين باشد. ما توصيه مي كنيم تصاوير گرافيكي استفاده شده در يك Homepage بيش از ۴۰ كيلو بايت نباشد، تا افرادي كه با استفاده از مودم هاي قديمي تر به سايت شما متصل مي شوند خيلي معطل نشوند. ممكن است يك صفحه ۴۰ كيلو بايت به نظر خيلي سبك و نامناسب بيايد ولي به خاطر داشته باشيد همين صفحه ۱۳ ثانيه طول مي كشد تا با يك مودم ۵۶K بالا بيايد.
بررسي ها نشان داده است كه اگر بالا آمدن تصاوير سايت ها بيش از ۱۵ ثانيه طول بكشد ممكن است سرورها تصاوير را بلرزانند و يا تكه تكه بياورند، هر چند بعضي مراجعه كنندگان به سايت شما داراي اتصال هايي با باند هستند، ولي بعضي كاربران ممكن است با موبايل به سايت شما وصل شوند.
براي اطلاعات بيشتربه سايت http://Usability.gov/ guidelines/ softhard. Html مراجعه كنيد.
براي اين كه يك سايت متعادل داشته باشيد بايد مقياس هاي فيزيكي تصاويرتان را كاهش دهيد و آنها را فشرده كنيد تا فايل شما به كوچكترين اندازه ممكن تقليل يابد. اين همان روند بهينه سازي تصاوير است. هر چه بيشتر تصوير را فشرده كنيد، البته كه جزئيات بيشتري را از دست مي دهيد، بنابر اين بايد تمهيدي به خرج دهيد كه بين اندازه فايل و كيفيت تصويرتان همخواني مناسبي ايجاد شود. هميشه اين سؤال را از خودتان بپرسيد كه آيا اين تصوير لازم است؟
آيا اگر اين تصوير را به سايت تان اضافه نكنيد، مفهومي را از دست داده و بيان نكرده ايد؟ البته ممكن است خيلي ها وسوسه شوند كه اين بهينه سازي را انجام ندهند و تصاوير مورد نيازشان را از سايت هاي ديگر بگيرند و از آن استفاده كنند. ولي اين كار از جنبه هاي اخلاقي كار پسنديده اي نيست و تازه در بيشتر كشورها قانون حق انحصار مي تواند برايشان مشكل ساز شود. براي آشنايي با اين مقررات مي توانيد به سايت ذيل مراجعه نماييد.
WWW.da.Co.Uk/Copyrightvillageinernet.htm
گام اول: آماده سازي تصوير
بسيار ساده مي توانيد فايل را با فتوشاپ ويرايش كنيد و آن را فيلتر گذاري كنيد. برنامه گرافيكي خود را در Mode RGB (و نه CMYK) تنظيم كنيد و اگر در نظر داريد بعداً آن را ويرايش كنيد، حتماً آن را لايه لايه ذخيره كنيد.
نكته:هميشه تصوير Gif را قبل از آن كه بخواهيد ويراش كنيد و يا تغيير اندازه دهيد به RGB برگردانيد.
گام دوم: حذف زوائد
از ابزار Crop براي حذف چيزهاي زائد پيرامون تصوير استفاده كنيد. Crop ابزاري است كه به سادگي مي توانيد آن را انتخاب كنيد و سپس چهار گوشي براي محدوده مورد نظر بكشيد.
گام سوم: منظم كردن
اگرچه ويرايش تصوير مهارت بالايي مي خواهد، ولي يك آشنايي ساده با بسته نرم افزاري يا گرافيكي مي تواند تفاوت اساسي در تصاوير گرافيكي شما بوجود بياورد. يكي از روش ها اين است كه عكس هاي بي حالت را تا حدودي واضح تر و زنده تر كنيد و براي اين كار از دستورLevels استفاده كنيد. اين دستور امكان تغيير سايه ها و تنظيمات هاله هاي كم رنگ و پررنگ را در اختيارتان قرار مي دهد.
گام چهارم: تنظيم كنيد
وقتي مي خواهيد عرض تصوير را تنظيم كنيد، اول ببينيد كه كيفيت كار بر روي صفحه معمولي چگونه است. براي نشان دادن يك تصوير۴۸۰*۶۴۰ بايد يك محدوده پيكسل ۳۰۰*۶۰۰ و براي يك تصوير۳۰۰*۷۶۰ يك محدوده ۶۰۰*۸۰۰ و براي يك تصوير۶۰۰*۹۵۵ يك محدوده ۷۶۸*۱۰۲۴ در نظر بگيريد.
نكته: هميشه سعي كنيد تصاوير وب را به صورت ۷۲ نقطه در اينچ ذخيره كنيد.
گام پنجم: JPEG يا GIF
جستجوگر همه موضوعاتي را كه كماكان به صورت JPEG و GIF وجود داشته باشد پشتيباني مي كند. JPEG مي تواند ميليون ها رنگ را پشتيباني كند، در حالي كه GIF فقط ۲۵۶ رنگ را پشتيباني مي كند. بنابر اين GIF براي تصاوير گرافيكي مثل آيكون ها، لوگوها و دكمه ها مناسب است، اما JPEG براي عكس هايي كه تركيبات رنگ پيچيده تر دارند بكار مي رود. براي كسب اطلاعات بيشتر به سايت WWW.webdesign.about.com مراجعه كنيد.
گام ششم: فشرده سازي JPEG
JPEG از يك نوع تكنيك رياضي بسيار پيچيده براي توليد يك مقياس قابل تغيير در فشرده سازي تصاوير استفاده مي كند. بسياري از برنامه هاي گرافيكي نيز اين امكان را دارند كه ميزان تأثيري را كه فشرده سازي بر روي تصوير مي گذارد نشان دهند.
گام هفتم: ذخيره كنيد
هر چند JPEG براي كاهش اندازه فايل بسيار كارآمد است، ولي فشرده كردن بيش از حد تصاوير ممكن است تصوير را دانه دانه كند. اگر از كاهش اندازه يك فايل نتيجه اي نگرفتيد، بهتر است ابعاد آن را كاهش دهيد. زماني كه يك بار تصوير را در حالت JPEG ذخير نموده ايد، تا حدي ديتاهاي آن را از بين برده ايد و تصوير اوليه ديگر قابل برگشت نيست، پس بهتر است فايل اصلي را حفظ كنيد.
گام هشتم: انواع برش
اگر از فشرده سازي با كيفيت پايين استفاده مي كنيد، JPEG نمي تواند نوشته هاي روي عكس را بدون تغيير حفظ كنند و باعث ايجاد خش و ناخوانايي مي شود. اگر مي خواهيد حتماً نوشتار و تصوير با هم باشند، بهتر است عكس را از قسمت هاي نوشته دار برش دهيد و به صورت فايل هاي GIF و JPEG درآوريد و پس از فشرده سازي مناسب، آن را به هم بچسبانيد.
گام نهم: فرمت GIF
براي كوچك نگهداشتن اندازه فايل از اين فرمت استفاده مي شود. فرمت GIF حداكثر ۲۵۶ رنگ را پشتيباني مي كند. اگر تعداد رنگ ها را كمتر كنيد، اندازه فايل ها را هم مي توانيد كوچك تر كنيد. GIF همچنين مي تواند ذخيره سازي را مرحله اي انجام دهد، رنگ را شفاف سازد و انيميشن هم داشته باشد.
گام دهم: مواظب باشيد
نه تنها ذخيره سازي و فشرده سازي تصاوير GIF كار مشكلي است، بلكه گاهي اندازه ها در جاهاي مختلف تصوير، متفاوت ذخيره مي شوند. ممكن است همواره اين اتفاق نيافتد ولي معمولاً اين گونه مي باشد. در نتيجه بهتر است همواره از JPEG استفاده كنيد و گرنه ممكن است رنگ ها در تصورتان به صورت نواري دربيايند.
گام يازدهم: جداسازي تصاوير
اگر مراقب نباشيد ممكن است وب سايت تان تبديل به كشوي مملواز صدها فايل شود. بهتر است اين فايل ها را در كشوهاي مختلفي بگذاريد كه با همان عناوين در سايت گذاشته شده اند. براي دقت بيشتر مي توانيد در هر كشو زير عنوان هاي بيشتري قرار دهيد.
گام دوازدهم: ساير موارد
همه كاربران نمي توانند تصاوير گرافيكي را روي سايت شما ببينيد، بنابر اين بسيار مهم است كه سايت شما شامل text مربوط به تصاوير هم باشد. شما مي توانيد درسايت ها از نمودارها و دياگرام ها نيز استفاده كنيد.