آموزش‌های چندرسانه‌ای - تصاویر GIF

GIF یکی از فرمت‌های اصلی تصویر مورد استفاده در وب است.

این مقاله به طور دقیق ویژگی‌ها و نکات استفاده از تصاویر GIF را توضیح می‌دهد.

درک فرمت تصویر

هیچ یک از HTML یا XHTML فرمت رسمی تصاویر را تعیین نمی‌کنند. با این حال، مرورگرهای محبوب فرمت‌های خاصی را تعیین کرده‌اند: معمولاً GIF و JPEG. بیشتر فرمت‌های چندرسانه‌ای نیاز به برنامه‌های پشتیبان خاص دارند، و هر کاربر مرورگر باید این برنامه‌ها را دریافت، نصب و به درستی تنظیم کند تا بتواند این فایل‌های خاص را ببیند یا بشنود. بنابراین، GIF و JPEG به عنوان استانداردهای واقعی در وب جایگاه خاصی دارند.

قبل از ظهور وب، این دو فرمت تصویری به طور گسترده استفاده می‌شدند، بنابراین تعداد زیادی نرم‌افزار پشتیبان برای ایجاد این دو فرمت تصویری وجود دارد. با این حال، هر دو فرمت دارای مزایا و معایب خود هستند و برخی مرورگرها از ویژگی‌های خود برای ایجاد اثرات نمایشی خاص استفاده می‌کنند.

GIF

فرمت GIF به معنای فرمت تبادل تصاویر (Graphics Interchange Format،GIF) است، که این فرمت در ابتدا توسط CompuServe برای انتقال تصاویر به کاربران خدمات آنلاین خود توسعه داده شده است.

ویژگی‌های فرمت GIF

فرمت GIF دارای بسیاری از ویژگی‌ها است، بنابراین در HTML/XHTML بسیار رایج است.

اول از همه، تکنیک کدگذاری آن در بسیاری از پلتفرم‌ها قابل استفاده است. بنابراین، با استفاده از نرم‌افزار GIF رمزگشایی مناسب (که بیشتر مرورگرها این نرم‌افزار را دارند)، می‌توان تصاویر GIF را در مکینتاش ایجاد و ترکیب کرد، و تصاویر GIF در سیستم‌های PC مبتنی بر ویندوز نیز می‌توانند به راحتی بارگذاری، رمزگشایی و نمایش داده شوند.

ویژگی دوم فرمت GIF این است که از یک تکنیک فشرده‌سازی خاص استفاده می‌کند که می‌تواند اندازه فایل تصویر را به طور قابل توجهی کاهش دهد، بنابراین می‌تواند به سرعت‌تر در اینترنت منتقل شود. و فشرده‌سازی GIF

علاوه بر این، GIF تصاویر به راحتی می‌توانند انیمیشن ایجاد کنند.

نسخه‌ها و رنگ‌های فرمت GIF

با اینکه تمامی فایل‌های GIF با پسوند .gif (یا .GIF) نامیده می‌شوند، در واقع دو نسخه GIF وجود دارد: GIF87 اولیه و GIF89a، که ویژگی‌های جدیدی را پشتیبانی می‌کند، از جمله پس‌زمینه شفاف، ذخیره‌سازی موازی و انیمیشن و این ویژگی‌ها در بین سازندگان وب بسیار محبوب هستند.

همه مرورگرهای محبوب کنونی این دو فرمت GIF را پشتیبانی می‌کنند، که هر دو از یک روش مشابه برای انتقال ارزش‌های پیکسل 8 بیتی به جدول رنگ‌ها استفاده می‌کنند، بنابراین هر تصویر بیشترین تعداد 256 رنگ را می‌تواند داشته باشد.

تعداد رنگ‌های بیشتر GIF‌های بیشتر واقعی کمتر است، برخی ابزارهای خاص (مثلاً Macromedia Fireworks) می‌توانند این رنگ‌ها را در تصاویر دقیق‌تر ساده‌سازی کنند. با ساده‌سازی رنگ‌ها، می‌توان تصاویر کوچک‌تری از رنگ‌ها ایجاد کرد و پیکسل‌های اضافی را تقویت کرد تا فایل‌ها به صورت بیشتر فشرده شوند و سرعت دانلود افزایش یابد.

