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

10 / 10
از 1 کاربر

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

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

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

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

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

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

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

GIF
این فرمت یکی از قدیمی ترین فرمت ها می باشد که در سال 1980 برای طراحی صفحات سایت توسط طرحان سایت ایجاد شد.این فرمت از الگوریتم هایی برای فشرده سازی استفاده می کند که با کم حجم کردن فایل ها در لود شدن صفحات وب استفاده می شود.در فرمت GIF رنگها به 256 رنگ (8 بیت) محدود شده است همچنین در این فرمت این امکان وجود دارد تا تصویری متحرک و انیمیشن دار با استفاده از این فرمتی تصویر ساخته شود.این فرمت جهانی بوده و در همه یمرورگرها قابل مشاهده می باشد.فرمت GIF دارای مزایایی می باشد که عبارتند از:
√ در این فرمت بیشترین فرمت گرافیکی پشتیبانی می شود
√ در این فرمت دیاگرامها تصویری بهتر نشان می دهند
√ Transparency در این فرمت پشتیبانی می شود

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

PNG
این فرمت به نسبت از بقیه ی فرمت ها جدیدتر می باشد و جایگزین مناسبی برای فایلهای GIF می باشد.این فرمت 24 بیت رنگ،Transparency و Interlacing پشتیبانی می کند همچنین این فرمت متن توصیفی کوتاهی را برای تصویر در خود نگه می دارد تا موتورهای جستجوگر از آن استفاده کنند.
معایب این فرمت این است که در همه ی مرورگرها قابل اجرا نیست و فقط در تعدادی قابل مشاهده می باشد.مزایای PNG:
√ دیاگرامهای موجود در این فرمت بهتر از فرمت JPEG نمایش داده می شوند.
√ این فرمت از Transparency پشتیبانی می کند.
√ غلبه بر محدودیتهای 8 بیت رنگ GIF
√ امکان قراردادن متن توصیفی در تصویر برای استفاده در موتورهای جستجوگر

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

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

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

