Сегодня, снова поговорим о картинках для блога, то есть об иконке проекта, под название favicon. Обсудим, что такое фавикон, как его сделать и подключить к нашему сайту. А также, каких размеров должно быть данное изображение и почему каждый из вас должен, просто обязан, его установить. Ведь, даже этот значок может повлиять на посещаемость вашего блога.

Что такое favicon?

Понятие фавикон довольно простое и образовано от двух слов на латинице (собственно, как и все в интернет) — favorites icon. Это, в свою очередь, можно перевести, как иконка или значок. Смысл может быть и таким; любимая иконка или избранная. Почему такое название? Да все просто, favorites — это просто название закладок в браузере, соответственно название можно трактовать, как картинка для закладки или вкладки браузера. Ведь вы не могли не заметить, что при открытии сайта или добавлении его в закладки, мы видим не только его название,но и его картинку, которая и называется фавиконом. Надеюсь, смог объяснить, что это за зверь такой?

Для чего может понадобиться фавикон?

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

Во-первых, в браузере это может быть удобно, почему? Например, когда у меня открыта куча вкладок — я могу ориентироваться по иконке сайта, который мне нужен в данный момент. То есть — это удобно, для таких, как я.

Во-вторых, эта картинка может привлечь больше посетителей на ваш ресурс с поисковой системы Яндекс , если она броская и выделяется среди других, но без фанатизма. Благодаря тому, что Яндекс подставляет favicon на первых девяти страницах выдачи, ваш блог будет отличаться от других. Именно, по этой причине стоит задуматься о подключении фавикона к вашему проекту . Вот так выглядят первые страницы выдачи.

Сделать favicon не составит никакого труда, потому что в сети огромное количество генераторов, которые способны из обычных изображений делать фавикон и дают возможность нарисовать ее с нуля самому. Еще, изображение можно сделать с помощью программы фотошоп, а потом с помощью генераторов преобразовать ее в нужный формат.

Отличия обычных изображений от иконок небольшие, но они есть. Картинка должна быть простой (сложные графические элементы сложно будет увидеть), размером 16×16 пикселей и обязательно в формате ico. Можно конечно использовать и форматы png или gif, но такие изображения будут отображаться не во всех браузерах, поэтому лучший вариант — использовать формат ico.

Рассказывать, каждый шаг о том, как сделать этот значок, я не вижу смысла, потому что с этим справится каждый. Главное учитывайте требования к изображениям и все получится. Если кратко, то скачайте или нарисуйте изображение и сделайте с помощью онлайн-генераторов, фавикон. Онлайн-генераторы можно найти набрав в поиске Google или Яндекс — favicon. Или вот ссылка на сервис, с помощью которого вы сможете нарисовать с нуля или сделать из готового изображения — фавикон: http://favicon.ru/

Как подключить фавикон для сайта?

Хорошо, значок готов, как теперь сделать, чтобы браузеры начали показывать favicon для сайта ?

После использования сервиса, скачайте готовую иконку для своего блога на компьютер. И загрузите картинку, с помощью ftp-клиента в корневую папку блога (public_html/site/ваш_файл_в_формате_ico) или в любую другую. Но лучше всего в корневую папку, просто так проще, при составлении пути к файлу.

Итак, файл загружен, что дальше? Теперь, можно проверить, если вы сомневаетесь, что файл загружен в корневую папку: ваш_site/favicon.ico. Если файл загружен в корневую папку , то он отобразиться по этому адресу. Дальше нужно прописать для каждой страницы ресурса между тегами и следующий код:

А если значок в другой папке, то должно быть так:

Этот код считается общепринятым для многих интернет-ресурсов и будет работать на любом движке. Но можно для разных движков, прописать его по разному. Например, для wordpress, этот код будет выглядеть так:

/favicon.ico" />

Только, в этом варианте значок должен находиться в папке с шаблоном. Например (public_html/site/wp-content/themes/ваша-тема/favicon.ico).

После этих действий favicon для сайта начнет работать и вы его сможете увидеть во вкладках браузера. Но в выдаче Яндекс, файл не сразу будет показан, нужно сначала подождать пока робот Яндекса проиндексирует иконку и только после этого она начнет отображаться в выдаче, и то при условии, что ваш блог будет находиться на одной из первых девяти страниц выдачи.

На этом все. Если, что не понятно — спрашивайте — разберемся. До новых встреч!

«, я расскажу о разных онлайн сервисах, с помощью которых можно создать уникальную картинку или сгенерировать фавикон из какого-нибудь готового изображения.

И конечно, как всегда, во всех подробностях опишу, в принципе не сложный, процесс установки фавикона на сайт.