با این حال، به دلیل تعداد محدود رنگ‌ها، تصاویر رمزگذاری شده با GIF در همه موارد مناسب نیستند، به ویژه برای تصاویر با کیفیت عکس. GIF می‌تواند برای ایجاد آیکون‌ها و تصاویر با تعداد رنگ‌های کم و تصاویر گرافیکی استفاده شود.

حتی سازندگان سخت‌گیر نیز GIF را انتخاب می‌کنند

به دلیل اینکه اکثر مرورگرهای گرافیکی GIF را به صورت مشخص پشتیبانی می‌کنند، بنابراین اکنون این فرمت تصویری بیشترین پذیرش را در وب دارد. تصاویر درون‌صفحه‌ای و لینک‌های خارجی می‌توانند از این فرمت استفاده کنند. اگر در انتخاب فرمت تصویر تردید دارید، استفاده از GIF بدون اشتباه است. این فرمت تقریباً در همه موارد به درستی کار می‌کند.

تکنیک‌های تصاویر GIF

تصاویر GIF دارای سه تکنیک ویژه هستند: اسکن ترتیبی (interlacing)، شفافیت (transparency) و انیمیشن (animation).

اسکن ترتیبی

با اسکن ترتیبی، تصاویر GIF می‌توانند به یکباره روی صفحه نمایش ظاهر شوند، نه اینکه به صورت تدریجی از بالا به پایین نمایش داده شوند. به طور معمول، تصاویر رمزگذاری شده با GIF به ترتیب خطوط و به صورت پیاپی از بالا به پایین قرار دارند. بنابراین، تصاویر GIF معمولی هنگام نمایش روی صفحه نمایش مانند باز کردن پرده‌ها به نظر می‌رسند، در حالی که GIF‌های با اسکن ترتیبی مانند خمیدن پرده‌های پنجره نمایش داده می‌شوند. این دلیل این است که ترتیب داده‌های پیکسل هر 4 خط به صورت متقارن تغییر می‌کند. کاربر تنها نیاز دارد که یک چهارم زمان لازم برای نمایش کامل تصویر را صرف کند تا یک تصویر کامل از بالا به پایین ببیند، اگرچه آن بسیار تار است. این تصویر که تنها یک چهارم آن انجام شده است، معمولاً به اندازه کافی واضح است تا کاربران بتوانند تصمیم بگیرند که آیا نیاز دارند زمان بیشتری برای دانلود باقیمانده تصاویر صرف کنند یا خیر.

با اینکه تمام مرورگرهای گرافیکی می‌توانند GIF‌های اسکن متناوب را نمایش دهند، اما نه همه مرورگرها می‌توانند این اثر تدریجی روشن‌تر شدن را نمایش دهند. حتی اگر مرورگرهایی که می‌توانند این اثر را ایجاد کنند، کاربران می‌توانند انتخاب کنند که این اثر را پس از دانلود کامل و رمزگشایی تصویر نمایش دهند تا این اثر را کاهش دهند. مرورگرهای قدیمی معمولاً منتظر دانلود کامل و رمزگشایی تصویر می‌مانند و بنابراین این اثر را پشتیبانی نمی‌کنند.

شفافیت

یکی از اثرات رایج GIF تصاویر (در واقع تصاویر GIF89a) این است که بخشی از تصویر را می‌توان شفاف کرد تا محتوای زیرین (معمولاً پس‌زمینه مرورگر) از بخش‌های شفاف آن نمایش داده شود. تصاویر GIF شفاف با استفاده از یک رنگ خاص به عنوان رنگ پس‌زمینه در نقشه رنگ‌ها استفاده می‌کنند تا پس‌زمینه پنجره نمایش داده شود. با برش دقیق اندازه تصویر و انتخاب رنگ پس‌زمینه نزدیک به رنگ خالص، تصاویر شفاف می‌توانند به نظر برسند که به طور کامل در صفحه وب جاسازی شده‌اند یا بر روی آن قرار دارند.

