تصاوير در طراحي وب ( بخش دوم )

February 13, 2005 at 03:10 pm

در ادامه مقاله قبل قصد داريم به بررسي ويژگي فرمت هاي ديگر تصاوير از جمله JPEG و PNG بپردازيم . فرمت JPEG :
قالب ديگر تصوير كه در وب متداول است JPEG است و پسوند فايل آن jpeg يا jpg مي باشد . JPEG مخفف Joint Photographic Experts Group است كه نام انجمني مي باشد كه اين اسم استاندارد را نوشته است . اين قالب تصوير با اتلاف ( Lossy ) است كه جهت فشرده سازي تصاوير فتوگرافيي كه ممكن است شامل هزاران يا حتي ميليون ها رنگ يا سايه ي خاكستري باشند طراحي شده است .
به دليل اينكه jpeg يك قالب تصوير با اتلاف است ، تعادلي بين كيفيت تصوير و اندازه ي فايل برقرار مي شود . با وجود اينكه قالب jpeg تصاوير رنگي با كيفيت بالاي 24 بيت را نسبت به GIF در فضاي كوچكتر ذخيره مي كنند ، ذخيره كردن ديسك هاي با ارزش در وب باعث حفظ فضاي گران بهاي ديسك و زمان بارگذاري كمتري خواهد شد . نمونه ايي از كيفيت در مقابل تعادل بين اندازه فايل در JPEG در اينجا نشان داده شده است . با كمي صرفنظر از كيفيت مي توان به حجم بالاتري از ديسك دست يافت .
ممكن است كه قالب JPEG تصاوير عكسبرداري شده را به خوبي فشرده كند ، اما اين كار براي خط كشي ها ، زمينه هايي با تصاوير رنگي ، يا متن ها مناسب نيست . در اينجا مي توانيد اندازه هاي دوفايل JPEG و GIF را باهم مقايسه كنيد . اما انتخاب بين اين دو خلي ساده است . عكس ها را با JPEG و شكل ها را با GIF نمايش دهيد .
شواهدي وجود دارد كه نشان مي دهد ، سازندگان صفحات ممكن است بخواهند يك عكس را به قالب GIF جهت استفاده از ويژگي هاي آن تغيير بدهند ، زيرا تصاوير jpeg از انيميشن يا هيچگونه شفافيتي پشتيباني نمي كنند . با وجود اين تصاوير jpeg از يك ويژگي شبيه به عمل ظهور در تصوير به صورت بافتي در GIF در قالبي به نام JPEG پي رونده يا همان Progressive JPEG پشتيباني مي كنند . اين مدل از وضوح تصوير در سطح پايين شروع به آشكار شدن مي كند تا در سطح بالا ، و همچنين از مات و كدر بودن به طرف واضح بودن مي رود .

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

  • مشخصات و ويژگي هاي فرمت PNG :
  • قالب گرافيك قابل حمل شبكه ( PNG ) يكي از قالب هاي آشكاري است كه تمام ويژگي هاي GIF را به علاوه چندين ويژگي ديگر به همراه دارد . اول اينكه ، الگوريتم فشرده سازي png تا اندازه ايي بهتر از فشرده سازي gif به نظر مي آيد . اما تنها اين مساله باعث نمي شود كه از تصاور gif دست بكشيم ، مشكلات سازگاري مرور گرها هنوز باعث درد سر قالب است . png تا اندازه كمي نمايش تصوير به صورت بافتي يا مشبك را نيز بهبود مي بخشد .

    تصاوير PNG مانع رنگ هشت بيتي كه در تصاوير gif به طور عادي وجود داشت را شكسته است ، اما با وجود درجه ي فشرده سازيي كه در png هاي امروزي موجود است عاقلانه به نظر نمي رسد كه فايل png را در همه ي حالات نسبت به Jpeg ترجيح دهيم . از امكانات چشمگيري كه در مورد تصاوير PNG وجود دارد ، شفاف سازي بهبود يافته را مي توان نام برد . فايل هاي PNG بيشتر از انكه بخواهند محدود به تنها يك رنگ براي ماسك هاي شفافيت باشند ، مي توانند تا 256 رنگ در يك ماسك استفاده كنند . بنابراين آن ها لبه هاي شفاف خود را صاف و اثرات سايه را از بين مي برند .

    يكي ديگر از مشكلاتي كه PNG به وجود مي آورد ، تغيير رنگ آشكار در تصاويري است كه در سيستمي با يك گاما يا مقدار درخشندگي ساخته مي شوند و سپس در سيستمي با مقدار گاماي متفاوتي نمايش داده مي شوند . در اين شكل توجه كنيد كه چگونه تصاوير در مقادير گاماي متفاوت ، شبيه به هم به نظر نمي رسند . PNG از اين مساله اجتناب مي كند . در نهايت ، PNG تصوير متحرك را از طريق MNG پشتيباني مي كند ، كه چيزي است كه در تصويرهاي متحرك GIF ديده مي شود .

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

    اگر چه اين بحث ظاهرا به پايان رسيد اما فرمت هاي تصويري ديگري از جمله فلش ، BMP ، XPM و … وجود داره اما چون فعلا حس و حالش نيست و خيلي كمتر در طراحي به كار مي رن از شرح اونا خودداري مي كنم و اگر در آينده لازم بود مطرح خواهد شد . منبع : كتاب جناب توماس پاول ترجمه ي آقاي احمد شيدا

    دسته: طراحی وب | نویسنده: مرتضی الوانی
    1. 8 نظر برای این مطلب ارسال شده است. نظر خود را ارسال کنيد »

    1. 1

      hamed


      روش گذاشتن عضویت خبر نامه برای اطلاع از جدید شدن سایت رو بگوویید

      February 13, 2005 at 4:50 pm

    2. 2

      گناهكار


      بروبكس لينوكس باز بيشتر با png حال ميكنن !

      February 13, 2005 at 6:57 pm

    3. 3

      omid arab


      agha khodeto moarefi mikardi matalebet jalebe link matalebto zoodtar mizashtim

      February 13, 2005 at 8:10 pm

    4. 4

      hamed


      اقا چه طوری می شه وقتی در سایت یکی کامنت می زاره بعد یکی دیگه همون جا کامنت می زاره به اون قبلی یه میل بره مثل اینجا

      February 13, 2005 at 9:04 pm

    5. 5

      hamed


      سلام
      لینکی که باید برای سایت گذاشت که کل چیز های نوشته شده در کل wordpress رو نشون بده چی است این cat=all همه رو نشون نمی دهد می خوام از اولین روزی مه نوشتم تا اخرین روز نشان دهد

      February 14, 2005 at 12:08 pm

    6. 6

      hamed


      جواب نبود

      February 15, 2005 at 1:47 pm

    7. 7

      سعید


      لطفا درباره پسوند های ساخت فرمتهای نرم افزار
      پریمیر برای بنده ارسل نمایید .

      April 2, 2005 at 11:48 pm

    8. 8

      نگار


      لطفا در مورد بكار بردن فلش در طراحي وب برام توضيح بدين ممنون از شما

      January 28, 2007 at 1:01 pm