Что такое фавикон и зачем он вообще нужен? Фавикон по англ. пишется как Favicon и переводится дословно — «Любимая иконка», но в Викопедии приводиться другой перевод — «Значок для избранного». Фавикон можно сравнить с логотипом, уменьшенным в несколько раз и имеющим расширение .icon.

Отображается фавикон перед URL сайта в адресной строке любого браузера, а также на панели закладкок и в поисковой выдаче рядом с заголовками.

Устанавливать фавикон на сайт надо обязательно, так как это способствует повышению узнаваемости и придает некую респектабельность проекту, что безусловно скажется на доверии пользователей.

Фавиконы бывают в виде обычной или анимированной картинки, а еще в виде зD изображения, на это уже добиваются средствами Фотошоп.

Фавиконы в виде обычной картинки

Сразу хочу сказать, что желательно использовать для создания фавикона уникальное изображение с равными пропорциями сторон и еще не все картинки подходят для фавиконов, так как уменьшение их размера до 16х16 или 32х32 пикселей, делает мелкие элементы на изображении неразборчивыми.

Давайте рассмотрим такой пример. Вот хочу я создать сайт по тематике — «Туризм и путешествия» , так какую же картинку я могу подобрать для фавикона. Буду руководствоваться двумя ранее известными мне правилами.

Правило №1 .

На картинке должен быть только один крупный элемент с четкими границами образа.

Правило №2 .

Картинка должна быть квадратной и весом не более 150 kB.

После не долгих поисков я нашел вроде бы подходящую картинку с изображением воздушного шара соответствующую вышеперечисленным правилам:

Теперь мне надо ее преобразователь в формат.icon и уменьшить до размеров 32х32 пикселя.

Для преобразования картинок в фавиконы существуют специальные серверы и я воспользуюсь одним из них — tools.dynamicdrive.com .

Достаточно выбрать изображение и загрузить его на сервер, затем выбрать формат и нажать кнопочку — «Greate Icon» :


И после обработки получаем два две картинки 32х32 и 16х16. Одна картинка это иконка для рабочего стол а вторая для адресной строки, закладок и поисковых систем.


Если на картинке размером 32х32 еще можно разобрать силуэт воздушного шара, то на изображении форматом 16х16 уже плохо понятно, то ли это какае-то луковица или перевернутая груша 🙂

Из этого следует. что существует еще одно требование к картинке для фавикона.

Правило №3. .

Объект на картинке должен иметь небольшой размер в реальном мире. Для фавикона не годятся изображения самолетов, кораблей, воздушных шаров и т.д.

Поэтому я немного опустился на землю и нашел другое изображение. Давайте попробуем его:


Отлично, посмотрим, что получается после обработки:


Ну вот, совсем другое дело. Скачиваем фавикон на свой компьютер нажимая — «Download FavIcon» .

Для тех, кто хочет сделать фавикон для сайта из собственной фотографии надо знать: чтобы получилось хоть сколько-нибудь узнаваемо человеческое лицо, картинка должна быть не менее 48×48 пикселей.

Как сделать анимированный фавикон

Анимированные фавиконы просто супер! К сожалению не все браузеры поддерживают анимацию в адресной строке и в закладках, но тем не менее они безусловно привлекают внимания пользователя и тем самым способствуют хотя бы не больному увеличению трафика. Для создания анимированных фавиконов есть хороший онлайн сервис . Сервис буржуйский, но страницу можно перевести на русский посредством функций браузера и получится вполне читабельно:


На левую панель вообще не обращаем внимания, в принципе сервис уже готов к работе и осталось выбрать цвет или цвета будущего рисунка. Я для примера нарисую кастрюлю 🙂 С помощью зажатой левой клавиши мышки водим по квадратикам и они закрашиваются в нужный цвет, а если надо стереть лишнее, то нажимаем по квадратику правой кнопкой мыши. Я покажу Вам в качестве примера простенькую анимацию, состоящую всего из 2 изображений. Первое изображение:


После того, как рисунок готов нажимаем — «Использование анимации» и выпадет панель со следующими функциями:


Выбираем — «Добавление новых кадров» и уже на чистом поле рисуем вторую часть анимации:


Чуть ниже можно посмотреть на результат и скачать готовый файл:


Как выглядит мой «шедевр»? 🙂

Конечно это самый простой пример анимации, а есть анмированные фавиконы состоящие и 6 эпизодов, но это уже «мультфильмы» какие-то.

Как сделать фавикон в Photoshop

