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

16232
Braiam

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

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

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

0
Есть сайт обмена стеками графического дизайна, который может предложить лучшие результаты в этом вопросе. Bradley Forney 10 лет назад 0
Я проверил все stackexchange только по этой причине. Тем не менее, похоже, что это была самая надежная ссылка. Возможно это не обнаружилось там, где я проверил. В любом случае, можете ли вы предоставить ссылку? 10 лет назад 0
Это будет [Графический дизайн SE] (http://graphicdesign.stackexchange.com/); есть также [Webmasters] (http://webmasters.stackexchange.com/), которые могут быть применимы. Однако, пожалуйста, не размещайте свой вопрос на другом сайте в сети. Вы можете использовать ссылку "flag" чуть ниже вашего вопроса, чтобы пометить вопрос для модератора и запросить перенос, если вы захотите это сделать. a CVn 10 лет назад 0

2 ответа на вопрос

6
drk.com.ar

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

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

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

ОБНОВИТЬ

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

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

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

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

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