یک فایل PNG چیست؟ PNG چیست؟

فایل PNG (از انگلیسی. گرافیک شبکه قابل حمل) به BitMaps اشاره دارد. فرمت PNG شامل یک پالت رنگ خاص مورد استفاده در شکل است. پسندیدن فرمت گرافیک هنگامی که صفحات وب را در تصاویر مختلف وارد می کنید، اغلب در شبکه وب جهان گستر می شود. از طریق استفاده از الگوریتم فشرده سازی deflate، تصاویر شطرنجیداشتن یک فرمت فایل PNG برای فشرده سازی بدون ضرر کیفیت صریح در دسترس است.

توسعه یافته این فرمت فایل برای جایگزینی فرمت GIF، زیرا آخرین بار مورد نیاز توسط حضور نرم افزار پرداخت شده است. در میان صاحبان منابع وب، تصاویر PNG برای ویژگی های عالی در برابر پس زمینه چنین فرمت ها مشهور هستند. PNG از عمق رنگ در عرض تا 48 بیت پشتیبانی می کند. تفاوت اصلی GIF این است که چنین گرافیک این محدود به 8 بیت (فقط 256 رنگ) است. باید شناخته شود که در مقایسه با GIF، PNG پشتیبانی از اثرات انیمیشن ندارد.

یک فایل را باز کنید که دارای یک پسوند PNG می تواند در واقع هر برنامه مشاهده باشد. که در سیستم عامل ویندوز، باز کردن PNG ممکن است به سادگی دوبار کلیک کردن بر روی ماوس برای مشاهده تصاویر. این فرمت تصویر در هر مرورگرهای وب راه اندازی می شود. اگر کاربر نیاز به تغییر تصویر ذخیره شده در نسخه PNG، به اندازه کافی برای استفاده از نرم افزار ویرایش تصویر، مانند Adobe Photoshop یا مایکروسافت ویندوز عکس ها، و همچنین Corel Paintshop یا سیستم های ACD کافی است.

این فرمت فایل بسیار محبوب است و تمام اطلاعات گرافیکی لازم را برای تصاویر کامل رنگی از کیفیت خوب حمل می کند.

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

به طور خلاصه در مورد دلیل ظاهر این فرمت ذخیره سازی تصویر ...

در 4 ژانویه 1995، ایده خلقت بیان شد فرمت رایگان به جای پرداخت GIF، و در حال حاضر در دسامبر همان سال فرمت جدید PNG آماده بود و برای بررسی پیشنهاد شد. فرمت GIF در آن زمان مجاز به دریافت فایل های بسیار کوچک بود که مناسب برای استفاده در سایت ها بود. اما GIF سابق آزاد به طور غیر منتظره پرداخت شد - صاحب حق ثبت اختراع برای او، شرکت "Unisys Corporation"، برای دریافت پول برای هر تصویر که این فرمت استفاده می کند، برداشته شد. این دلیل توسعه یک فرمت رایگان بود که PNG نامیده شد - اختصار از عبارت انگلیسی "گرافیک شبکه قابل حمل". همانطور که از نام دیده می شود، آن را برای استفاده در شبکه، به دلیل فایل های یک حجم کوچک، که به شما اجازه می دهد تا به سرعت صفحات را با گرافیک دانلود کنید.

چه مزایا و معایب دارای فرمت PNG در مقایسه با دیگران، به ویژه با رقیب اصلی آن، فرمت GIF است؟ بسیاری از تفاوت ها وجود دارد، اما در مورد همه چیز به ترتیب ...

