Логотип без фона: зачем нужен и как сделать

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

Зачем логотипу прозрачность

Логотип размещается в десятках мест: сайт, соцсети, визитки, презентации, упаковка, письма, счета. Фоны в этих местах разные — белый, тёмный, цветной, фотографический.

Логотип с вшитым фоном подходит только для одного типа подложки. Если залить его белым — на тёмной шапке сайта появится белый прямоугольник. Прозрачность решает это: логотип накладывается на любой фон без «заплатки».

Какой формат нужен

Если логотип изначально делался в векторе — сохраняйте SVG, это лучший вариант: он масштабируется до размера баннера без размытия. Если только растровая картинка — PNG.

Как убрать фон с логотипа

1. Найдите максимально качественный исходник. Чем крупнее картинка, тем точнее будет вырезание. Не берите логотип размером 100 пикселей — по краям останутся артефакты.
2. Удалите фон. Ботом в мессенджере, онлайн-сервисом или в редакторе. Для логотипов хорошо работает удаление по цвету: фон обычно однотонный.
3. Проверьте края на увеличении. Логотип — мелкий элемент, поэтому дефекты по контуру видны сильнее, чем на фотографии.
4. Сохраните в PNG (или SVG, если исходник векторный).
5. Проверьте на тёмном и светлом фоне. Светлые элементы логотипа на светлом фоне исчезнут, тёмные на тёмном — тоже.

Почему прозрачность теряется

Самая частая жалоба: фон удалён, но при сохранении появился белый квадрат. Причина — формат JPG. Он не поддерживает альфа-канал, поэтому прозрачные пиксели при сохранении заливаются белым.

Проверка простая: откройте сохранённый файл. Если фон отображается как «шахматная доска» — прозрачность есть. Если белый — формат выбран неверно, пересохраните в PNG.

Как вырезать логотип из фотографии

Иногда логотип есть только на фотографии — например, на вывеске, упаковке или визитке, и его нужно восстановить. Порядок такой:

• Возьмите максимально крупный и чёткий снимок, желательно снятый фронтально, без перспективных искажений.
• Обрежьте до самого логотипа.
• Выровняйте перспективу, если снимали под углом.
• Удалите фон.
• Почистите края вручную — на фото они всегда неровные.

Для серьёзного бренда это плохой путь: качество восстановленного из фото логотипа ниже, чем сделанного заново. Если есть возможность — закажите векторную отрисовку, это недорого и даёт правильный результат.

Размеры, которые стоит подготовить сразу

Логотип нужен в нескольких размерах, и лучше сделать их заранее:

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

Проверка перед публикацией

• Прозрачность на месте (шахматная доска в редакторе).
• Нет светлой или тёмной каймы по контуру.
• Логотип читается на светлом и на тёмном фоне.
• Разрешение достаточно для самого крупного места размещения.
• Есть версия в PNG для растрового использования и, если возможно, SVG.

← Все статьи