Cssing »архив - алфа канали в PNG-8
Малко хора знаят, но те не съществуват.
Проблемните полупрозрачни образи бавно умира с IE5-6, но, въпреки това, ще бъде свързана с популярни сайтове само за няколко години. В допълнение, толкова повече става ясно защо прозрачността на процент за PNG-8 е важно и без IE.
Това, което те се различават, те PNG?
PNG-24. налични всички възможни цветове са на разположение, който и да е степен на прозрачност. PNG-8 нормално. 256 налични цветове, прозрачност само на ниво 0 или 100%. Прозрачността 50%, например, не е възможно.
PNG-8 с алфа канали. 256 налични цветове. Всеки един от тези 256 цвята има своя индекс прозрачност от 0 до 100%. Възможна прозрачността на 42%.
Тя ще изглежда, "Какво от това? Както и да е алфа канали в IE няма да работят, използването? ".
Т.е.: всички пиксели с прозрачност от 0 до 99% ще бъдат показани като IE напълно прозрачен.
Как да запазите PNG-8 с алфа канали?
Това е странно и налудничаво, но го направи в Photoshop не могат. (Вероятно в CS4 ...?)
Но такава картина може да бъде записан в Fireworks. Там тя е много проста, когато експортирате, изберете опция:
Защо това не е в Photoshop, мистерия.
Има и инструменти. превръщане на PNG-24 в PNG-8. Естествено, качеството страда, но често може да живее с него.
жив пример
Например, опазих същото изображение в три формати: PNG-24, PNG-8 нормално, и PNG-8 с алфа канали (от фойерверки). И тримата се облича с фон с мотиви. Ето какво се случи:
Нищо прекалено интересно, с изключение на размера на снимките. Обърнете внимание на теглото на PNG-24 и PNG-8 файлове, с почти идентични карти.
Voila! Какво се нарича «елегантното»!
Виж себе си. Ако не вярвате. )
За фон благодарен.
Малко вероятно е, че тези знания ще ви помогне да се запознаете с вашата мечта момиче, или най-накрая да започне да правя упражнения сутрин. Въпреки това, някои доходи е все още там.
Първо, тя спестява трафик. На второ място, в повечето случаи напълно се разгражда в IE. Т.е., може да се използва за всякакъв некритични ukrashatelskih неща. В IE, нормално PNG-8 ще се появи (а-ла-GIF), както и за всички други полупрозрачни красота.
Разбира се, в някои случаи, изображението ще се появи, за да бъдат извадени в IE (остри ръбове), но никой не казва, че начина, по който да се излекува.
Още по темата
Тази техника, между другото, в някои случаи може да е малко по-лесно този супер гъвкав трик Виталий. Други бележки по този въпрос:
Сигурен съм, че някой вече го използва. Това знание не е нов, но малко известна причина. Ето защо, аз ще се радвам, ако сподели опита си по този въпрос.
Да, благодаря ти, с пост две връзки към същите стари статии, но малко хора знаят за това, така или иначе =) Аз специално под въпрос колегите, малко позната тема и не се използва пълноценно.
И това се добавя към вратата. =)
Послепис Аз, между другото, за това нещо, не знам (най-малко не се използва), въпреки че вижда тези снимки за електрическа крушка, която някога ...
Сам, че цялата vzhe іnternet Знае. Sogodnі в Akєli заглавието - Kapіtan Ochєvіdnost)
Yurko, не Akella права всъщност са. Аз също в този напомни няколко пъти. Ние бяхме благодарни всеки път.
Вероятно, ще напомня още веднъж да припомним статията.
Уау, за мен това е страхотна новина! Не знаех, че, благодарение на Юра!
Просто реших да се откажа от IE подкрепа за проектите си и мисля, че може да не е от решаващо значение за IE потребителски интерфейс на сайта.
Познати нещо!
Огромен плюс, че не се нуждае от никакви филтри, както и всички видове JS, нормално изображение. На етапа на бавен (но постоянен) намалява IE6 - това е чудесен vesh!
За да се превърне една прозрачна PNG-24 в PNG-8 използване програма OptiPNG на.
О, благодаря за линка! Аз дойдох на ум един цитат от там:
Във всеки случай, благодаря ти, със сигурност някой ще дойде по-удобно и да ви помогне да разберете по-добре!
Защо това не е в Photoshop? Тъй като създаването на структура за уеб - Photoshop за незначителни неща. Неговата основна задача - за редактиране на снимки, за корекция на цветовете, подготовка за печат, и т.н., и т.н., и т.н. ... Последните две версии обаче спряха в PNG-24 със или без причина алфа канал придържам%)
Но фойерверки първоначално е бил разработен като уеб дизайнер инструмент, тъй като той е в състояние да повече. Така че по-скоро този Edob реши да не се развие хак нарича ImageReady, и за подкрепа на фойерверки. За разлика FreeHand, например.
Ще има ли подкрепа за CS4? Ако не забравя, ще погледна в понеделник.
@ Михаил, обяснението ми се струва добра, но все пак в края на краищата - това е толкова лесно =) просто да добавите допълнителен контрол при износа си PNG ... Но ние със сигурност не знаете всички клопки на тази функция :(
За поглед към CS4 Ще бъда много благодарен!
[...] Alpha канали в PNG-8 - проблемната алфа канал и PNG прозрачността на пода [...]
Интересно е, но като цяло, клиентите няма да се правят компромиси, когато става въпрос за krossbrazernosti. Това, което работи при хора, той трябва да работи в IE. Едно към едно.
В CS4, че няма поддръжка.
Съгласен съм, обаче, аз работех с американски портал, в която е извършено едно от стандартните практики за развитие. До факта, че дизайнерът чрез рисуване оформления грижа за приложимостта на тази техника. Но те със сигурност всички малко по-различно, а процентът на IE потребители друг.
Максим Покровски, и с право.
както е в CS4 не поддържа? niznayu в по-старите версии, аз го използва най-вече само с CS3, има такова подкрепа!
Начало Избери палитра Селективна и да имат подходящо Daw
zabavnenko. макар че, виждайки "сиво-бяло чудовище" потребителят ще трябва много да се мисли за браузър актуализация ..
Аз обикновено yuzayu IePngFix. Въпреки, че последният път, когато се опитате да направите, без да е прозрачна изображение.
твърде умен от половината екскурзия с Hi Tech
Защо снимки png8 в полупрозрачност не работи AlphaImageLoader филтър или други скриптове, за да otobrazhenieya PNG прозрачност в IE6?