دوشنبه 23 بهمن 1396

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

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

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


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

 

فرمت های گرافیکی


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



فرمت فایلهای گرافیکی که توسط مرورگرهای مرسوم پشتیبانی می شوند شامل فرمت گرافیکی قابل تعویض (GIF)، گروه متخصصین عکاسی (JPEG)، گرافیک شبکه های قابل حرکت (PNG)، و گرافیکهای برداری می باشد. برخی از ویژگیهای این فرمت ها به قرار زیر می باشند:



    شفافیت (Transparency) – این ویژگی به تصویر این امکان را می دهد تا درجه ای متغیر از ماتی را داشته باشد که از جامد تا شفافیت کامل (پشت تصویر کاملا قابل مشاهده است) متغیر است.



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



    چند خط در میان (Interlacing) - این ویژگی به تصویر این امکان را می دهد تا به این ترتیب بارگذاری شود که در ابتدا خصوص فرد کشیده شوند و سپس خطوط زوج. اینکار به کاربران و بینندگان این امکان را می دهد تا تصویر را زودتر از آنکه بارگذاری به اتمام برسد مشاهده نمایند.



    انیمیشن – انیمیشن، با استفاده از یک سری از تصاویر ثابت و پشت سرهم حس حرکت را بوجود می آورد. Gif های متحرک، نه تنها نیاز به پلاگینی ندارند بلکه تقریبا قادرند با هر سخت افزار و دستگاهی کار کنند.



    پیشرفت کننده (Progressive) – این ویژگی در بارکذاری تصاویر، پیزی شبیه به interlacing است به این ترتیب که قسمتهای مختلف تصویر بطور جداگانهبارگذاری می شوند ولی محدود به خطوط زوج و فرد نیستند. اینکار سبب می شود تا کاربر تصویر را زودتر از زمان بارگذاری آن مشاهده کند.

 

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



GIF

منشاء GIF به سال 1980 بر می گردد و در اویل دهه 90 میلادی بعنوان فرمتی مطلوب برای طراحی صفحات سایت توسط طراحان سایت مورد قبول قرار گرفت. فایلهای GIF، از الگوریتمی برای فشرده سازی استفاده می کند که حجم فایلها را برای بارگذاری سریع پایین نگه می دارد.


رنگها به 256 رنگ (8 بیت) محدود شده اند و ویژگیهای transparency و interlaced نیز پشتیبانی می شود. همچنین این امکان وجود دارد تا تصویری متحرک و انیمیشن دار با استفاده از این فرمتی تصویری ساخته شود. تمامی مرورگرها می توانند این فرمت را بطرز صحیحی نمایش دهند.

مزایای GIF:



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


    دیاگرامها در این فرمت تصویری بهتر نشان داده می شوند.


    Transparency در این فرمت پشتیبانی می شود.

 



JPEG


فایلهای JPEG فشرده سازی می شوند ولی از رنگهای حقیقی 24 بیتی پشتیبانی می کنند و برای عکاسانی کیفیت تصاویر برایشان اهمییت دارد مناسب تر هستند. JPEG از فرمت Progressive پشتیبانی می کند که این اجازه را می دهد تا تصویر با کیفیت بلافاصله بارگذاری شود درحالیکه مابقی المانها نیز در حال لود شدن می باشند.

 


مزیتهای JPEG:



    حجم فشرده سازی بالا به معنای بارگذاری و دانلود سریعتر است.


    تولید کیفیتی مطلوب برای عکاسان و نقشه های پیچیده.


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

 


PNG


PNG نسبتا فرمت جدیدی است که بعنوان جایگزینی برای فایلهای GIF بوجود آمده است. PNG تا 24 بیت رنگ را پشتیبانی می کند و همچنین از transparency و interlacing نیز پشتیبانی می کند که می تواند متن توصیفی کوتاهی را نیز برای تصویر در خود نگهدارد تا موتورهای جسنجوگر از آن استفاده کنند.


متاسفانه اکثر مرورگرها از PNG پشتیبانی نمی کنند و آنهایی که از آن پشتیبانی می کنند هنوز از همه ویژگیهای آن پشتیبانی نمی کنند. ولی در آینده این موضوع تغییر خواهد کرد.



مزایای PNG:

    غلبه بر محدودیتهای 8 بیت رنگ GIF


    امکان قراردادن متن توصیفی در تصویر برای استفاده در موتورهای جستجوگر


    پشتیبانی از transparency


    دیاگرامها در این فرمت، بهتر از فرمت JPEG نمایش داده می شوند.

 



تصاویر برداری


اکثر تصاویر وب، تصاویری رستر شده یا بیت مپ هستند که از شبکه ای از پیکسلهای رنگی تشکیل شده اند. نقشه ها و نقاشی ها می بایست توسط بردارها ترسیم شوند که از توصیفات ریاضی برای هر المان تشکیل شده است و خطوط و رنگهای تصویر را شکل می دهند. تصاویر برداری با کمک برنامه های برداری نظیر Adobe Illustrator و Macromedia Freehand ساخته می شوند و یکی از انتخابهای طراحان در ترسیم نقشه ها و نقوش می باشند. تصاویر برداری می بایست به یکی از فرمتهای GIF، JPEG یا PNG تبدیل شوند تا در صفحات وب بتوان از آنها استفاده کرد.

 