که در فرمت PNG یک الگوریتم فشرده سازی به نام deflate، که به خودی خود آزادانه توزیع می شود، یعنی کاملا رایگان است. این الگوریتم بر اساس اصل یک آرشیو معمولی کار می کند، به طور موثر فشرده سازی اطلاعات در مورد طرح رنگ هر پیکسل، و این امر به شما اجازه می دهد تا یک فایل کوچک را دریافت کنید. علاوه بر این، در این فرمت، شما می توانید تصاویر رنگی کامل را ذخیره کنید، یعنی آنهایی که در آن تا 48 بیت برای هر پیکسل استفاده می شود - و این یک طرح رنگی بسیار بزرگ است، حتی بیشتر از درک چشم انسان است. فرمت GIF همچنین به شما اجازه می دهد فقط از 256 رنگ و سایه استفاده کنید - به اندازه کافی برای ساده ترین تصاویر، اما برای کیفیت عکاسی بسیار کم است.

در فرمت های PNG، GIF و TIFF، به اصطلاح کانال آلفا استفاده می شود. این به این معنی است که شما می توانید برخی از بخش های شفاف را شفا دهید. در همان زمان، در فرمت GIF، این بسیار ساده است - فقط یکی از رنگ ها به انتخاب اختصاص داده شده شفاف و هنگام مشاهده تصویر آن را به سادگی قابل مشاهده نیست - شما می توانید پس زمینه شفاف را ایجاد کنید. فرمت TIFF در این زمینه بیشتر درک شده است، اما به ندرت استفاده می شود - اندازه فایل های بزرگ به دست آمده است. اما در فرمت PNG آلفا - کانال با ذهن ساخته شده است - هیچ شفافیت وجود ندارد، بلکه دارای 256 درجه بندی روشنایی است. به این ترتیب، شما به راحتی می توانید انتقال را از یک پس زمینه کاملا شفاف به یک تصویر کامل رنگ و جلوه های زیبا انجام دهید. به خصوص زیبا آن را به نظر می رسد در سایت ها. اگر شفافیت مورد نیاز نیست، می توانید از آن استفاده نکنید زمانی که تصویر را ذخیره کنید و فایل را برای حجم کوچکتر دریافت کنید.

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

اگر فرمت PNG خیلی خوب است، پس چرا او تبدیل به سوپرپوپال نشد؟ پاسخ ساده است - او ضعیف از توسعه دهندگان برنامه های دیگر پشتیبانی می کند. به خصوص بر این واقعیت تأثیر می گذارد که اکثر کاربران اینترنت از مرورگر استفاده می کنند اینترنت اکسپلورر.و من تصاویر را در فرمت PNG درک نمی کردم، هرچند توسعه دهندگان مرورگرهای دیگر بلافاصله چنین حمایت هایی را در آنها جاسازی کردند. این وضعیت تنها زمانی اصلاح شد که اینترنت اکسپلورر 7 ظاهر شد، اما زمان "ارتقاء" مدتها گذشت.

امروزه فرمت PNG در سه فرمت محبوب ترین و توصیه شده در فناوری های وب همراه با فرمت های GIF و JPG گنجانده شده است. و، مگر اینکه کمبود انیمیشن محروم باشد، او تمام پارامترها را نسبت به دیگران برنده می کند. یک تصویر با کیفیت بالا بدون از دست دادن کیفیت، یک فایل کوچک، انتقال صاف به پس زمینه شفاف، و حتی بدون نقض کپی رایت کسی - چه چیز دیگری برای شادی به توسعه دهنده سایت مورد نیاز است؟

علاوه بر این، داشتن یک فرمت PNG رایگان، مزایای عملی مختلف را نسبت به طراح وب GIF ارائه می دهد:
- بهترین فشرده سازی: برای اکثر تصاویر، PNG به اندازه فایل کوچکتر از GIF می رسد
— عمق بزرگ رنگ: PNG ارائه می دهد Truecolor تا 48 بیت زمانی که ما تنها 256 پالت رنگ در GIF
— کانال آلفا شفافیت: هنگامی که GIF تنها شفافیت باینری را ارائه می دهد، PNG اجازه می دهد تا اثرات شفافیت تقریبا نامحدود، ارائه شفافیت کانال آلفا

