طراحی گرافیک سایت و فرمتهای رایج تصاویر

طراحی گرافیک سایت و فرمتهای رایج تصاویر

طراحی گرافیک سایت

در این مقاله می آموزیم:فرمت های رایج تصاویر در طراحی گرافیک سایت و کاربرد انواع فرمتهای تصاویر در طراحی گرافیک سایت

انواع فرمت تصاویر در طراحی گرافیک سایت :

فرمت هایی که بیشتر مرورگرهای استاندارد وب از آن را پشتیبانی می کنند عبارتند از GIF, JPEG, PNG و تصاویر وکتور است. برخی از ویژگی های فایل های گرافیکی عبارتند از:

  • شفافیت، فشرده سازی
  • انیمیشن
  • پیشروی

فرمت GIF در طراحی گرافیک سایت

این فرمت در سال 1980 و برای طراحی وبسایت ساخته شد که در دهه 1990 بیشتر استفاده می شد ، که برای طراحی سایت استفاده شود. این فرمت از ساختاری استفاده می کند که به راحتی و به سرعت فایل ها را کم حجم کرده و برای لود شدن سریع بسیار کاربرد دارند.

این فرمت به 255 رنگ محدود است و از ویژگی شفافیت پشتیبانی می کند. همچنین باید اضافه کنیم توسط این فرمت می توان تصاویر محرک ساخت.

مزایای استفاده از فرمت Gif عبارتند از:

  • قالب قوی برای نمایش عکس ها
  • دیاگرام ها در این فرمت بهتر دیده میشود
  • از ویژگی transparency قالب های گرافیکی پشتیبانی میکند

فرمت JPEG در طراحی گرافیک وب سایت

فرمت JPEG می تواند به صورت فشرده ذخیره شود اما نه به صورت رنگ های واقعی یا True color که به صورت 24 بیتی است و در جایی که وضوح تصاویر نیاز است.

برخلاف فرمت GIF فرمت JPEG برای ذخیره شدن میتوانند از سوی کاربران کنترل شوند که بسته به میزان کیفیت و سایز فایل ممکن است متفاوت باشد.

مزایای این فرمت عبارتند از

  • امکان فشرده سازی بیشتر و در نتیجه دانلود سریعتر
  • برای استفاده برای عکس ها و طرح های پیچیده تر کیفیت تصویری بهتری را این فرمت ارائه میدهد
  • امکان پشتیبانی از رنگ های 24 بیتی

فرمت PNG در طراحی گرافیک وبسایت

PNG فرمت های نسبتا جدید است که به عنوان جایگزینی برای فایل های GIF معرفی شد. این فرمت رنگ های تا 24 بیت را پشتیبانی میکند البته از ویژگی دیگر این فرمت این است که میتوان یک متن تحت عنوان توضیحات را بر روی عکس داشت .

متاسفانه برخی از مرورگرها این فرمت را پشتیبانی نمی کنند و البته امکانات آن هم تحت پوشش برخی از مرورگرها نیست.

مزایای این فرمت عبارتند از

  • غلبه بر محدودیت رنگ 8 بیتی GIF
  • اجازه می دهد تا شرح متن از تصویر برای استفاده از موتور های جستجو درج شود
  • پشتیبانی از ویژگی transparency
  • نمودارها در این فرمت بهتر از فرمت JPEG دیده میشود
  • تصاویر گرافیکی وکتور

بیشتر تصاویر وبسایت به صورت شطرنجی هستند یا به صورت بیت مپ (bitmap) که اینگونه تصاویر به صورت نمایش پیکسلی نشان داده می شوند. تصاویر وکتور توسط برنامه های نرم افزاری مانند Adobe Illustrator و Macromedia Freehand که بسته به انتخاب طراح با نرم افزارهای متفاوتی طراحی میشوند. تصاویر وکتور باید به یکی از فرمت های GIF, JPEG یا PNG تبدیل شوند تا برای مرورگرها قابل خواندن باشد.

مقالات مشابه

طراحی گرافیک وب چگونه باید باشد

طراحی سایت فلت

ابزارهای انتخاب بهترین ترکیب رنگ

حال باید بررسی کرد که از کدام فرمت باید استفاده کنید
طراحان سایت باید از فرمت های GIF یا JPEG بیشتر استفاده کنند. اما باید در نظر داشت اندازه ی فایل GIF از JPEG کوچکتر است اما اکثر طراحان وب از فرمت GIF برای تصاویر پس زمینه و باکس ها و مابقی المان های وب سایت استفاده میکنند زیرا این المان ها میتوانند از رنگ های 8 بیتی هم استفاده کنند.

فرمت JPEG برای عکس ها و تصاویر با وضوح بالا استفاده میشوند و از فرمت PNG در المان های 8 بیتی وب سایت استفاده میشود درست مانند فرمت GIF. اما فرمت GIF هنوز هم برای تصاویر متحرک استفاده میشود.

0 پاسخ

دیدگاه خود را ثبت کنید

تمایل دارید در گفتگوها شرکت کنید؟
در گفتگو ها شرکت کنید.

دیدگاهتان را بنویسید