Нашли ошибку?

Генератор favicon

Весь набор значков сайта из картинки, буквы или эмодзи: ico, png, иконка для iPhone, манифест и код для вставки — прямо в браузере, без загрузки файла на сервер

В 16 пикселях помещается одна буква, редко две. Три уже сливаются.

Оформление

Цвет знака

Как это увидят ?

Вкладка браузера — одна и та же в двух темах
Ваш сайт светлая
Ваш сайт тёмная
16 32 iPhone
16×16 без сглаживания

Выводы

    Остальное решает глаз. Посмотрите на предпросмотр в натуральную величину: значок во вкладке ровно такой — 16 точек, меньше буквы в этой строке. Если в нём не угадывается знак, никакие настройки не помогут — нужен рисунок попроще.

    Забрать

    В архиве: favicon.ico (внутри сразу 16, 32 и 48), favicon-16x16.png, favicon-32x32.png, favicon-96x96.png, apple-touch-icon.png, две иконки для Android, site.webmanifest и код-для-head.txt. Распакуйте всё в корень сайта.

    Код для <head>

    
  
    

    



  

  

  

  
    
  

  
  
  
    
    
    Значок делается тремя способами: из своей картинки, из одной-трёх букв или из эмодзи, которых в наборе сорок. Для букв выбирается шрифт и насыщенность, для любого варианта настраиваются фон, отступ от края и скругление углов.
    Главный размер здесь 16 пикселей: именно в нём значок стоит во вкладке браузера. Логотип, который хорошо смотрится крупно, на этом квадрате часто превращается в пятно, а три буквы сливаются в одну. Поэтому предпросмотр показывает мелкие размеры сразу, до скачивания.
    Забрать результат можно тремя способами: весь набор архивом, только favicon.ico или только большой PNG 512×512. Архив пригодится, когда сайт делается с нуля, отдельные файлы — когда нужно заменить значок на готовом.
    
  
    
  

  
  
    
    
    Другие инструменты
    
    
    
      
      
        
    CSS Sprites — объединение изображений
    
        
    Склейка иконок в один файл с готовым CSS
    
          
      
      
        
    Водяной знак на фото
    
        
    Полупрозрачная подпись или плитка на всю картинку
    
          
      
      
        
    Нанесение текста на изображение
    
        
    Надпись или водяной знак на фото, с пакетной обработкой
    
          
      
      
        
    Фотошоп онлайн
    
        
    Редактор изображений прямо в браузере, без установки
    
          
      
      
        
    Палитра цветов из изображения
    
        
    Палитра из картинки с долями цветов и проверкой контраста
    
          
      
      
        
    Изменение размера изображения
    
        
    Размер картинки по ширине, высоте или в процентах, JPEG, PNG и WebP
    
          
      
      
        
    Обрезать изображение онлайн
    
        
    Рамка мышью или точные пиксели, без загрузки на сервер
    
          
      
      
        
    Сканер QR-кода онлайн
    
        
    Чтение QR с картинки и камерой, разбор содержимого по полям