مناسب است که توجه داشته باشید که PNG اجازه نمی دهد انیمیشن ایجاد کند که چگونه GIF را ایجاد می کند. اما یک استاندارد (MNG) وجود دارد که آن را اجازه می دهد، اما به طور گسترده ای توسط مرورگرهای وب و سردبیران گرافیکی پشتیبانی نمی شود.

بنابراین، چرا GIF هنوز محبوب است؟

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

با توجه به این واقعیت که اینترنت اکسپلورر 6 و نسخه های پیشین از طیف گسترده ای از قابلیت های PNG پشتیبانی نمی کند (از جمله شفافیت کانال آلفا) مردم همچنان باور دارند (اگر چه این اشتباه است) که اینترنت اکسپلورر از PNG پشتیبانی نمی کند یا حداقل نمی کند شفافیت پشتیبانی در واقع، اینترنت اکسپلورر 5 و 6 به اندازه کافی مشخصات PNG را پشتیبانی می کند، و آن را به صورت عملکردی معادل (یا بیشتر) تصاویر GIF دست نخورده دارد. تمام مرورگرهای مرجع دیگر، از جمله فایرفاکس، Netscape 6 و بالاتر، موزیلا، اپرا 6 و بالاتر، سافاری و کامینو به طور کامل از شفافیت PNG پشتیبانی می کنند.

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

شفافیت ویژگی کلیدی GIF و PNG است که اغلب علت انتخاب فرمت طراح وب مورد استفاده است. اگر چه PNG ارائه می دهد پشتیبانی شفافیت جامع تر، طراحان وب اغلب نیاز به ایجاد یک نسخه GIF از تصاویر برای اتصالات به مرورگرهای قدیمی است. با استفاده از CSS امکان پذیر است (و بخشی از Trite)، از طریق ارسال تصاویر GIF برای مرورگرهای قدیمی و PNG با کیفیت بالا به مرورگرهایی که آنها را درک می کنند. اما این یک کار دوگانه برای طراح وب است و در نتیجه، مردم در برابر مقاومت های کوچکتر قرار می گیرند و همچنان به استفاده از تصاویر GIF ادامه می دهند.

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

در مورد JPEG چیست؟

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

برخی از نمونه های فوق العاده ای از استفاده از PNG متوسط

در حال حاضر بیایید به نحوه استفاده از PNG در طراحی وب نگاه کنیم. من تمام فایل ها را برای هر مثال در یک پوشه جداگانه موجود در (HandyBlogger: منوی اصلی وجود دارد، اما منبع را پیدا نکردم) جمع آوری کردم.

شیب

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

سبک معمولی از گرادیان پس زمینه برای دکمه ها، بلوک ها یا فقط جایی دیگر استفاده می شود. ممکن است در شکل 5-1 به نظر برسد. در جهت عقربه های ساعت، از گوشه بالا سمت چپ، تصویر اصلی (بدون فشرده)، نسخه GIF، نسخه PNG و JPEG را می بینیم. شما می بینید که PNG به عنوان یک نتیجه دارای کوچکترین اندازه (515 بایت) است. این چهار برابر کمتر از تصویر GIF. JPEG کمی بیش از PNG در 637 بایت است و همچنین کمتر از کیفیت به دلیل فشرده سازی با زیان ها (حقیقت احتمال چشم انسان است تا تفاوت در کیفیت این مثال ساده را تعیین کند).

شکل 5-1
فتوشاپ - ذخیره برای وب، نشان دادن تفاوت اندازه فایل برای همان تصویر در فرمت های مختلف

یک تصویر که باید در هر زمینه کار کند

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

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

و Dan و PJ GIF شفاف به جای PNG استفاده می کنند. این به طور کامل نیازهای خود را پوشش داده و تحت سبک آیکون هایی که آنها باید تصاویر پیکسل ایجاد کنند. با استفاده از PNG، شما می توانید یک تکنیک مشابه را دریافت کنید، اما با برخی از برتری های شفافیت و شفافیت جزئی برای استفاده در آیکون های دقیق تر.