Наверное у Вас в Фотошоп отсутствует формат. icon, но это не беда, сейчас мы это дело поправим. Скачиваем архив плагина ICOFormat для Adobe Photoshop и распаковываем его в папку — C:\Program Files\Adobe\Adobe Photoshop\Plug-ins\File Formats. Запускаем фотошоп, загружаем любое изображение и пробуем его сохранить в формате.icon



Кто умеет пользоваться фотошоп, тому не составит труда нарисовать или сделать из готового изображения красивый фавикон для своего сайта.

Как установить фавикон на сайт

Установка фавикона минутное дело и описывать даже особо нечего. Значит, у нас уже есть файл размером 32х32 пикселя и на надо всего лишь закачать его в корень сайта с помощью FTP клиента , туда где находятся папки wp-admin, wp-content и wp-includes. Кстати совсем не обязательно помещать файл в корень блога, можно закинуть его и в другое место, но тогда надо правильно указать путь к нему в файле header.php.

Если мы все же поместили файл с фавиконом в корень сайта, то в файле header.php перед закрывающим тегом надо прописать следующее:

Вот в принципе и все, фавикон на сайт установлен!

Сервисы готовых фавиконов

Кому лень самому заморачиваться, у тех есть вариант выбрать и скачать готовый фавикон со следующих сервисов:

До встречи!

С уважением, Виталий Кириллов

Генератор фавикон - поможет преобразовать и отредактировать любое изображение, превращая его в фавикон для сайта. Сегодня статья про лучшем на сегодняшний день генератор фавикон для сайтов.

