Сделаем открытку узнаваемой. Мы установим фавикон.

  Автор:
  1646
favicon,фавикон,фавикон на сайт,фавикон на открытку

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

Сегодня я хочу рассказать Вам как сделать и установить фавикон на Вашу музыкальную открытку.

Для начала необходимо выбрать изображение. Фавикон имеет размер 16х16 пикселей. Очень маленькая картинка, поэтому изображение должно быть четким.

Для своих открыток я выбрала картинку с воздушными шариками, а для видео курса — просто цветочек. На картинке выше хорошо видны эти фавиконы. Вы, естественно, выбираете картинку по своей теме.

Итак,

  • В программе Photoshop, или в другом редакторе, уменьшаете изображение до размеров 16х16 пикселей.
  • Затем сохраняете эту миниатюрку  на компьютер в нужную папку в формате gif или png. Название файла должно быть таким: «favicon.gif» или «favicon.png».
  • При создании открытки этот фавикон нужно загрузить в папку с картинками для открытки.
  • В Dreamweawer, или другом редакторе, на странице кода перед тегом </head> вставляете КОД

Обратите внимание на формат фавикона. В коде стоит формат gif. Но если Вы сохраните фавикон в формате png, то в коде обязательно нужно будет изменить формат. Вместо gif вставить png. Вы все увидите. Там все просто.

Все. Фавикон установлен. Теперь Ваши открытки никогда не потеряются среди других открытых сайтов и их сразу можно будет найти по красивому фавикону.

Если Вы не все поняли, посмотрите это видео.

 

 

Кстати, точно так же можно установить фавикон и на сайт (например, продающий или сайт-воронку).

Искренне желаю Вам удачи.

podpis1

Сделаем открытку узнаваемой. Мы установим фавикон.

   7 голосов
Средняя оценка: 4.4 из 5
Интересная статья? Буду благодарна, если Вы поделитесь ею с другими:
Оставьте свой комментарий:
14 комментариев
  1. Я себе тоже позавчера фавикон делала.)) Нашла какой-то сайт с логотипами и выбрала себе один, преобразовала в фавикон, сердечко с лепесточком, мне нравится.)) У Вас яркий такой фавикон, запоминающийся.)

  2. Светлана спасибо за информацию. *ROSE*

  3. Светлана, подскажите пожалуйста, фавикон готов но где и как взять код фавикона спасибо.

    • Валентина, в статье найдите строчку «…В Dreamweawer, или другом редакторе, на странице кода перед тегом вставляете КОД…» и нажмите на слово КОД. Скачайте файл на компьютер. В этом файле хранится код фавикона.

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

  5. Спасибо, Галина.
    Я даже не сомневаюсь, что у Вас все получится! =)

  6. Alina

    Фавиконки можно делать и в онлайн — очень удобно, даже лучше чем фотошопе. Такие сервисы можно найти в поисковиках

  7. Спасибо, сайчас поколдую!

  8. А как сделать чтобы было родное расширение favicon.ico ?

на Блоге
в Вконтакте
в Фейсбук