خوب، اما در چه مرورگرها کار می کنند؟

من می دانم که شما فکر می کنید: تمام این شفافیت PNG به نظر می رسد خوب است، اما آیا عملی است؟

خبر خوب این است که تمام مرورگرهای مدرن به طور کامل پشتیبانی می کنند تصویر PNG، از جمله شفافیت کانال آلفا، مزایایی که من در نمونه ها نشان دادم. Safari (تمام نسخه ها)، فایرفاکس (تمام نسخه ها)، اپرا (نسخه 6 و بالاتر)، Netscape (نسخه 6 و بالاتر)، و موزیلا (تمام نسخه ها) با یک انفجار خواهد بود تا همه چیز را از آنها بپرسد. اما یک خبر بد وجود دارد - تنها مرورگر که من هنوز ذکر نشده است و بیشترین کاربران شما را دارد: اینترنت اکسپلورر.

اینترنت اکسپلورر 6 و پایین تر از شفافیت کانال آلفا جاسازی شده در فرمت PNG پشتیبانی نمی کند. از آنجایی که تعداد زیادی از خوانندگان وب سایت (یا نه یک انتخاب) مرورگر ساخته شده اند، این سوراخ خمیده شامل طراحان وب از PNG بود. اما، با اینترنت اکسپلورر 7، ما پشتیبانی کامل از شفافیت آلفا PNG را در تمام مرورگرهای قابل توجه دریافت کردیم. چه اتفاقی می افتد، راه هایی برای کار با PNG شفافیت آلفا در اینترنت اکسپلورر 6 و زیر وجود دارد؟ بنابراین، اگر می خواهید از این اثر استفاده کنید، هیچ چیز شما را متوقف نخواهد کرد. اینترنت اکسپلورر 6 و نسخه های اولیه آن نیاز به بیش از ضروری، توجه، اما قطعا امکان پذیر است.

هک برای اینترنت اکسپلورر: AlphaimageLoader

اینترنت اکسپلورر دارای فیلترهای مختلفی است. آنها در CSS استفاده می شوند، اما آنها بخشی از مشخصات رسمی CSS نیستند. به عبارت دیگر، آنها در وب استاندارد نیستند. متاسفانه، اینترنت اکسپلورر 6 و پایین به طور کامل از فرمت PNG پشتیبانی نمی کند (که توسط W3C توصیه می شود)، مایکروسافت دارای فیلتر است که این کمبود را از بین می برد: AlphaimageLoader.

یکی از وظایف اصلی که سایت های جدید با سطوح روبرو هستند دانلود سریع مرورگرهای صفحه و از آنجا که طراحی مینیمالیستی مانند همه کاربران نیست، شما باید برای مصالحه بین طراحی زیبا با عناصر گرافیکی زیبا و سرعت منابع وب جستجو کنید. پیش از این، به منظور کاهش وزن تصاویر، توسعه دهندگان سایت از GIF یا JPG استفاده کردند. در حال حاضر، بیشتر و بیشتر، وستورها از تصاویر در فرمت PNG استفاده می کنند. بیایید سعی کنیم بدانیم که چرا این اتفاق می افتد.

چرا فرمت PNG بود

اختصار، که نام این نوع گرافیک است، از حروف اول کلمات انگلیسی زیر تشکیل شده است: گرافیک شبکه قابل حمل، که می تواند به عنوان "گرافیک متحرک برای استفاده در شبکه" ترجمه شود. فرمت PNG به طور خاص به منظور از بین بردن کاستی های فشرده سازی با استفاده از یک الگوریتم ساده تر GIF که به آرامی شروع به فرود آمد، به طور خاص مهار شد. علاوه بر این، می توان آن را به اندازه ای برای جایگزینی TIFF بسیار سنگین استفاده کرد که عمدتا برای ویرایش استفاده می شود.

