طراحی سایت

معرفی انواع فرمتهای رایج در وب

مشاوره رایگان

برای مشاوره در زمینه
سایت و سئو
با ما تماس بگیرید.

شبکه های اجتماعی ما
دوره سئو مقدماتی

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

2012 نفر
3 دقیقه
گروه آموزش طراحی سایت
بروزرسانی در: خرداد 2, 1392

فهرست مطالب

در سلسله آموزشهای قبل آنلاینر به مبحث لینک کردن تصاویر در html پرداختیم.

در این مقاله قصد معرفی انواع فرمتهای رایج در وب  را داریم.

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

1- gif

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

2- jpg

این نوع از تصاویر از تمامی رنگ ها پشتیبانی میکند و از لحاظ رنگ ها محدودیتی ندارد و میتواند با کمترین حجم روی سیستم ذخیره شود. شاید به همین دلیل باشد که اکثر گرافیست ها این نوع از تصاویر را به عنوان خروجی استاندارد محصولشان در نظر میگیرند و به نظر آنها این نوع بهترین گزینه در بین فرمت های رایج تصاویر است. فرمت JPG بعلاوه اطلاعات اضافی (meta information) را میتواند در خود ذخیره کند که این ویژگی هم برای کاربران و هم برای موتور های جستجو مزیتی نسبت به فرمت های دیگر محسوب میشود. اگر شما از آن دسته از طراحان وب سایتی هستید که این نوع از تصاویر را نسبت به بقیه فرمت ها ترجیح میدهید باید نکته ای را مد نظر داشته باشید، و آن اینست که هیچوقت کیفیت عکس مورد استفاده در صفحه وبتان را برابر با 100 قرار ندهید زیرا گوگا عکس هایی را که با کیفیت 100 در صفحات وب قرار دارند را به عنوان عکسهایی با جزئیات کامل در نظر میگیرند.

3- png

این نوع از تصاویر میتوانند جایگزین مناسبی برای نوعGIF باشند زیرا از تمام رنگ ها میتواند در تصاویر استفاده کند تا کیفیت عکس به حداکثر برسد. ولی اندازه این نوع از نوع GIF به نسبت بیشتر است. از ویژگی های منحصر به فرد این نوع تصاویر خاصیت شیشه ای (transparency) است. به عبارت دیگر اگر تصویری از نوع JPG زیر تصویری از نوع PNG با خاصیت transparency باشد، تصویر زیرین مشاهده خواهد شد. این یکی از ویژگی های منحصر به فرد این نوع از تصاویر بوده که باعث محبوبیت آنها در میان طراحان وب سایت شده است.

در آموزش بعد به رنگ ها در html میپردازیم.
با آنلاینر همراه شوید …

به این صفحه رتبه دهید
بدون دیدگاه
انتشار: خرداد 2, 1392
طراحی سایت خود را به ما بسپارید!
همین حالا برای مشاوره رایگان اقدام کنید.
طراحی سایت خود را به ما بسپارید!
همین حالا برای مشاوره رایگان اقدام کنید.
گروه آموزش طراحی سایت

دیدگاه ها بسته شده اند.

آیا نیازمند راهنمایی هستید؟
همین حالا برای مشاوره رایگان اقدام کنید
با پر کردن فرم، یک قدم به رشد آنلاین نزدیک‌تر شوید!
فرم درخواست مشاوره

برای راحتی شما عزیزان می‌توانید اطلاعات خود را در کادر زیر وارد کنید تا کارشناسان ما با شما تماس بگیرند

مشاوره رایگان
پیمایش به بالا