Как скачать логотип с сайта, если он вставлен инлайн-кодом?

У меня часто такое бывает, что на слайд презентации нужно добавлять логотипы разных компаний. Обычно это клиенты моего клиента, либо конкуренты, либо ещё кто. Не суть.

Кароч, задача — вставить логотип компании на слайд. И эта компания скорее всего даже будет не в курсе этого. Так что логотип от дизайнеров этой компании во всех возможных форматах и разрешениях я точно не получу.

Поэтому логотипы обычно достаю через их сайт. Обычно он там присутствует.

Классно, когда логотип вставлен как файл: открываю веб-инспектор, перехожу по прямой ссылке на файл и скачиваю его к себе. Люблю, когда логотип вставлен как векторный svg-файл, а не растровый png. Но бывает, что ребята упарываются над оптимизацией и вставляют svg инлайном, то есть напрямую в код, и вот тут уже логотип скачать чуть-чуть сложнее.

Если вы сталкиваетесь с такой же ситуацией, то подготовил для вас карточки с инструкцией, как сохранять такие логотипы и использовать их в презентации.

Нам понадобится веб-инспектор и редактор кода. Все подробности читайте в карточках 🫶

Кликабельная ссылка на редактор кода: http://code.visualstudio.com