چه اتفاقی می افتد یک فرمت PNG

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

• الگوریتم فشرده سازی بهبود یافته، هر گونه از دست دادن کیفیت را از بین ببرد.
• امکان استفاده از شفافیت آلفا 256 سطح مختلف شفافیت را فراهم می کند.
• حضور تصحیح گاما که به شما اجازه می دهد تا هنگام پخش در برنامه های مختلف، روشنایی عکس فوری را تنظیم کنید.
• توانایی استفاده از 16.7 میلیون سایه رنگ.

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

روند توسعه

علیرغم این واقعیت که گسترش فرمت PNG هنوز توسط مرورگرهای قدیمی محدود می شود، و همچنین پشتیبانی کافی و ناقص برای قابلیت های این الگوریتم در نسخه های جدید، برای گرافیک گرافیک PNG بسیار امیدوار کننده است. در مقایسه با GIF، دارای سه مزیت اصلی است: کانال های آلفا، اصلاح گاما و interlace دو بعدی (روش تصاویر تصویر پیشرفته). و در مقایسه با JPEG، او هیچ ضرر کیفیت ندارد. توجه داشته باشید که فرمت PNG در تاریخ 4 ژانویه 1995 اختراع شد. از آن زمان، 18 سال گذشت، و او شروع به استفاده از وب سایت ها کرد، GIF را به جای دوم فشار داد.

اکثر سفارشی (به عنوان مثال MS Paint) امروز آن را به عنوان یک استاندارد برای صرفه جویی در فایل های پیش فرض به تصویب رساند. احتمالا، اگر آن را برای انیمیشن و FAD از نسخه های قدیمی اینترنت اکسپلورر نبود، GIF حتی به رقیب خود را حتی قبل از آن راه می رفت.

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

اختصار PNG به عنوان گرافیک شبکه قابل حمل رمزگشایی شده است - گرافیک شبکه انتقال می یابد.

از لحاظ ویژگی های آن، این فرمت شبیه به GIF است، که تعجب آور نیست - پس از همه، PNG به عنوان جایگزین آن توسعه یافت. PNG از توابع زیر پشتیبانی می کند:

• ذخیره سازی تصاویر رنگ با عمق رنگ به 48 بیت (در GIF - تا 8 بیت)؛
• ذخیره سازی تصاویر تک رنگ (تا 16 بیت در هر پیکسل)؛
• پشتیبانی از متغیر شفافیت - تا 256 درجه بندی (در فرمت GIF هر پیکسل یا شفاف، یا نه)؛
• فشرده سازی تصویر بدون از دست دادن؛
• با استفاده از فیلتر کردن برای بهینه سازی فشرده سازی (در GIF وجود ندارد)؛
• توانایی تصاویر متولد شده روی صفحه نمایش؛
• ابزار ساخته شده در تشخیص خطاهای انتقال داده (در GIF گم شده است)؛
• فلوروگرافی (GIF ها گم شده اند)؛
• صرفه جویی در کپی تصویر کاهش یافته است.

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

فایل ذخیره شده در فرمت PNG دارای ساختار بلوک است، آن را شبیه به فرمت TIFF است. هر برنامه ای که از فرمت استاندارد PNG پشتیبانی می کند باید با چهار نوع بلوک کار کند:

• واحد هدر دارای پارامترهای اساسی تصویر است. فایل نمی تواند بیش از یک عنوان داشته باشد؛
• پالت پالت رنگ پالت رنگ مورد استفاده در تصویر را تعریف می کند. این واحد فقط در صورت لزوم استفاده می شود (تصویر در حالت رنگ های نمایه شده ذخیره می شود)؛
• بلوک تصویر شامل داده های تصویر است؛
• تصویر نزدیک تصویر فایل PNG را بسته می کند.

