Как сделать favicon в png

[@dioteos]

О Боже!!! Вы открыли мне глаза…
По сути — тема известная уже давно. Не спорю — может кто-то и не знал, но поменьше пафоса =)

[@Gorky]

Извините если задел, просто манера писать такая, еще со студенческой газеты =)

[@skorney]

одно только «изыди» чего стоит =)

[@dorongov]

нормальная студенческая лексика :)

[@clockworkbird]

В данном контексте, оно более чем актуально )

[@nitro80]

Я всегда просто менял расширение :)
Правда не помню, срабатывает ли прозрачность…

[@Holy_Cheater]

а если avi переименовать в mkv — оно перекодируется в h264? :)

[@jerom]

Если быть точным, то внутри mkv не обязательно должен быть h264. И avi, и mkv — это контейнеры, внутри может быть тот же xvid и divx.

[@ARSolog]

Спасибо, кэп)))

[@SlamJam]

Формат ico поддерживает прозрачность. Это по сути и есть png. От того что расширение сменилось не поменялось ровным счетом ничего. А за appler-touch-icon спасибо — не знал про это.

[@nobr]

ico это не png, но полупрозрачность поддерживает.

ru.wikipedia.org/wiki/Png
ru.wikipedia.org/wiki/ICO

[@ScorpAL]

Так же ICO в отличии от PNG поддерживает несколько иконок различных размеров в одном файле.
16х16 это хорошо для менюшек и адресной строки браузера.
А что делать если если пользователь кинул иконку на рабочий стол?

ICO формат для иконок. Название говорит само за себя.
Не дурите голову.

[@nobr]

Не дурю. Вашу позицию поддерживаю :)

Крупные проекты не делают иконки больше 16×16 для того, чтобы снизить размер файла, соотв. нагрузку на канал (или сервер, даже не знаю). Поэтому большие иконки не часто встретишь.

А на народе или юкозе одно время совали полуторамегабайтные BMP вместо ICO, была такая мода. Это, конечно, непростительно.

[@SI_HALT]

mp4, mkv, flv… это тот же самый АVI? :))

[@Gorky]

Про иконки для яблочников — это я кстати у pepelsbey нашел не так давно =) Он знает толк в верстке ;-)

[@Busla]

В ico можно хранить несколько изображений для разных разрешений.

[@Q2W]

Про png — довольно известно, а про иконку для IPhone не знал, спасибо.

[@NickyX3]

Автор забыл указать, что иконда для springboard тачей и яблофонов будет в таком варианте закруглена по углам и на нее будет наложен блик автоматически самоим девайсом. Для избежания этого (совсем красивая кастом иконка) следует сделать

[@Gorky]

Помоему у вас сообщение обрезалось =) Допишите если не сложно, очень интересно что нужно сделать для избежания =)

[@NickyX3]

Код не вставился
Вместо apple-touch-icon, надо сделать apple-touch-icon-precomposed

[@Gorky]

Добавил в топик, держите плюс =)

[@NickyX3]

Я тут кстати порыл гайд родно по этому поводу.
precomposed поддерживается начиная с iPhone Software 2.0. Кроме того — девайсы продолжают закруглять иконку самостоятельно, а вот блик как раз не делают в данном случае

[@Mithgol]

Ещё пять лет назад я на www.mithgol.ru/Web-faq/Favicons/ поведывал, что можно подключить одновременно несколько форматов значков (в моём примере — ICO и анимированный GIF, но кому охота PNG, может PNG). И незачем IE 6 пинать, если можно его поддержать посредством ICO, а остальным скормить альтернативный формат.

[@Gorky]

Почитал, действительно отлично расписали =)

[@ESVSerge]

Как это незачем пинать? Этот уродец (IE6) уже всем успел нервов порядком попортить…

[@Niketas]

А Майкрософт-то поддерживает IE6?
Кому он сдался, прастихоспади?

[@Serzhenko]

Спасибо за статью. +.

P.S. В ней битая ссылка на ру.ководство. Наверное, стóит поправить.

[@Mithgol]

Я подумаю.

Но вообще-то я много лет не трогал тот сайт.

Так что есть своего рода психологическая инерция.

