Вам нужен логотип на баннере сайта. Вы вставляете его, и вокруг — белый прямоугольник, который красуется поверх тщательно подобранного фонового цвета. Дизайнер дал вам JPG — а JPG не поддерживает прозрачность.
Это одна из самых распространённых проблем с изображениями в мире, и решается она примерно за 10 секунд.
Быстрый способ
Загрузите логотип в инструмент прозрачного фона. Он удалит фон за логотипом и выдаст PNG с полной прозрачностью. Скачайте. Готово.
Далее в статье — нюансы, нетипичные случаи и советы по получению максимально чистого результата.
Типичные ситуации
«Дизайнер прислал мне JPG»
Самая частая ситуация. Дизайнер или маркетинговое агентство передали файлы логотипа, но среди них только JPG — возможно, кто-то конвертировал его, или исходные файлы проекта потерялись. JPG не хранит прозрачность (как описано в руководстве MDN по форматам изображений), поэтому фон (обычно белый) навсегда «вшит» в картинку.
Загрузите JPG в remove-bg.io. ИИ отделит логотип от фона и выдаст прозрачный PNG. Это отлично работает для большинства логотипов, особенно на однотонном фоне.
«У меня только логотип с нашего сайта»
Кликните правой кнопкой мыши по логотипу на сайте, выберите «Сохранить изображение как» и сохраните. Возможно, это уже прозрачный PNG (проверьте: если фон в просмотрщике клетчатый — прозрачность есть). Если видимый фон присутствует — загрузите в инструмент.
На что обратить внимание: логотипы с сайтов часто маленькие (100–200 пикселей шириной). ИИ их обработает, но результат тоже будет маленьким. Если нужна версия высокого разрешения — попробуйте найти исходный файл.
«Логотип на визитке или печатном документе»
Сделайте чёткое фото документа или отсканируйте его. Убедитесь, что освещение равномерное — без теней на логотипе. ИИ может отделить логотип от текстуры бумаги, хотя лучшие результаты получаются, когда логотип контрастно выделяется на фоне.
«В логотипе есть белые элементы»
Это то, что вызывает беспокойство. Если в логотипе белый текст или белая иконка — не удалит ли ИИ и их?
Как правило, нет. ИИ различает фон и содержимое логотипа. Белая буква «А» в вашем логотипе на белом фоне обрабатывается иначе, чем белое пространство вокруг. Тем не менее очень тонкие белые элементы у краёв иногда могут обрезаться — увеличьте масштаб и проверьте после обработки. Инструменты вырезания в редакторе позволяют восстановить случайно удалённые фрагменты.
Как получить лучший результат
Используйте самую большую версию. Логотип 2000 пикселей даёт гораздо более чистый результат, чем 200 пикселей. Если у вас несколько копий — выберите самую чёткую и крупную.
Однотонные фоны — проще всего. Если у вас есть контроль над исходником (скажем, вы экспортируете из графического редактора), поместите логотип на сплошной белый или чёрный фон перед сохранением. Чем выше контраст между логотипом и фоном, тем чище определение краёв.
Проверьте края после обработки. Увеличьте до 200–300% и посмотрите на мелкие детали: тонкие линии в тексте, маленькие элементы иконок, градиентные края. ИИ обычно хорошо с ними справляется, но быстрая визуальная проверка ловит редкие промахи. Инструменты вырезания в редакторе помогут исправить шероховатости.
Учитывайте конечное применение. Если логотип пойдёт на тёмный хедер сайта — просмотрите его на тёмном фоне перед скачиванием. Если для печати — убедитесь в достаточном разрешении (300 DPI). Инструмент сохраняет исходное разрешение, так что если ваш исходник чёткий — результат тоже будет.
Где пригодится прозрачный логотип
Практически везде:
- Шапка сайта и фавикон
- Подпись в электронной почте (Outlook, Gmail, Яндекс.Почта)
- Аватарки и обложки в социальных сетях
- Презентации и слайды
- Визитки и печатные материалы
- Мерч (футболки, кружки, стикеры)
- Заставки и наложения в видео
Один прозрачный PNG работает во всех этих случаях, потому что адаптируется к любому фону. Сравните с JPG с белой рамкой, который нормально смотрится только на белом фоне.
А что насчёт SVG?
Если у вас есть SVG-файл, прозрачность уже встроена — SVG это векторный формат, который масштабируется до любого размера без потери качества.
Если дизайнер дал вам SVG — всё это не нужно. SVG — векторный формат, который по своей природе не зависит от разрешения и поддерживает прозрачность. Но если у вас только растровое изображение (JPG, PNG с фоном, скриншот), описанный выше подход — лучший вариант.
Для логотипов, которые нужно масштабировать до очень больших размеров (баннеры, оклейка транспорта), попросите у дизайнера исходный векторный файл. Прозрачный PNG отлично подходит для цифровых нужд и стандартной печати, но векторы масштабируются бесконечно.
Часто задаваемые вопросы
Это работает со сложными логотипами с градиентами? Да. ИИ справляется с монохромными, градиентными, многоцветными и иллюстрированными логотипами. Единственные случаи, которые иногда требуют ручной доработки — очень тонкие детализированные элементы по краям.
У моего логотипа цветной фон, не белый. Это важно? Нет. Инструмент удаляет любой фон — белый, цветной, узорчатый, фотографический. На однотонных фонах результаты чище.
Можно обработать несколько логотипов сразу? Да — пакетный инструмент удаления фона обрабатывает до 20 изображений одновременно. Полезно, если вы обновляете логотипы портфолио брендов.