تصاویر GIF شفاف مناسب برای هر کسی است که می‌خواهد تصویری را در میان مستند قرار دهد اما نمی‌خواهد به نظر یک مربع بیاید. لوگوهای GIF شفاف بسیار شایع هستند، مانند آیکون‌های شفاف یا نمادهای چاپی و غیره - هر تصویری با هر شکلی از شکل طبیعی می‌تواند از این اثر استفاده کند. همچنین می‌توان تصاویر شفاف درون‌خطی را در متون سنتی قرار داد تا نمادهای خاصی در آن‌ها نمایش داده شود.

یک نکته منفی در اثر شفاف GIF تصاویر این است که اگر آن را در برچسب‌های لینک (a) بدون حذف حاشیه قرار دهیم یا با قاب خاصی دور آن بپوشانیم، به نظر بسیار بد خواهد آمد. همچنین محتوای دیگر به اطراف حاشیه مستطیل تصویر نمایش داده می‌شود، نه به نزدیکی حاشیه ناپрозا تصویر. این نتیجه باعث می‌شود که تصویر به طور غیرضروری جدا شود یا صفحه وب به نظر بسیار عجیب بیاید.

انیمیشن

ویژگی سوم منحصر به فرد فرمت تصویر GIF89a این است که می‌تواند یک انیمیشن ساده فایل به فایل ارائه دهد. با استفاده از نرم‌افزارهای ویژه‌ای که برای انیمیشن GIF استفاده می‌شوند، می‌توان یک سری از تصاویر GIF را در یک فایل GIF89a واحد قرار داد. مرورگر به ترتیب هر تصویر را از فایل نمایش می‌دهد، مانند کتابچه‌ای که در دوران کودکی ما بازی می‌کردیم (یا حتی نقاشی می‌زدیم) و با تناوب سریع صفحات انیمیشن ایجاد می‌کرد. در فایل GIF، بخش‌های خاصی بین هر تصویر وجود دارند که می‌توانند برای تنظیم تعداد دفعات نمایش کامل مجموعه (تکرار) به مرورگر، زمان توقف بین دو تصویر، و اینکه آیا باید فضای تصویر در نمایش بعدی پاک شود یا خیر، استفاده شوند. با ترکیب این ویژگی‌ها با ویژگی‌های معمول GIF (شامل جدول رنگ‌های جداگانه، شفافیت، اسکن متناوب و غیره)، می‌توان تصاویر جذاب و دقیقی ایجاد کرد.

یکی از دلایل قدرت GIF‌های ساده‌ای که دارای اثر قوی هستند، این است که نیازی به نوشتن برنامه‌ای خاص برای HTML مستند برای دستیابی به اثر انیمیشن نیست. اما این یک مشکل بزرگ هم دارد، اینکه محدود به تصاویر بسیار کوچکی مانند اندازه آیکون‌ها یا تصاویری که فقط یک نوار باریک از پنجره مرورگر را اشغال می‌کنند است: حتی اگر به دقت از تکرار بخش‌های استاتیک در واحد‌های انیمیشن پیروی کنید، GIF‌های انیمیشن نیز به راحتی می‌توانند بزرگ شوند. بنابراین، اگر مستند شامل چندین انیمیشن باشد، زمان لازم برای بارگذاری این تصاویر ممکن است به شدت کاربر را ناراحت کند. اگر چه ویژگی‌ای وجود دارد که باید بسیار دقت کنیم تا از سوءاستفاده از آن جلوگیری کنیم، این GIF انیمیشن است.

نتیجه‌گیری

تکنیک‌های GIF همه‌گیر - اسکن نیمه‌های متناوب، شفافیت و انیمیشن - به سادگی به دست نمی‌آیند، آنها نیاز به نرم‌افزارهای خاصی برای آماده‌سازی این فایل‌های GIF دارند. اکنون بسیاری از نرم‌افزارهای تصویری می‌توانند تصاویر ایجاد شده توسط کاربر یا به دست آمده از منابع خارجی را به فرمت GIF ذخیره کنند و بیشتر آنها از اثر شفافیت پشتیبانی می‌کنند و می‌توانند اثر اسکن نیمه‌های متناوب فایل‌های GIF را ایجاد کنند. همچنین تعداد زیادی نرم‌افزارهای اشتراکی یا رایگان خاص برای این نیازها طراحی شده‌اند، از جمله برنامه‌های نرم‌افزاری برای ایجاد انیمیشن GIF.