А если я её преодолею, то вообще устрою там MediaWiki (или нечто в том же духе), а не просто одну ссылку переменю.

[@Gorky]

Кто-то кроме меня же не может в тематический блог перенести? Или может?

[@Mithgol]

Только автор и только с достаточной кармою (5 или более).

[@Gorky]

Все, перенес, спасибо =)

[@zaartix]

есть такой сервис — favicon.cc

[@Piterski]

Жаль там в анимацию нельзя по очереди свои картинки импортировать :(

[@vadimbelyaev]

Мне почему-то вспомнилась игра Defender of the Favicon.

[@VasilioRuzanni]

«Над записью витает дух уже почти сгнившего трупа IE6, который вообще не знает о чем это все, ну да и фиг с ним =) Все, изыди.»

Ну пока, к сожалению, не совсем, но присоединяюсь к изгнанию демона в потусторонний мир.

[@xaja]

ну в IE изначально беда с фавиконами

[@TheBits]

Добавьте сайт в избранное, иконка появится.

[@Niketas]

Может, ещё на колени встать перед IE?

[@homm]

Статья для μHabr.

[@akzhan]

формат ico всё-таки более удобен — можно сразу несколько размеров прописать.

[@denisx]

на страницу делается и ico, и png. размеры — любые. забыть про ие-6, всё равно что сказать, что кроме сафари нет браузера. увы, не авторитетный пост.

[@homm]

Сайт теряет функциональность от того, что у пользователей ие6 не будет показывать значок, который и так не будет показываться в 95% случаев? Нет.

Никто не отрицает существования интернет эксплорера, точно также как и никто не отрицает существование сотни неполноценных браузеров для мобильных устройств, в которых невозможно представить современный сайт как он должен выглядеть. Для них делают облегченные версии сайта. Кстати, мне кажется это хорошей идеей, вместо того, чтобы заниматься некрофилией, отправлять пользователей усыхающих браузеров на вап версии сайтов. Тройная польза. Во первых на изготовление вап версии уйдет времени даже меньше, чем на поддерживание старых браузеров. Во вторых пользователи мобильных устройств будут довольны. В третьих, пользователи мастодотнов получат 100% рабочие версии, где исключена ситуация что невозможно сделать какое-то действие из-за сложной, не верно распознанной верстки или не сработавших скриптов.

[@egorinsk]

Нафига нужен пнг, если в комментах пишут — ико и подходт лучше и ИЕ6 поддерживает?

Знаем мы таких мастеров в кавычках, верстают всю страницу в пнг, потом страницы по 300 кб весят.

[@q_styler]

Уже давно как-то случайно просёк, что если сохранить ПНГшку и переименовать её в ico, то браузер её легко подхватит.

[@RommeDeSerieux]

Вызывающе неверная информация, формат ico прекрасно поддерживает полупрозрачность и gimp без проблем сохраняет с оной.

[@ibnteo]

Что угодно можно говорить про IE6, но нельзя не считаться с довольно большой его долей в настоящее время. Поэтому чтобы сайт работал нормально, и чтобы в логах не формировалась 404 ошибка для favicon.ico, лучше сделать такую иконку, и прописать её перед PNG иконкой. Нормальные браузеры возьмут последний вариант, старые возьмут прежнюю, несжатую.

[@GreyCat]

Пользователей IE6 по рунету, кстати, 20%. Примерно столько же, сколько FF3. На третье место только в апреле месяце опустился, до этого вообще на втором был, после IE7:

trends.spylog.ru/global-statistic-browsers/#level=2&attr=1%252C2%252C3

[@qinetic]

Есть еще другой вариант:
Можно переименовать png в ico и таким способом Apache сам будет подставлять и прописывать ничего не нужно.

[@pepelsbey]

Мне кажется, что проще поставить Axialis Icon Workshop и нормально создавать иконки.
Ну, или плагин к фотошопу. А то подход в стиле «переименовать JPG в TIFF и отправить в типографию».

[@Iskin]

А разве браузер не сразу запрашивает example.com/favicon.ico, так что если использовать именно расширение ico то оно загрузиться чуть быстрее и ч меньшим кол-вом HTTP-запросов?