ارسال نظر و نظرات ثبت شده
آموزش طراحی سایت
مقاله هدف از طراحی سایت
مقاله فرآیند هایی که وب سایت می بایست از آنها حمایت کند
مقاله مخاطبین وب سایت
مقاله مینیمالیسم اصل اساسی در طراحی وب سایت
مقاله اصولی که باید در طراحی وب رعایت کرد
مقاله مقدمه آموزش طراحی سایت
مقاله آموزش html در کنار آموزش طراحی سایت
مقاله آموزش css در کنار آموزش طراحی سایت
مقاله آموزش سئو در کنار آموزش طراحی سایت
مقاله نکاتی راجع به طراحی فروشگاه اینترنتی
مقاله بهینه سازی حجم صفحات وب و تاثیر آن بر طراحی سایت
مقاله اصول استفاده از رنگها در طراحی سایت
مقاله فرمت های گرافیکی در طراحی سایت
مقاله اشتباهات رایج در طراحی سایت
مقاله المانهای آزار دهنده در طراحی وب سایت
مقاله ویژگی های یک وب سایت موفق
مقاله نحوه تعمیر و نگهداری سایت
مقاله روش پیدا کردن اولین مشتری در طراحی سایت
مقاله تفاوت http با https در امنيت اطلاعات
مقاله هفت دلیل برای موفقیت وب سایت
مقاله روش هایی برای جذب بازدیدکننده وب سایت
مقاله فایرباگ چیست و کارکردن با آن چگونه می باشد؟
مقاله مزایا و معایب طراحی سایت های داینامیک
مقاله می خواهم طراح وب شوم
مقاله بازاریابی از طریق موتورهای جستجو
مقاله ریشه همه مشکلات رمز عبور:بگو نه به کلمات عبور به اشتراک گذاشته شده
مقاله چگونه در دنیای دیجیتال ارتباط خود را با مشتری مدیریت کنیم
مقاله معرفی کامل رشته فناوری اطلاعات
مقاله چگونه اقدام به برنامه ریزی استراتژیک کنیم
مقاله فناوری اطلاعات و موارد استفاده آن در مدیریت کسب و کار
مقاله طراحی یک چشم انداز عملی برای زندگی شما
مقاله وب سایت خود را به SSL مجهز کنید
مقاله هوشمندی تجاری چیست
مقاله مدیران پروژه موفق چه ویژگی هایی دارند
مقاله معرفی کامل دیسک های Blu-ray
مقاله هفت نکته کلیدی برای موفقیت در بازاریابی جهانی
مقاله نکات بازاریابی اینترنتی و بازاریابی ایمیل
مقاله اهمیت شبکه های اجتماعی در بازاریابی اینترنتی
مقاله Bounce Rate چیست و چگونه عمل می کند
مقاله مزایا و معایب سایت های فلش
مقاله اینفوگرافیک در طراحی سایت
مقاله W3C چیست ؟
مقاله تجارت و کسب و کارهای اینترنتی
مقاله انواع طراحی سایت بر اساس رابط کاربری وب
مقاله دلایل عدم مطالعه محتوای وب سایت
مقاله تفاوت طراحی وب سایت و توسعه وب سایت
مقاله معماری در طراحی سایت و افزایش سود دهی
مقاله طراحی سایت روان یا Liquid Design
مقاله هفت روش دریافت نظر و کامنت در پست های وب سایت
مقاله مزایا و معایب پست مهمان در طراحی سایت
مقاله آموزش ساخت شناسه ایرنیک
مقاله آموزش تنظیم رابطه های مجاز دامنه در ایرنیک
مقاله چند نکته انکار ناپذیر در طراحی سایت
مقاله نکاتی در طراحی سایت های دو زبانه
مقاله نکات مهم برای جذب بازدید کننده
مقاله طراحی سایت واکنش گرا
مقاله اشتباهاتی که نباید در طراحی وب سایت مرتکب شد
مقاله نحوه افزایش سرعت ایندکس مطالب جدید سایت
مقاله علل عدم موفقیت وب سایت
مقاله CMS و مزایای استفاده از آن
مقاله اهمیت صفحه ی اصلی سایت در ترافیک وب سایت
مقاله چگونه یک وب سایت موفق داشته باشیم؟
مقاله چرا باید سایت داشته باشیم؟
مقاله چگونگی بیان درخواست به طراح سایت
مقاله چند نکته ساده که هر طراح وب باید بداند!
مقاله نکات طراحی سایت در سال 2014
مقاله اهمیت گالری تصاویر در وب سایت
مقاله جیمیل به شما پیشنهاد توقف دریافت ایمیلهای اسپم را می دهد
مقاله معرفی سرویس OptinMonster (کاربران را در سایت خود نگاه دارید)
مقاله چطور یک کامنت عادی برای من 650 دلار سودآوری کرد؟
مقاله برای مدیریت حرفه ای یک وبسایت به چه نیازمندید؟
مقاله گوگل درصدد ساختن آینده ای با دختران کدنویس است
مقاله معیارهای انتخاب طراح سایت
مقاله Hero header در طراحی سایت
مقاله استفاده از فضای منفی در طراحی سایت
مقاله اصول طراحی سایت برای نوجوان
مقاله طراحی سایت با دکمه های نامرئی
مقاله اینفوگرافیک چیست؟
مقاله تکنیک های طراحی سایت Infinite Scrolling
مقاله روند طراحی سایت در 2015 چگونه خواهد بود؟
مقاله بهترین ابزارهایی که برای طراحی سایت میتواند از آن ها استفاده کرد
مقاله نکات امنیتی که در طراحی سایت باید رعایت شوند
مقاله تکنیک آپلود کردن تصاویر به صورت فونت در طراحی سایت
مقاله طراحی سایت با فرمت فلش
مقاله طراحی سایت برای موبایل
مقاله روش های مختلف طراحی سایت
مقاله مقایسه سرعت اجرایی php با asp.net
مقاله مشتری جهنمی
مقاله طراحی سایت با RUP
مقاله طراحی سایت با روش پارالاکس
مقاله تاریخچه طراحی سایت (اینفوگرافیک)
مقاله با 6 قدم در گوگل سایتز سایت خود را به صورت رایگان بسازید
مقاله تفاوت بین توسعه دهندگان وب و طراحان سایت
مقاله کارت ویزیت طراح سایت
مقاله بیماری هایی که ممکن است یک طراح سایت به آن ها مبتلا شود.
مقاله نرم افزار موبایل یا سایت ریسپانسیو، کدام بهتر است؟
مقاله آموزش طراحی سایت ریسپانسیو و واکنشگرا
مقاله متا تگ viewport و استفاده از آن در طراحی سایت ریسپانسیو
مقاله مدیا کوئری و استفاده از آن در طراحی سایت ریسپانسیو
مقاله گوگل و طراحی متریال
مقاله چه مواردی در طراحی سایت برای کاربر آزار دهنده است؟
مقاله طراحی سایت کاربر پسند و کاربردی
مقاله ساخت Favicon
مقاله بهترین روش یادگیری طراحی سایت
مقاله چگونه یک طراح وب و یا شرکت طراحی استخدام کنیم؟
مقاله 20 گام برای پیاده سازی یک وب سایت عالی
مقاله بهترین دوره های آنلاین طراحی سایت
مقاله استفاده از تجربه بازی های رایانه ای در طراحی وب سایت
مقاله رفع مجازات گوگل
مقاله بهترین نوع فایل تصویر برای استفاده در وب سایت چیست؟
مقاله قرار دادن نقشه گوگل در سایت و شخصی سازی آن
مقاله نام و کد هگزا دسیمال رنگ ها برای استفاده در برنامه نویسی وب سایت
مقاله 10 اشتباه مهلک در طراحی سایت
مقاله کاربرد css در طراحی سایت
مقاله عوامل موثر در کیفیت طراحی سایت
مقاله ترکیب html و css در طراحی سایت
مقاله شغل های همگام با طراحی سایت
مقاله تفاوت وب سایت و وب پورتال
مقاله معایب پارالاکس در طراحی سایت
مقاله طراحی سایت اپن کارت
مقاله تم کلی طراحی سایت در سال 2016-2017 : تمایز
مقاله روند بد منظر در طراحی سایت 2016
مقاله طراحی سایت فروشگاهی بر پایه پرستاشاپ
مقاله ایجاد افکت سه بعدی در طراحی سایت
مقاله مقایسه طراحی سایت اپن کارت و پرستاشاپ
مقاله XSLT در طراحی سایت
مقاله نکاتی برای شروع طراحی سایت
مقاله راه های ایندکس کردن صفحات وب سایت توسط گوگل
مقاله چه عواملی به طراحی سایت اعتبار می بخشد؟
مقاله کیدل : موتور جستجو مناسب برای کودکان
مقاله 20 فونت برتر برای استفاده در طراحی سایت
مقاله مثال هایی از طراحی سایت آزار دهنده
مقاله 7 قانون در طراحی سایت موثر
مقاله 5 ابزار طراحی سایت جدید در سال 2016
مقاله عوامل تعیین کننده هزینه طراحی سایت
مقاله در شرکت طراحی سایت مبنا از چه تکنولوژی هایی برای طراحی سایت استفاده می شود؟
مقاله ابزار AMP چیست؟
مقاله نکاتی برای تبدیل شدن به یک استاد طراحی سایت
مقاله ساخت و طراحی سایت در گوگل
مقاله صفر تا صد طراحی سایت
مقاله طراحی سایت وردپرس
مقاله طراحی سایت تک صفحه ای
مقاله نرم افزار طراحی سایت
مقاله طراحی سایت فلت
مقاله هنگام طراحی سایت جدید از چهار اشتباه ساده طراحی سایت اجتناب کنید
مقاله معرفی کتاب طراحی سایت واکنش گرا و تطبیقی
مقاله علائم نیاز به طراحی سایت جدید
مقاله نکاتی مفید برای طراحی سایت جدید
مقاله تفاوت UX و UI در طراحی سایت
مقاله آنچه که باید در طراحی سایت بدانید
مقاله به منظور افزایش امنیت طراحی سایت چه باید کرد
مقاله تاثیر بلاگ در طراحی سایت
مقاله چگونه هزینه طراحی سایت را کاهش دهیم
مقاله نقش ویدئو در طراحی سایت
مقاله اصول طراحی صفحه بندی سایت
مقاله الگوریتم Rank Brain
مقاله طراحی سایت مستقل
مقاله مقایسه طراحی تخت و متریال دیزاین در طراحی سایت
مقاله روند طراحی سایت در سال 2017
مقاله 5 روش جدید در طراحی سایت در سال 2017
مقاله نکات روانشناسی ساده در طراحی سایت
مقاله اینفوگرافیک طراحی سایت رسپانسیو چیست
مقاله مقایسه فریم ورک بوت استرپ با متریال دیزاین
مقاله طراحی سایت بر مبنای احساسات
مقاله طراحی سایت سئو محور
مقاله فضای منفی در طراحی سایت
مقاله باید ها و نباید ها در طراحی سایت
مقاله درطراحی سایت از رنگ سبز طبیعی استفاده کنید
مقاله طراحی فروشگاه اینترنتی مناسب چه افرادی است؟
مقاله تاثیر طراحی فروشگاه اینترنتی در کسب در آمد
مقاله طراحی فروشگاه اینترنتی اختصاصی