علاوه بر این بلوک ها، فایل ممکن است حاوی اطلاعات اضافی باشد، مانند اطلاعاتی درباره نویسنده، نظرات متن (از جمله فشرده شده)، اطلاعات مربوط به تصحیح کنتراست و گاما، اطلاعات مربوط به شفافیت (کانال آلفا) و غیره با معرفی جدید فرصت ها، شما می توانید به فایل اضافه کنید بلوک جدید. در عین حال، برنامه های قدیمی به سادگی "توجه نخواهد کرد". این امکان گسترش آسان فرمت را فراهم می کند.

• تصویر خود را می توان در حالت های مختلف ذخیره کرد. مثلا، نرم افزار آدوبی فتوشاپ. پشتیبانی از حالت های RGB (16 میلیون رنگ)، سایه های خاکستری (256 درجه بندی) و رنگ های نمایه شده (256 رنگ).
• شفافیت تصویر به عنوان یک کانال آلفا ذخیره می شود که به شما امکان می دهد تا 256 درجه شفافیت را نمایش دهید. این به شما این امکان را می دهد که یک انتقال صاف از تصویر به پس زمینه را اجرا کنید و از ظاهر «هالو» در مرز شفاف جلوگیری کنید. در شکل 2.9 نمونه ای از چنین پوشش داده شده داده شده است. چپ تصویر اصلی، در مرکز - پس زمینه، راست - نتیجه.

شکل. 2.9.نتیجه اعمال تصاویر با تغییر صاف شفافیت در پس زمینه

در شکل 2.10 نتیجه پوشش را بر روی یک تصویر پس زمینه ذخیره شده در فرمت GIF نشان می دهد.

شکل. 2.10تحمیل در پس زمینه تصاویر با دو ارزش شفافیت (یا آن، یا نه)

توجه داشته باشید. در مرورگرها، صفحه نمایش شفافیت هموار در حال تغییر هنوز اجرا نشده است.

هنگامی که صرفه جویی در تصاویر در فرمت PNG، تصاویر متداول و فیلترهای مختلف را می توان برای بهینه سازی فشرده سازی استفاده کرد. تصویر Interlaced نمایش داده می شود خط خطی (همانطور که هنگام خواندن فرمت GIF) و بلوک های مستطیلی (بلوک های 8x8 اول، سپس 4x8، 4x4، 2x4، 2x2، 1x2) نمایش داده می شود. آیا چنین الگوریتمی به افتخار نام مخترع او آدم؟ متأسفانه، تمام مرورگرها به درستی قابلیت های این فرمت را کنترل نمی کنند. در شکل 2.11 نشان داده شده است که چگونه فایل های PNG توسط مرورگر اینترنت اکسپلورر نمایش داده می شوند.

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

شکل. 2.11نمایش یک صفحه با ارقام PNG در فرآیند بوت

• زیر تفاوت بین مقدار بایت برای پیکسل فعلی و یک مقدار مشابه برای پیکسل قبلی را تعریف می کند؛
• UP تفاوت بین مقدار بایت برای پیکسل فعلی و همان مقدار برای پیکسل قبلی را تعیین می کند.
• متوسط \u200b\u200b- مقدار برای پیکسل فعلی بر اساس مقدار متوسط \u200b\u200bبه دست آمده برای پیکسل های واقع در سمت چپ و در بالای جریان پیش بینی شده است.
• Paeth - مقدار بر اساس مقدار تابع خطی به دست آمده از مقادیر پیکسل های بالا، بالا و چپ پیش بینی شده است.

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

علاوه بر الگوریتم های مختلف فیلتر کردن، ابزار تصحیح رنگ ساخته شده را می توان به تصویر اعمال کرد. برای PNG، این یک اشاره گر اصلاح گاما است (به شما اجازه می دهد تا رنگ ها را با توجه به روشنایی مانیتور تنظیم کنید)، اطلاعات مربوط به کنتراست، و همچنین اطلاعات مربوط به رنگ های اصلی و "نقطه سفید". رنگ های اصلی و نقطه سفید توسط مختصات در فضای رنگ استاندارد داده می شود. تمام این پارامترها به شما این امکان را می دهند که کیفیت تصویر را بر روی کامپیوتر کاربر بهبود دهید.

