ایرانیان جهان - تاکنون فرمتهای مختلفی برای تصاویر به وجود آمدهاند که هر کدام براساس نوع فشردهسازی و حجم برای وب، ویرایش تصویر یا کاربردهای دیگر مناسب هستند.
تاکنون به این فکر کردید چه زمانی باید از فرمت JPG بهجای PNG استفاده کنید؟ یا چه برنامهای فایل INDD را باز میکند؟ اگر طراح گرافیک یا عکاس نباشید احتمالا به ندرت نیاز به درک تفاوت فایلهایی مثل TIF با فرمت PDF یا PSD خواهید داشت. با اینکه تنوع بالای فرمتهای تصویری گیج کننده است، روشی برای تفکیک آنها وجود دارد. در این مقاله به شما کمک میکنیم تا تفاوت بین هر فایل فرمت و موقعیت مناسب برای استفاده از هرکدام را درک کنید. تصویر وکتور یا رستر
تصاویر بهطور عمده به دو گروه وکتور و رستر تقسیم میشوند در نتیجه، در درجهی اول باید به تفاوت بین تصاویر وکتوری و رستری پی ببرید. فایلهای تصویری رستری (Raster)
تصویر رستری معمولا براساس مجموعههایی از پیکسلها یا بلوکهای مستقل تشکیل میشوند. متداولترین فرمتهای رستری، فرمتهای وب (JPEG، GIF و PNG) هستند. تمام تصاویر آنلاین از نوع رستری هستند. پیکسلها دارای ابعادی تعریفشده براساس رزلوشن (بالا یا پائین) هستند و هنگامی که برای پر کردن فضا کشیده شوند معمولا دچار اعوجاج شده و تصاویری غیرشفاف و مات را تولید میکنند. برای حفظ کیفیت پیکسلی نباید تصاویر رستری را بدون درنظرگرفتن رزلوشن تغییر داد. در نتیجه، باید فایلهای رستری را با ابعاد دقیق متناسب با کاربرد ذخیره کنید. فایلهای وکتور (Vector)
تصاویر برداری یا وکتور از انعطاف بیشتری نسبت به تصاویر رستری برخوردار هستند. این تصاویر براساس فرمولهای تناسب ساختهشدهاند نه پیکسلها. EPS، AI و PDF از فرمتهای شناختهشده برای تولید تصاویر وکتوری هستند که بهطور مکرر نیاز به تغییر اندازه دارند. لوگو و گرافیک برندها معمولا با فرمت وکتور ساخته میشود. زیبایی وکتورها به انعطاف تغییر اندازهی آنها بازمیگردد.
حتما تاکنون کلماتی مثل DPI یا PPI را شنیدهاید. DPI مخفف dots per inch (نقطه بر اینچ) و PPI معادل pixel per inch (پیکسل بر اینچ) است. این واحدهای اندازهگیری برای تعیین تراکم پیکسلها متناسب با کاربرد مورد نظر ضروری هستند. هنگام تعیین DPI یا PPI حتما باید دقت کنید خروجی تصویر را برای انتشار در وب میخواهید یا چاپ. وبسایتها معمولا تصاویری با رزلوشن 72 dpi را نمایش میدهند که پائین است؛ بااینحال این تصاویر در وب ظاهر خوبی دارند اما در چاپ این طور نیست. برای چاپ تصویر، رزلوشن نباید کمتر از 300 dpi باشد. 15 نوع فایل تصویری متداول
درادامه به مجموعهای از فرمتهای اصلی فایل گرافیکی از تصاویر وب رستری تا وکتورها و فایلهای قابل ویرایش تصویر خواهیم پرداخت. همچنین به مزایا و معایب هر فرمت، پشتیبانی سیستم عامل و مرورگر و نمونههای کاربردی ایدهآل برای هر فرمت اشاره خواهیم کرد. فرمتها به شرح ذیل هستند. 1. JPEG یا JPG: مخفف گروه کارشناسان مشترک عکاسی، نام گروه سازندهی این استاندارد است. 2. PNG: گرافیک قابل حمل شبکه 3.GIF: فرمت مبادلهی گرافیکی 4. WebP 5. TIFF 6. BMP: بیتمپ 7. HEIF: فرمت فایل تصویری با بهرهوری بالا 8. SVG: گرافیک برداری مقیاسپذیر 9. EPS: پست اسکریپت کپسولهشده 10. PDF: فرمت سند قابل حمل 11. PSD: سند فتوشاپ 12. AI: سند ادوبی ایلاستریتور 13. XCF 14. INDD: سند ادوبی ایندیزاین 15. انواع فایل تصویری Raw (خام) 1. JPEG یا JPG
JPEG یا JPG نوعی فرمت فایل تصویری رستری با فشردهسازی بااتلاف است؛ این فرمت برای اشتراکگذاری تصاویر مناسب است. JPEG-ها بااتلاف هستند به این معنی که اندازه و همچنین کیفیت فایل را کاهش میدهند. JPEG هنوز یکی از پرکاربردترین انواع فایل تصویری است که به دلیل فشردهسازی در اینترنت به کار میرود و از پشتیبانی سراسری سیستم عامل و مرورگر برخوردار است. اغلب پلتفرمهای شبکهی اجتماعی (از جمله فیسبوک و اینستاگرام) بهصورت خودکار فایلهای تصویری آپلودشده را به JPEG تبدیل میکنند. همچنین از اندازههای تصویر شبکهی اجتماعی برای کنترل رزلوشن تصاویر استفاده میکنند. مزایا و معایب پشتیبانی سراسری مرورگر و سیستم عامل اندازه فایل نسبتا پائین فشردهسازی بااتلاف تصویر منجر به خوانایی ضعیف متن میشود پشتیبانی سیستم عامل و مرورگر تحت پشتیبانی تمام مرورگرها (کروم، فایرفاکس، سافاری و ...) از نسخهی 1.0 تحت پشتیبانی تمام نمایشگرها و ویرایشگرهای پیشفرض تصویر در کل سیستمعاملها نمونهی کاربردی انتخابی خوب برای تصاویر وبلاگ و مقاله، تصاویر محصول و بسیاری از موارد دیگر از JPEG برای اینفوگرافیک شامل متن یا اسکرینشاتهای خودآموز که در آنها متن اهمیت زیادی دارد، استفاده نکنید
PNG نوعی فرمت رستری است که از فشردهسازی بدون اتلاف پشتیبانی میکند و جزئیات کنتراست بین رنگها را حفظ میکند. از طرفی PNG خوانایی متنی بهتری نسبت به JPEG دارد. به این ترتیب PNG به انتخاب محبوبی برای اینفوگرافیک، بنرها، اسکرینشاتها و گرافیکهای شامل متن و عکس تبدیل میشود. مزایای و معایب تصاویر باکیفیتتر (بدون اتلاف) و خوانایی متنی بالا اندازهی فایل بزرگ میتواند در صورت استفادهی بیش از حد، سرعت وبسایت را کاهش دهد (بهویژه تصاویر دارای رزلوشن بالا). مرورگر و پشتیبانی سیستم عامل تحت پشتیبانی تمام مرورگرها (کروم، اج، فایرفاکس، اینترنت اکسپلورر، اپرا، سافاری) تحت پشتیبانی تمام سیستمهای عامل اصلی و ویرایشگرهای تصویر استاندارد آنها نمونههای کاربردی انتخاب خوب برای اینفوگرافیک، بنر، گرافیک سایت، اسکرینشات و دیگر عناصر بصری حاوی متن. از این فرمت برای تصاویر دارای رزلوشن بالا استفاده نکنید زیرا اندازهی فایل را به چند مگابایت میرساند.
GIF نوع دیگری از فایل تصویری است که در گروه تصاویر رستری قرار میگیرد. این فرمت از فشردهسازی بدون اتلاف استفاده میکند اما تصویر را به هشت بیت در پیکسل و پالت 256 رنگی محدود میکند. فرمت GIF مشهورترین فرمت برای تصاویر متحرک است زیرا محدودیت 8 بیتی آن حجم فایل انیمیشن را کوچک و متناسب با اینترنت میسازد. مزایا و معایب حجم فایل پایین پشتیبانی از انیمیشن · محدودیت 8 بیتی منجر به کیفیت محدود میشود پشتیبانی مرورگر و سیستم عامل تحت پشتیبانی کل مرورگرها (کروم، اج، فایرفاکس، اینترنت اکسپلورر، اپرا، سافاری) تحت پشتیبانی کل سیستم عاملهای اصلی و ویرایشگرهای تصویر استاندارد آنها نمونههای کاربردی از GIF-ها متحرک صرفا برای افزایش جذابیت محتوا استفاده نکنید بلکه برای نمایش خودآموزها و تکمیل وظایف در راهنماها استفاده کنید. اگر به تصاویر رنگی بزرگتر از 8 بیت نیاز دارید از این فرمت استفاده نکنید (فرمت JPEG از تصاویر 24 بیتی پشتیبانی میکند).
WebP یکی از فرمتهای تصویری است که برای فشردهسازی بهتر از نوع بااتلاف و بدون اتلاف توسعه یافته است. WebP میتواند به صرفهجویی در فضای دیسک و پهنای باند کمک کند زیرا 35 درصد کوچکتر از فایلهای تصویری مشابه است. مزایا و معایب حجم کمتر فایل در ازای کیفیت تصویر یکسان یا بهتر تحت پشتیبانی کل مرورگرها و ویرایشگرهای تصویر قرار ندارد پشتیبانی از سیستم عامل و مرورگر گوگل کروم (ورژن 17 به بالا برای دسکتاپ، ورژن 25 به بالا برای موبایل)، فایرفاکس (65+)، اج (+18) و اوپرا (11.0+)، از WebP پشتیبانی میکنند. نسخهی 14 سافاری هم از WebP پشتیبانی خواهد کرد. این فرمت هنوز تحت پشتیبانی ویرایشگرهای پیشفرض سیستم عامل قرار نگرفته است اما ویرایشگرهای پیشرفتهای مثل فتوشاپ از آن پشتیبانی میکنند. نمونههای کاربردی این فرمت را جایگزین فایلهای JPEG و PNG کنید و با حفظ پهنای باند سرعت سایت خود را افزایش دهید.
TIFF مخفف فرمت فایل تصویر برچسبدار (Tagged Image File Format)، نوعی فرمت تصویر رستری است که معمولا برای ذخیرهسازی و ویرایش تصاویر برای چاپ به کار میرود. این فرمت فاقد فشردهسازی است زیرا اولویت آن حفظ کیفیت تصویر است. مزایا و معایب کیفیت بالای فایل برای ذخیرهسازی و چاپ نبود گزینههای فشردهسازی باعث افزایش حجم فایل میشود پشتیبانی محدود مرورگر پشتیبانی مرورگرها و سیستمعامل هیچ کدام از مرورگرهای اصلی بدون افزونه قادر به رندر فایل TIFF نیستند. این فایلها بهصورت فرمتی خروجی برای ویرایش حرفهای تصویر و چاپ در دسترس قرار دارند نمونههای کاربردی ذخیرهسازی و آمادهسازی تصاویر و فایلهای گرافیکی برای چاپ برای حفظ کیفیت اسناد اسکن شده یا تصاویر به کار میرود 6. BMP (بیتمپ)
فایل بیتمپ (BMP) یکی از فرمتهای فایل منسوخ است که پیکسلها را بدون هیچگونه فشردهسازی ترسیم میکند. در نتیجه حجم فایلهای BMP به شکل چشمگیری افزایش مییابد و ذخیرهسازی آنها دشوار است. مزایا و معایب حجم بالای فایل بدون افزایش کیفیت نسبت به فرمتهایی مثل WebP، GIF یا PNG پشتیبانی مرورگر و سیستم عامل تحت پشتیبانی تمام مرورگرهای اصلی قرار دارد (کروم، اج، فایرفاکس، اینترنت اکسپلورر، اوپرا، سافاری). پشتیبانی بومی در اغلب ویرایشگرهای تصویر پیشفرض از جمله MS Paint. نمونههای کاربردی در سال 2021، تصاویر BMP هیچ کاربردی ندارند.
HEIF کوتاهشدهی فرمت فایل تصویر با بهرهوری بالا است که توسط تیم فرمت ویدئوی MPEG بهعنوان رقیبی برای JPEG توسعه یافت. از نظر تئوری، فشردهسازی این فرمت دو برابر بهینهتر از JPEG است و باعث میشود کیفیت تصاویر با حجم یکسان، دو برابر شود. HEIF فرمتی رستری براساس نگاشت پیکسلی است؛ یعنی نمیتوانید اندازهی تصاویر را بدون افت کیفیت تغییر دهید. مزایا و معایب کیفیت تصویر بالا نسبت به اندازهی فایل فاقد پشتیبانی مرورگر و پشتیبانی محدود سیستم عامل پشتیبانی مرورگر و سیستم عامل تحت پشتیبانی هیچ کدام از مرورگرهای اصلی قرار ندارد. پشتیبانی بومی macOS Sierra و iOS 11 به بالا، اما تحت پشتیبانی نسخههای سافاری قرار ندارد. نمونههای کاربردی در گوشیها و دستگاههای هوشمند جدید برای ذخیرهسازی تصاویر با کیفیتی بالاتر از فایلهای JPEG به کار میرود.
نام اختصاری | فرمت فایل | نوع MIME | پسوند فایل | توضیحات |
---|
APNG | گرافیک متحرک قابل حمل شبکه | Image/apng | apng. | انتخابی خوب برای توالیهای انیمیشنی بدون اتلاف (گیف کیفیت پائینتری دارد). AVIF و WebP عملکرد بهتری دارند ولی مرورگرهای کمتری از آنها پشتیبانی میکنند. تحت پشتیبانی: کروم، اج، فایرفاکس، اوپرا، سافاری |
AVIF | فرمت فایل تصویری AV1 | Image/avif | avif. | به دلیل عملکرد بالا و حق امتیاز رایگان، فرمت انتخاب خوبی برای تصاویر و تصاویر متحرک است. همچنین قابلیت فشردهسازی آن از PNG و JPEG بهتر است و از عمق رنگی بیشتر، فریمهای متحرک و شفافیت پشتیبانی میکند. مرورگرهای کروم، اوپرا و فایرفاکس از این فرمت پشتیبانی میکنند. |
GIF | فرمت مبادلهی گرافیکی | Image/gif | gif. | انتخابی خوب برای تصاویر و انیمیشنهای ساده. PNG برای تصاویر شاخصگذاریشده و بدون اتلاف مناسب است و از فرمتهای WebP، AVIF یا APNG هم برای توالیهای انیمیشنی استفاده کنید. مرورگرهای کروم، اج، فایرفاکس، اینترنت اکسپلورر، اوپرا و سافاری از این فرمت پشتیبانی میکنند |
JPEG | تصویر گروه مشترک کارشناسان عکاسی | Image/jpeg | jpg. jpeg. jfif. pjpeg. pjp. | انتخابی خوب برای فشردهسازی بااتلاف تصاویر ثابت. در صورت نیاز به تولید تصاویر دقیقتر فرمت PNG را در اولویت قرار دهید مرورگرهای کروم، اج، فایرفاکس، اینترنت اکسپلورر، اوپرا و سافاری از این فرمت پشتیبانی میکنند |
PNG | گرافیک قابل حمل شبکه | Image/png | png. | PNG برای تولید تصاویر مرجع دقیق یا در صورت نیاز به شفافیت، بهتر از JPEG است اما پشتیبانی مرورگری آن محدود است. این فرمت تحت پشتیبانی مرورگرهای کروم، اج، فایرفاکس، اینترنت اکسپلورر، اوپرا و سافاری قرار دارد |
SVG | گرافیک برداری مقیاسپذیر | Image/svg+xml | svg. | فرمت تصویر برداری؛ گزینهای ایدهآل برای عناصر واسط کاربری، آیکنها، نمودارها و بسیاری از موارد دیگر که نیاز به ترسیم در اندازههای مختلف دارند. این فرمت تحت پشتیبانی مرورگرهای کروم، اج، فایرفاکس، اینترنت اکسپلورر، اوپرا و سافاری قرار دارد. |
WebP | فرمت تصویر وب | Image/webp | webp. | فشردهسازی بهتری نسبت به PNG و JPEG ارائه میدهد همچنین از عمق رنگی بیشتر، فریمهای متحرک و شفافیت پشتیبانی میکند. AVIF اندکی از نظر فشردهسازی بهتر از این فرمت است اما پشتیبانی مرورگرها از WebP بهتر است. این فرمت تحت پشتیبانی کروم، اج، فایرفاکس، اوپرا و سافاری قرار دارد. |