Как получить изображение значка

Question

Как получить изображение значка

0

Я просматривал разные сайты для некоторых изображений, которые я хотел бы использовать для ссылок. Один из них, например, является изображением Twitter.

Обычно вы можете навешивать изображение и нажимать "control + click" для сохранения.

Но на этом конкретном веб-сайте изображения являются значками и не позволяют мне их захватить.

Вот экран выбранного элемента, который я хочу выделить, и html и css, которые идут с ним.

Как я возьму этот значок? Значки находятся на этом веб-сайте: https://uchaguzi.co.ke/

Doug Fir 05 окт. 2013, в 18:06

Источник

1

Где-то в CSS это, вероятно, ссылка на файл изображения. (Хотя также возможно, что это пользовательский шрифт, а не изображение.) Проверьте вкладку «Сеть» и посмотрите, какие файлы были запрошены страницей.
David 05 окт. 2013, в 15:18
1

действительно, это действительно кажется значком шрифта ( fortawesome.github.io/Font-Awesome/icon/twitter ). Если вам это нравится, вы можете сделать снимок экрана. буква, используемая значком, определяется в файле CSS следующим образом: .icon-twitter:before { content: "\e00c"; }
furins 05 окт. 2013, в 15:24
0

Дэвид не мог видеть ничего на вкладке Сеть, но все равно спасибо. Фуринс, который выглядит многообещающе, я осмотрю вокруг. Если все иконки с сайта, с которого я хочу провести, находятся там, это будет здорово. Этот сайт и мой собственный - это карты с похожей функциональностью, поэтому их значки также имеют отношение к моему сайту.
Doug Fir 05 окт. 2013, в 15:27

Показать ещё 1 комментарий

Теги:

html

css

image

1 ответ

Ещё вопросы

Где-то в CSS это, вероятно, ссылка на файл изображения. (Хотя также возможно, что это пользовательский шрифт, а не изображение.) Проверьте вкладку «Сеть» и посмотрите, какие файлы были запрошены страницей.
действительно, это действительно кажется значком шрифта ( fortawesome.github.io/Font-Awesome/icon/twitter ). Если вам это нравится, вы можете сделать снимок экрана. буква, используемая значком, определяется в файле CSS следующим образом: .icon-twitter:before { content: "\e00c"; }
Дэвид не мог видеть ничего на вкладке Сеть, но все равно спасибо. Фуринс, который выглядит многообещающе, я осмотрю вокруг. Если все иконки с сайта, с которого я хочу провести, находятся там, это будет здорово. Этот сайт и мой собственный - это карты с похожей функциональностью, поэтому их значки также имеют отношение к моему сайту.

furins · Accepted Answer · 2013-10-05T13-26-00.000Z

Если вы хотите конвертировать значки шрифтов Awesome в png, вы можете использовать это программное обеспечение: https://github.com/odyniec/font-awesome-to-png

однако... если fontawesome соответствует вашим потребностям (у него есть огромная коллекция действительно хорошо продуманных значков), я тепло предлагаю вам использовать веб-шрифт, как описано здесь: http://fortawesome.github.io/Font-Awesome/начать/

Я вернулся без признания. Ваш ответ был полезен, я просто хочу держать его открытым некоторое время, чтобы увидеть, если кто-нибудь знает, возможно ли получить значок таким же образом, как вы можете получить стандартное изображение, такое как png
Конечно, нет проблем ... но нет, невозможно получить значок шрифта, как если бы это было стандартное изображение (например, из выпадающего меню в вашем браузере), за исключением использования программного обеспечения для захвата части экрана. Например, в MAC OS вы можете использовать CMD + SHIFT + 4, чтобы захватить часть экрана и сохранить ее как png, в WINDOWS (любая версия) вы можете использовать CTRL + ALT + PRINT, а затем вставить содержимое буфера обмена в программное обеспечение для управления изображениями (в конечном итоге вы даже можете использовать paint ), чтобы обрезать его до нужного размера.
@ фуринс ... а, понятно. Ну спасибо за разъяснения