PNG – формату інкогніта

Сергій Осипов, Видавничі системи

Раз бог створив в менюшки оптимізації графіки для web три формати (jpg, gif, png), означає "це комусь потрібно". Будемо використовувати наші інструменти на всі 100: поговоримо про Пінг (так його називають просунуті). Кажуть, що це дуже перспективний формат. І більше того. Деякі починаючі веб-майстра збираються незабаром повністю перейти на PNG, забувши про всякі "застарілих" гіфах і інших jpg-ах. Схоже, вони потрапили під гіпноз …

Потрапили під гіпноз стверджують, що PNG: – Типу GIF, але крутіше оптимізується тому, що недавно придуманий. – Скоро замінить GIF і JPG за рахунок своєї новизни і надзвичайною просунутості. Винахідники взяли краще від обох форматів. – На жаль, підтримується тільки новітніми броузерами, тому досвідчені веб-майстри PNG поки не використовують. Ти знаєш щось інше про Пінг? Тоді відразу шануй специфікацію формату від W3. А ми, чайники, обговоримо практичну сторону. Formata Incognita або загадкове розширення. – PNG надзвичайно стислий RGB-формат, в якому використовується схема стиснення без втрат (у гіфа лише 256 кольорів). – PNG дозволить тобі робити плавну прозорість, на відміну від гіфа, де колір або є або немає. – PNG не скоро замінить GIF тому, що він не може бути анімованим! – За всіх не відповім, але броузерние лідери: Explorer, Navigator і Opera, підтримують PNG без питань вже не перший день.

Тепер я тебе запитаю: – Раз він такий класний і сумісний, чому ми його не бачимо на веб-сторінках? У чому підступ?!! Правда життя. Уважно вивчивши опис формату PNG, я здивувався тому, що його називають перспективним для вебу. У час тестової оптимізації довільних файлів PNG програв у всіх випадках (у kb) "стареньким" GIF & JPG. Малоцветние картинки пінг стискає успішніше, але те ж не обганяючи при цьому старого гіфа. Вебу рідко потрібні візуально-красиві файли без втрати якості, тобто ті, які ти відразу зі сторінки можеш відкрити Photoshoпом і роздрукувати на цілий лист у всій красі. Більшість споживає лише еранную версію ілюстрації і радіє тому, що вона швидко завантажилася. Так що "коник" пінгу не для нашої воза. Відмінний від інших. Якщо тебе не займає передача графічних даних на відстані без втрати якості, то у пінгу є ще одна корисна властивість.

Не багато хто знає, що PNG – єдиний міжплатформна растровий формат з підтримкою альфа каналу (transparency). Ну, типу PSD, тільки всюди відкривається. Кожен піксель PNG-файлу може мати будь-яке значення прозорості. Прикинь, який простір для веб-графіки. Ще PNG рідний формат Fireworks. Віват, фанати Macromedia! Але висновки похмурі. Знову ці буржуї намагаються заморочити голову порядним людям. Мало їм форматів! Роль PNG у веб-дизайні ще дуже розпливчаста. Давай забудемо про нього на рік-другий, а там, дивись, придумають анімований пінг. Та ще з яким-небудь штучним інтелектом, а?!! Що б підглядав з монітора за користувачем … деякі такого надивляться;) Хай вибачать мене зануди, що не поширився про черезрядкової (interlacing) та зберігання призначених для користувача даних (типу "тут був Vasя"). Вони в пінгу просунуті до неподобства.

Стражденні деталей та наситяться тут:

Історія PNG і колекція посилань по темі – www.russian-club.com/GAZETA/4/png.html.
Щодо встановлення парамеров PNG по русски – rtfm.vn.ua/inet/des/flash/html/13publish9.html. До останньої сторінці додам лише, що вибираючи той чи інший фільтр оптимізації, не надійся зіпсувати якість картинки – це лише різні алгоритми стиснення. Ефективність вимірюється просто кілобайтами.

Якщо знайдеш реальне застосування PNG на веб-сторінці – милості прошу, давай URL в Жужжальню (www.os.by), дуже цікаво. Ну от, власне, і все. Привіт гіпнотезерам.

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*