Фон для логотипа: прозрачность вместо подложки

Логотип редко живёт на одном фоне. Он попадает на визитку, на сайт, на фото товара, на тёмную упаковку. И если логотип сохранён с белой подложкой, на тёмном фоне вокруг него появится белый прямоугольник.

Почему белый фон — плохое решение

Он выглядит нормально ровно в одном случае: когда фон, на который вы ставите логотип, тоже белый. Во всех остальных случаях видно границу.

• Тёмный фон — белый прямоугольник бросается в глаза.
• Цветной фон — логотип вырезан прямоугольником, это выглядит как ошибка вёрстки.
• Фотография — белая плашка закрывает часть кадра.

Прозрачный фон решает это одним движением: логотип ложится на любой фон, и видно только сам знак.

Где прозрачный фон обязателен

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

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

1. Определите, вектор или растровое изображение. Если логотип сделан в векторном редакторе, фон убирается там — и качество не теряется. Если есть только картинка, работаем с растром.
2. Уберите фон. Способ зависит от фона: однотонная заливка удаляется выделением по цвету, сложный фон — автоматическим удалением.
3. Сохраните в PNG. Только этот формат хранит прозрачность. JPG её не поддерживает — фон снова станет белым.
4. Проверьте контур. На белом фоне логотип теряется, поставьте его на тёмный и проверьте, нет ли светлой каймы.

Нюанс: тени и блики

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

Нюанс: тонкие линии

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

Что сохранить на будущее

Храните логотип в нескольких версиях:

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

Правила использования логотипа

Прозрачный фон решает техническую задачу, но остаются правила оформления. Их стоит зафиксировать, если логотип ставит не только вы.

• Свободное поле. Вокруг знака должно оставаться пустое место примерно в высоту буквы. Если логотип упирается в край, он выглядит зажатым.
• Минимальный размер. Определите, до какого размера знак остаётся читаемым. Мелкий текст внутри логотипа пропадает раньше всего.
• Фон под знаком. Светлый логотип не ставят на светлый фон, тёмный — на тёмный. Для таких случаев держите вторую версию в другом цвете.
• Без искажений. Растянутый по одной оси логотип заметен сразу и выглядит небрежно.

Порядок подготовки файлов

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

Частая ошибка

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

← Все статьи