طراحی سایت

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

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

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

فرمت هایی که بیشتر مرورگرهای استاندارد وب از آن را پشتیبانی می کنند عبارتند از 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 هنوز هم برای تصاویر متحرک استفاده میشود.

در مقاله بعد می خوانید:

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

فاکتورهای مهم در طراحی سایت UI گرافیک وب سایت است . هماهنگی رنگ های وب سایت ، برتری هارمونی رنگ و همچنین تاثیر روانشناختی آن بر روی کاربران سایت

راه اندازی کسب و کار اینترنتی

مقالات مشابه

php

فصل دوم آموزش PHP ، دستور متغير ها

/
متغیرها فرض كنيد شما مي خواهيد يك مقدار عددي يا رشته ايي مثل…
php

فصل اول آموزش PHP ، دستور Print و Echo

/
دستور Print و Echo در مقدمه معرفی PHP خوانديم كه كد هاي PHP چگونه نوشت…
php

زبان برنامه نویسی PHP چیست؟

/
معرفی زبان برنامه نویسی PHP PHP يك زبان برنامه نويسي اسكريپتي اپن…
4 گناه مرگبار در طراحی UI و UX
,

4 گناه مرگبار در طراحی UI و طراحی UX

/
طراحی UI و طراحی UX 4 گناه مرگبار در طراحی UI و طراحی UX وج…
طراحی سایت ریسپانسیو

روش طراحی سایت ریسپانسیو ( واکنش گرا )

/
طراحی سایت ریسپانسیو یک الگوی طراحی وب سایت است که به یک سایت خوب…
طراحی سایت کاربر پسند
,

طراحی سایت کاربر پسند

/
مهمترین اولویت هر طراح سایت، کاربران می باشند. آنها، تمایل دارند در…
0 پاسخ

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

دوست دارید به گفتگو ملحق بشید ؟
در صورت تمایل همکاری کنید !

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