Сейчас тяжело представить сайт, у которого нет фавиконки. Фавикон - это иконка, которая располагается в адресной строке браузера или в заголовке окна (в зависимости от браузера), и которая выделяет открытый сайт/вкладку из множества других. Изначально, эти иконки разрабатывались в IE для того, чтобы выделять сайт в списке закладок браузера (в IE эти закладки назывались Favorites (избранные), и отсюда пошло название Favicon - иконка избранного.

Но сделать фавиконку своими руками не так легко. У неё должен быть формат ICO, которые требует специального ПО, для того, чтобы сделать что-то стоящее и немалых умений. Поэтому для упрощения жизни лучше использовать онлайн генератор фавикон.

Существует множество сервисов, которые позволяют генерировать favicon из картинок (это может быть логотип, или специально разработанная иллюстрация). Но у большинства из них проблемы с прозрачностью.

Проблемы с прозрачностью у сервиса генератор фавикон

Для наглядности приводим иллюстрацию «Как обрабатывают прозрачность и уменьшение размера изображения разные генераторы фавикон».

В этом сравнении мы использовали результаты, полученные на сервисах favicon.cc и favicon-generator.org. Честно говоря, до недавного времени, сами пользовались сервисом favicon.cc, но с недавних пор нашелся отличный заменитель - генератор фавикон №1.

Лучший генератор фавикон - www.xiconeditor.com

Как и у favicon.cc у этого генератора фавикон есть свой встроенные онлайн-редактор иконок, но его преимуществом является отличная работа с прозрачностью.

Вполне очевидно, что есть разница в качестве передачи прозрачности (видимо разница в качестве изменения размера загруженной картинки).

Кроме того у xiconeditor.com есть ещё одно преимущество - отличная система превью фавиконки, которая позволяет просмотреть результат в разных ипостасях без загрузки сгенерированного фавикон. У них превью намного более информативное, чем у favicon.cc.

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

Забанили, за что?!

Ну если уж наказали, значит, было за что. Во-первых, самая банальная причина: ваши сообщения какой-то чрезвычайно умный «друг» мог пометить, как спам. Пара-тройка таких выходок и вы почувствуете на себе тяжелую ношу административного наказания.

Во-вторых, кто вас знает, может вы настолько общительны, что добавляете сотни друзей в сутки? Не надо этого делать. Как показывает практика, 15 человек в день - вот предел увеличения списка товарищей. Казалось бы, мелочь, но она может помочь вам никогда не занимать себя вопросом о том, как разблокировать страницу ВКонтакте.

В-третьих, вы уверены, что ваш компьютер чист? Вирус является одной из самых распространенных причин заморозки страницы. Старайтесь иметь на компьютере антивирус. Пробная версия, лицензия или другие варианты, но если уж вы любите интернет, то любите и антивирусы. Кстати, сейчас довольно часто встречается нехорошая программа, которая лишь имитирует заморозку. Она может попросить у вас отправку СМС по какому-либо номеру якобы с целью разблокировать вожделенную страничку. Не ведитесь на подобные разводы, берегите деньги.

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

Что же теперь будет?

Ничего ужасного. Разморозить страницу ВКонтакте не так уж сложно.Сразу скажу, если вас просят привязать страничку к номеру телефона, а она уже привязана к нему, то вас пытаются обмануть. В итоге, даже если попробуете привязать-таки страничку к какому-то номеру, вам придет сообщение с просьбой отправить СМС на какой-нибудь номер. Запомните, сервис ВКонтакте никогда, ни при каких обстоятельствах не попросит вас кому-либо что-либо отправлять.

Если же страница заморожена по причине спама, то придется обращаться в техподдержку. Отправляемся по адресу http://vkontakte.ru/restore.php

Заполнение формы потребует очень приличного количества информации о вас, что делает невозможным ее использование сторонними лицами. Однако и вы будьте внимательны и аккуратны. Прилагайте к форме все скрины и сканы, которые у вас попросят. Без них можно забыть о разморозке - администратор даже рассматривать заявку не станет.

Можно элементарно попробовать сменить пароль. Если удастся, то ожидать ответа от сервиса поддержки не придется, но такие фокусы проходят редко.

Ну и последнее, о чем стоит упомянуть, это большое количество утилит, предлагающих быстро и недорого разблокировать страницу ВКонтакте. Авторитетно заявляю, это все чушь. Никакие «бесплатные» СМС не спасут. Даже не пытайтесь.

Правда, можно еще немного «поколдовать» с файлом hosts. Сам не пробовал, но есть несколько вполне легальных программ, чистящих и восстанавливающих этот файл. Не уверен, что это может помочь с разбаном, но, возможно, увеличит шансы не попасть в опалу.

Свою страницу «ВКонтакте» открывают многие пользователи, как только переступят порог дома. Это не только общение с друзьями, но и развлечения, а для некоторых - еще и дополнительный доход. Но что делать, если сервис «В Контакте» пишет: «Страница заморожена» или что-то вроде того? Если такое произошло, некоторые юзеры предпочитают зарегистрироваться заново. Ну что же, это самый легкий путь решения данной проблемы. Но мы не привыкли отступать, для начала надо разобраться в том, почему заморозили страницу «В Контакте». Скорее всего, ваша страничка была взломана, и с нее рассылали спам или совершались какие-то другие запрещенные действия.

Все чаще в Интернете встречаются всякого рода сервисы, которые предлагают узнать секреты «ВКонтакте» или посмотреть, кто наблюдает за твоей страничкой, или накрутить голоса. Все это, мягко говоря, незаконно. И если вы сами или с вашей страницы пользовались данными предложениями, вполне вероятно, что вам временно заморозили страницу «В Контакте». Но причина может быть не только в этом. Еще одним объяснением того, почему заморозили страницу «В Контакте», могут стать вирусы, которые вызывают всплывание окна «Валидация аккаунта».

Как поступить в данном случае? Для начала напишите сообщение в администрацию сети «ВКонтакте». В нем скажите о том, что «вы не верблюд» и что произошла какая-то ошибка. Тут же можно поинтересоваться о том, почему заморозили страницу «В Контакте». Это можно сделать на странице восстановления доступа. Там вы вводите все необходимые данные о себе. Номер телефона, по которому вы были зарегистрированы, у вас запросят обязательно, так что если «симка» потеряна, и вы данным номером не пользуетесь, то ничего не получится. Может понадобиться даже фото с монитором, где высвечиваются заполненная вами форма и скан документа, подтверждающего личность - это может быть паспорт, свидетельство о рождении или Если вашу заявку к рассмотрению примут, придется подождать еще около 3 месяцев, прежде чем блокировку снимут.

Можно попробовать самостоятельно «разморозить» аккаунт. Для этого попытайтесь сменить пароль. Вполне возможно, что это поможет, и не придется ждать так долго. Вот только к предложениям различных сервисов в помощи по разблокированию вашей странички надо относиться очень осторожно. Все они наперебой предлагают выслать ответное СМС, причем - платное! Но на самом деле с вас только спишут некую сумму, и ничего больше не произойдет.

А если какой-то из этих сервисов действительно попытается «разморозить» ваш аккаунт, можно схлопотать вечный БАН, и тогда уже никакая администрация и смена пароля вам не помогут.

Чтобы положенное время (3 месяца) пролетело незаметно, можно создать новую страничку «ВКонтакте» и общаться пока там. А на будущее важно помнить о том, что не следует пользоваться сомнительными программами или самим играть не по правилам. Будьте предельно осторожны с подозрительными предложениями, и тогда не придется искать ответ на вопрос о том, почему заморозили страницу «В Контакте».