ما ویژگی های فرمت PNG را بررسی کردیم. به منظور ایجاد یک تصویر کامل از دامنه آن، ما آزمایش خواهیم کرد. در شکل 2.12 سه عکس تست وجود دارد. شکل 2.13، و نمونه ای از یک الگوی متشکل از خطوط روشن (مدارها یا نقاشی) است. شکل 2.13، B - یک عکس حاوی یک طرح بزرگ با تغییر رنگ صاف (آسمان). شکل 2.13، در - عکس با تعداد زیادی از جزئیات کوچک. ابعاد فایل های منبع که در فرمت TIFF: از 127 تا 129 کیلوبایت.

ولی
ب	که در

شکل. 2.12تست تصاویر برای مقایسه قابلیت های GIF، JPEG و PNG

برای مقایسه قابلیت های فرمت های مختلف، تمام این تصاویر را ذخیره کنید فایل GIF، PNG و JPEG. در این مورد استفاده شد فرمت های GIF و PNG در حالت عادی و درهم آمیخته، و در فرمت های JPEG تصاویر ذخیره شده با شاخص کیفیت (در مقیاس فتوشاپ Adobe)، برابر با 7. در همان زمان، صداهای کوچک بر روی تمام تصاویر مشاهده شد (به خصوص در مرزهای اشیاء) مشاهده شد. اندازه فایل های دریافت شده را مقایسه کنید.

جدول 2.1اندازه فایل های دریافت شده پس از حفظ تصاویر آزمون در فرمت های مختلف، KB

این جدول به شما اجازه می دهد تا محدوده مطلوب استفاده از هر یک از فرمت ها را قضاوت کنید. همانطور که مشاهده می شود، فرمت های GIF و PNG برنده های صریح در حالی که حفظ نقاشی ها با تعداد کمی از رنگ ها و مناطق بزرگ مونوفونیک بزرگ (مدارهای، نمودارها). و GIF فشرده سازی کمی بهتر را فراهم می کند. از آنجا که الگوریتم های فشرده سازی مورد استفاده در این فرمت ها با تصویر دخالت نمی کنند، نمی توانید از آن نترسید که جزئیات کوچک این طرح از بین برود یا تحریف شود. تصاویر Interlace، اگر چه آنها برای کاربر بیشتر بصری هستند، فضای بیشتری را از بین نمی برند. برای ذخیره تصاویر کامل رنگ بهترین راه مناسب فرمت JPEG. اگر چه برخی از تحریف ها را به نقاشی کمک می کند، انتخاب درجه فشرده سازی شما می توانید آنها را به یک سطح قابل قبول کاهش دهید. این فایل های فرمت در این مورد کوچکترین اندازه برای همه تصاویر به جز طرح است. هنگامی که صرفه جویی در چنین نقاشی ها، GIF و PNG بهترین نتایج را نشان دادند.

همچنین کارایی استفاده از فیلتر های مختلف مورد استفاده در فرمت PNG را مقایسه کنید.

فیلترها بر روی نمونه های نمونه مورد آزمایش قرار گرفتند (شکل 2.13، a) و عکس ها با قطعات کوچک (شکل 2.13، B). برای طرح، استفاده از فیلترها در اندازه فایل برنده نشد و حتی برعکس، افزایش آن 0.5-1 کیلوبایت را افزایش داد. در عین حال، برای فایل های "مشخصات" عکس تبدیل شده اند کوچکتر از "غیر" نیست. برای تصاویر با 16 میلیون کلون، برنده به حدود 10٪ بود. در همان زمان، تصاویر با 256 رنگ در استفاده از فیلتر عملا واکنش نشان ندادند.

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