Фавикон без фона для моего сайта?

Question

Многие веб-сайты предлагают такие значки, как этот сайт. Посмотри на это. Там нет белого фона, чтобы разрушить все правильно? Я не профессионал, но вот чего я хочу:

Я хочу создать логотип для своего сайта, который в основном будет обозначаться буквой J на эллипсе. Теперь, рендеринг в PNG или JPG (это единственные форматы, которые принимает WordPress) вызывает дополнительный торчащий белый фон, даже если я изначально выбрал бумагу без фона.

Я попробовал Corel Photo-Paint, и там написано, что маски не будут сохранены. Пожалуйста помоги.

Answer 1

Вы хотите прозрачное изображение. Вам нужно будет создать файл PNG с прозрачностью. JPEG не поддерживает прозрачность. Действия могут отличаться в зависимости от используемого вами программного обеспечения. Но в основном вы должны работать над изображением с альфа-каналом (прозрачность). Вы должны выбрать некоторые части вашего изображения и удалить их. На его месте вы увидите какой-то узор, представляющий фон.

Позже вы должны указать прозрачность при экспорте в PNG.

ОБНОВИТЬ

Используя GIMP создайте изображение и добавьте альфа-канал. Нарисуйте по желанию и убедитесь, что у вас есть прозрачная область, как описано выше. Затем выберите « Файл» > « Экспорт» и выберите целевой файл с расширением PNG. GIMP отображает диалоговое окно параметров экспорта, например:

Убедитесь, что у вас выбраны параметры "Сохранить значения цвета для прозрачных пикселей" и "Сохранить цвет фона", затем нажмите кнопку « Экспорт» .

Answer 2

Я настоятельно рекомендую вам использовать генератор Favicon. Как это или это, после чего вы хотите установить этот код в ваш заголовок для того , чтобы значок , чтобы показать , как фавиконки.

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">