با فرمتهای گرافیکی آشنا شوید

[دانه کولانه]

فرمتهای گرافیکی که توسط مرورگرهای شناخته میشوند


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


فرمت‌های فایل گرافیك پشتیبانی شده توسط اكثر مرورگرهای وب شامل:




GIF (Graphic Interchange Format) ، JPEG (Photographic Expert Group) ،PNG (Portable Network Graphic) و گرافیك‌های برداری(Vector) هستند.


بعضی از مشخصه‌های فایل گرافیك عبارتند از:

شفافیت (transparency): این مشخصه به تصویر اجازه می‌دهد تا در درجات مختلف تیرگی از كدر گرفته تا شفافیت كامل قرار گیرد.

فشردگی (compression): این مشخصه به تصویر اجازه می‌دهد كه با استفاده از الگوریتمی ریاضی، با گروهی از پیكسل‌ها به عنوان یك واحد مجزا برخورد كرده و در نتیجه در فایل‌های كوچكتری ذخیره شود.

تنیدگی (Interlacing) : این ویژگی به تصویر اجازه می‌دهد كه ابتدا با رسم سطرهای فرد و سپس بازگشت و رسم ردیف‌های زوج، نمایش داده شود و در نتیجه كاربر تصویر را سریع‌تر می‌بیند.

تصویر متحرك (animation): تصویر متحرك با استفاده از تصاویر ثابت متوالی، تاثیر حركت را بوجود می‌آورد. تصاویر متحرك از نوع gif احتیاج به نصب برنامه‌ای خاص بر روی مرورگر یا تغییر آن ندارند و تقریبا روی تمام دستگاه‌ها عمل می‌كنند.

بارگذاری تدریجی (progressive loading) : بارگذاری تدریجی شبیه به تنیدگی است. چون در ابتدا فقط بخشی از تصویر را بارگذاری می‌كند، اما مبتنی بر ردیف‌های زوج و فرد نیست. این روش نیز به كاربر امكان می‌دهد كه تصویر را سریع‌تر ببیند.
فرمت GIF

فرمت GIF در سال 1980 ایجاد و در اوایل 1990 از سوی طراحان وب به عنوان فرمت گرافیك برتر برای صفحات وب پذیرفته شد. فایل‌های GIF از الگوریتم فشرده‌سازی‌ استفاده می‌كنند(به منظور بارگذاری سریع، اندازه فایل‌های تصویری را كوچك می‌كند). فایل‌های GIF به 256 رنگ (8 بیت) محدود شده‌اند و از ویژگی‌های تنیدگی و شفافیت پشتیبانی می‌كنند. همچنین ممكن است بتوان با استفاده از فرمت GIF گرافیك‌های انیمیشنی نیز ایجاد كرد. تمام مرورگرها می‌توانند فایل‌های GIF را نشان دهند. مزایای GIF‌ عبارتند از:

بیشترین فرمت استفاده شده

جلوه بهتر نمودارها

پشتیبانی از شفافیت

فرمت JPEG

فایل‌های JPEG فشرده شده هستند، اما از رنگ‌های واقعی (24 بیتی( پشتیبانی می‌كنند و برای عكس‌هایی كه كیفیت تصاویر در آنها مساله مهمی تلقی می‌شود به فرمت‌های دیگر ترجیح داده می‌شوند. فرمت JPEG از یك بارگذاری تدریجی پشتیبانی می‌كند، كه یك عكس تقریبا فوری ایجاد و به مرور بقیه تصویر را بارگذاری می‌كند و به تدریج كیفیت آن را بالاتر می‌برد.

برخلاف GIF، فشردگی فایل‌های JPEG می‌تواند توسط طراح وب كنترل شود كه شامل سطوح مختلف كیفیت تصویر و اندازه فایل است. تمام مرورگرها می‌توانند فایل‌های JPEG را نمایش دهند. مزایای JPEG را می‌توان به در فهرست زیر خلاصه نمود:
· نسبت فشرده‌سازی بالا، كه به معنای افزایش سرعت بارگذاری می‌باشد.

ارایه كیفیت عالی برای عكس‌ها و تصاویر پیچیده

پشتیبانی رنگ 24 بیتی





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

در حالت كلی، در هر دو ویژگی "تنیدگی" و "بارگذاری تدریجی"، تصویر به شكل قطعات كوچك و به تدریج در سایت نمایش داده می‌شود و این كار تا انتها كه تمام تصویر بدرستی نمایش پیدا كند، ادامه می‌یابد. حالت دیگر این است كه در ابتدا تصویر با كیفیت نامطلوب نمایش داده شود سپس به مرور كیفیت آن تا رسیدن به سطح واقعی افزایش پیدا كند. این قابلیت به علت نیاز به نگهداری و ارسال اطلاعات اضافی به همراه تصویر باعث افزایش حجم تصویر و زمان انتقال آن می‌شود، اما به مرورگرها امكان تثبیت موقعیت تصاویر را می‌دهد كه باعث بهبود مشاهده می‌گردد. به علاوه، كاربران می‌توانند با مشاهده بخشی از یك تصویر در مورد Load شدن باقی آن تصمیم بگیرند.



روش صحیح استفاده از فرمت های JPEG و GIF برای ذخیره سازی صفحات وب:

مطمئنآ همه شما وقتی که میخواین تصاویرتون رو تو محیط فتوشاپ برای یك صفحه وب ذخیره كنید با این سوال مواجه شدین كه از كدوم پسوند برای ذخیره فایل هاتون استفاده کنین .
خیلی از ما برای اینكه به جواب این سوال دست پیدا كنیم دست به مقایسه میزنیم و معمولآ هم به نتیجه مطلوب میرسیم . اما آیا واقعآ این دو فرمت با هم هیچ فرقی ندارن یا اگه دارن چه مواقعی باید مورد استفاده قرار بگیرن ؟
در جواب این سوال باید گفت در طراحی صفحات وب هر كجا كه تصاویر ما شامل قسمتهای بزرگی از یك رنگ یك پارچه و یا از تكرار یك طرح و الگوی ساده(patterns) به وجود آمده بود و در واقع رنگها و طرح ها دارای حالتی ساده و یك پارچه بود از فرمت GIF برای ذخیره سازی فایل هامون استفاده میكنیم .
و هنگامی كه تصاویر ما از پیچیدگی بیشتری مثل دارا بودن یك طیف رنگی یا شامل شدن از مجموعه ای از رنگها مانند یك عكس برخوردار بود از فرمت JPEG برای ذخیره سازی تصاویرمون استفاده می كنیم .
نكته قابل توجه در هنگام ذخیره كردن یك تصویر با فرمت JPEG نحوه فشرده سازی (compression) اینه كه در هنگام فشرده سازی فایل هرگز از میزان 40 درصد بیشتر استفاده نكنیم و نكته دیگه دونستن این مطلبه كه ما میتونیم با بكار گیری مقدار كمی Gaussian blur روی عكسمون به میزان قابل توجهی سایز اون رو كاهش بدیم . البته باید این میزان به اندازه ای باشه كه به كیفیت عكس ما صدمه زیادی نزنه . در این مورد بیشتر از 1.2 به هیچ وجه پیشنهاد نمیشه . فكر میكنم 0.8 مقدار مناسبی باشه كه البته اون هم با توجه به سایز و كاربرد تصویر شما متفاوت هستش .
منبع /irancg.com/