از چه فرمتی می بایست استفاده کرد؟


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



اکثر طراحان از فرمت JPEG برای عکسها و نقاشی ها استفاده می کنند که فشرده سازی زیاد برکیفیت تصاویر تاثیر گذار نباشد.



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

 


جمله آخر


GIF و JPEG بطور جهانی پشتیبانی می شوند و انتخاب طراحان سایت در استفاده از آنها، توسط المانهای گرافیکی مورد استفاده مشخص می شود.

 

منبع: واحد تحقیقات و توسعه پایگاه اینترنتی امور

 


(طراحی سایت سئو وب سایت سئو سایت طراحی وب سایت و بهینه سازی سایت)

 

 

برای اطلاع از قیمت طراحی سایت|طراحی وب سایت|طراحی سایت حرفه ای

 

به لینک کلیک کنید:

 

 

لینک

دیگر اخبار
همه چیز درباره الگوریتم کبوتر و تاثیر آن در سئو همه چیز درباره الگوریتم کبوتر و تاثیر آن در سئو

به عنوان کاربر گوگل قطعا تا کنون به سرعت و دقت گوگل پی برده اید. سوال اصلی این است که گوگل چگونه به این سرعت نتیجه ی دقیق و مورد نظر مخاطب را در همه ی زمینه ها در اختیار وی می گذارد ؟ قطب اصلی موتور جستجوی گوگل رتبه ی کبوتر (PigeonRank) است.

ادامه خبر ...
بررسی ارور فن یخساز و ارور فن کندانسور ال جی بررسی ارور فن یخساز و ارور فن کندانسور ال جی

برای بررسی و برطرف کردن ارور فن یخساز و ارور فن کندانسور ال جی باید مد تست ۱ را انجام دهید و جزئیات فن یخساز و کندانسور (مثل ولتاژ فن موتور و کندانسور) را بررسی نمایید.

ادامه خبر ...
چگونه برای وای فای گوشی رمز بگذاریم؟ چگونه برای وای فای گوشی رمز بگذاریم؟

اکثر کاربران میدانند که توسط گوشی های هوشمند میتوان اینترنت دیتا را از طریق وای فای هات اسپات با دیگران به اشتراک گذاشت. در این میان مشکل آن است که احتمال دارد فرد دیگری در محدوده اشتراک گذاری بدون اجازه از اینترنت شما استفاده کند.

ادامه خبر ...
راهنمای استفاده از ویدئو پروژکتور در انواع ویندوز ها راهنمای استفاده از ویدئو پروژکتور در انواع ویندوز ها

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

ادامه خبر ...
قابلیت Reset در ویندوز ۱۰ قابلیت Reset در ویندوز ۱۰

زمانی که از ویندوز ۷ استفاده می کردیم، بارها با دیدن ارورها و مشکلاتی که برای سیستم بوجود می امد، استرس می گرفتیم چرا که می بایست برای رفع مشکل ویندوز از ابتدا ویندوز را نصب می کردیم.

ادامه خبر ...
برگرداندن ایمیل ارسال شده در جیمیل برگرداندن ایمیل ارسال شده در جیمیل

اگر کاربر جی‌میل هستید با استفاده از این ترفند ساده می‌توانید ایمیل‌های ارسال‌ شده را بازگردانید.

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

نحوه استفاده از لپ تاپ مخصوصا برای افرادی که به لپ تاپ به چشم یک تراکتور همه فن حریف نگاه می کنن به یه دغدغه تبدیل شده و برای بسیاری ازما این سوال مطرح است که اگه شارژر لپ تاپ رو همیشه به لپ تاپ وصل کنیم چه اتفاقی می افته 

ادامه خبر ...
قابلیت سوال پرسیدن به استوری اینستاگرام قابلیت سوال پرسیدن به استوری اینستاگرام

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

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

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

ادامه خبر ...
آیا حسگر اثر انگشت از گوشی های سامسونگ حذف می‌شود؟ آیا حسگر اثر انگشت از گوشی های سامسونگ حذف می‌شود؟

آیا حسگر اثر انگشت در گوشی های آینده شرکت سامسونگ جایی نخواهد داشت؟؟

ادامه خبر ...
پردیس چاپگر باران

کارتریج ایرانی

ثبت آگهی منطبق با الگوریتم گوگل

آگهی ویژه,ثبت آگهی

دفاع شخصی کاربردی

دفاع شخصی کاربردی

آگهی رایگان

آگهی رایگان/درج آگهی تبلیغاتی

بانک اطلاعات مشاغل و اصناف

جامع ترین بانک اطلاعات کشور

خانه سالمندان یارین

خانه سالمندان / خانه سالمندان در پاسداران / مرکز سالمندان یارین

دسته بندی محصولات
دسته بندی آگهي ها
شارژ و تعمیر کارتریج

شارژ وتعمیر کارتریج لیزری

آگهی رایگان

آگهی رایگان

کانال دفاع شخصی حرفه ای

دفاع شخصی