2013-10-05 3 views
0

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

Обычно вы можете навести курсор на изображение и нажать «control + click», чтобы сохранить как.

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

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

Как бы я захватил эту иконку? Иконки на этом сайте: https://uchaguzi.co.ke/

enter image description here

+1

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

+1

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

+0

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

ответ

1

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

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

+0

спасибо, что фурины для подсказки –

+0

Я вернулся без внимания. Ваш ответ был полезен, я просто хочу оставить его открытым, чтобы узнать, знает ли кто-нибудь, можно ли захватить значок так же, как вы могли бы захватить стандартное изображение, например png –

+1

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

Смежные вопросы