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

1

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

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

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

website favicon Braiam
источник
Есть сайт обмена стеками графического дизайна, который может предложить лучшие результаты в этом вопросе.
Брэдли Форни
Я проверил все stackexchange только по этой причине. Тем не менее, похоже, что это была самая надежная ссылка. Возможно это не обнаружилось там, где я проверил. В любом случае, можете ли вы предоставить ссылку?
Это был бы графический дизайн SE ; Есть также веб-мастера, которые могут быть применимы. Однако, пожалуйста, не размещайте свой вопрос на другом сайте в сети. Вы можете использовать ссылку "flag" чуть ниже вашего вопроса, чтобы пометить вопрос для модератора и запросить перенос, если вы захотите это сделать.
CVn

Ответы:

6

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

Образец изображения с альфа-каналом

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

ОБНОВИТЬ

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

введите описание изображения здесь

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

drk.com.ar
источник
Конечно. Когда я сказал, что я пытался сделать свой логотип без фона, это означает, что у него нет слоев (то есть, он прозрачен - это стиль флажков). Но после рендеринга в .png или .jpg, он не сохраняет ничего без слоев / маски. Ваш ответ был подтверждением, а не решением. Вы не сказали мне, какое именно программное обеспечение может отображать файлы без слоев (или прозрачные) .png ...: /
Хорошо. Это не было ясно в вашем вопросе. Позвольте мне обновить ответ с некоторыми инструкциями.
drk.com.ar
Спасибо, мне просто нужно программное обеспечение, которое могло бы сделать это. GIMP кажется крутым.
2

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

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
Sickest
источник
Я запускаю тему Codilight на своем веб-сайте. Я не думаю, что смогу вручную ввести текст в заголовок, если не отредактирую всю тему. Я попробую это, спасибо.
вам нужно сделать это только на главной странице.
Самый болезненный