Руководство

Добавьте квадратный и широкий логотип

Загрузите квадратный знак и широкий логотип, обрежьте и поверните их в приложении, храните несколько вариантов и узнайте, какой печатает каждый PDF-шаблон.

Обновлено: 2026-09-09

У большинства компаний логотип существует в нескольких формах. Есть компактный знак, вписанный в круг или квадрат, и есть более длинная версия, в которой рядом с ним написано название компании. Invoice Flow хранит оба, в двух отдельных слотах бизнес-профиля, потому что у них разные задачи: квадратный знак — это ваш аватар внутри приложения и элемент, который печатают некоторые свои PDF-макеты, а широкая версия — то, что двенадцать встроенных шаблонов счёта ставят в шапку. Если у вас только один файл, из него всё равно можно заполнить оба слота: экран обрезки позволяет вырезать квадрат из широкого баннера или широкую полосу из постера.

В этом руководстве мы следим за Tidewater Brewing Company, небольшой пивоварней в Портленде, штат Мэн, которая доставляет кеги в бары вокруг Old Port. У её владелицы, Nora Quinlan, есть круглая зелёная эмблема с буквами TB и широкий логотип с названием. Ей нужна эмблема в приложении и на счёте в ремесленном стиле, который уходит вместе с доставкой кег, а логотип с названием — на более строгом счёте, который она отправляет ресторанам.

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

Что вы видите на экране

Откройте Настройки (Settings) и нажмите плитку профиля вверху (или Бизнес-профили (Business Profiles), затем профиль). Открывшаяся форма называется Редактировать бизнес-профиль (Edit Business Profile), и её первый ряд — это ряд логотипов. При первом запуске тот же ряд появляется на второй странице первоначальной настройки.

В ряду два слота:

• Слева квадратная плитка. Над ней маленький выпадающий список с надписью v.1 · 1:1, в котором три квадратных варианта. Квадратный слот всегда обрезает в пропорции 1:1, а рекомендуемый размер — 1200×1200 px.
• Справа более широкая плитка, занимающая остаток ряда. Её список по умолчанию показывает 4:1 · 1200×300 px и предлагает четыре формы: 4:1 · 1200×300 px, 3:1 · 1500×500 px, 2:1 · 1200×600 px и 16:9 · 1920×1080 px.

Пустая плитка показывает значок камеры с плюсом и кнопку Добавить (Add) под ним. Когда в слоте есть изображение, плитка показывает его в истинных пропорциях на тонированном фоне, а кнопка меняется на Изменить (Change). В каждом списке закрашенный кружок с галочкой перед пунктом означает, что у этого варианта уже есть изображение; пустой кружок — что он свободен.

Как загрузить логотип в слот

Процесс одинаков для обоих слотов; отличается только форма обрезки.

1. В редакторе профиля нажмите пустую плитку или её кнопку Добавить. Приложение сразу открывает галерею фотографий (для логотипов нет варианта с камерой; при необходимости сначала сделайте снимок).
2. Выберите изображение: PNG, JPEG или скриншот вашего фирменного бланка. Выбор принимает до 2048 px по стороне для квадратного слота и до 4096 px для широкого.
3. Открывается экран Обрезать изображение (Crop image) с рамкой, зафиксированной под форму слота. Перемещайте изображение одним пальцем, масштабируйте двумя пальцами или пользуйтесь кнопками внизу (см. следующий раздел).
4. Нажмите галочку в правом верхнем углу. Приложение отрисовывает рамку в PNG и возвращается в редактор профиля, где плитка теперь показывает вашу обрезку, а кнопка называется Изменить.
5. Пролистайте вниз и нажмите Сохранить изменения (Save Changes) (или Продолжить (Continue) при первоначальной настройке). Пока вы этого не сделаете, логотип живёт только в открытой форме; уход с экрана его отбрасывает, и приложение предупреждает о несохранённых изменениях на выходе.

Чтобы заполнить второй слот из того же файла, повторите шаги на другой плитке и снова выберите изображение. Nora выбирает эмблему для квадратного слота и баннер с эмблемой и названием для широкого, а затем двигает баннер внутри рамки 4:1.

Как обрезать, повернуть и переместить

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

У шести значков внизу нет текстовых подписей; долгое нажатие показывает название. Слева направо:

1. Сначала нажмите Автоподгон, если вокруг изображения есть пустое пространство. Кнопка на мгновение неактивна после открытия экрана, пока приложение читает размер изображения.
2. Перетащите изображение так, чтобы нужная часть оказалась внутри рамки. Разведите пальцы, чтобы приблизить небольшой знак, или сведите, чтобы захватить больше.
3. Если исходник снят боком, нажмите Повернуть один или два раза. Поворот двумя пальцами также свободно вращает на любой угол; используйте его, чтобы выровнять слегка перекошенный скан.
4. Нажмите По центру, чтобы вернуть изображение в середину, когда масштаб вас устраивает, или одну из двух кнопок для одной оси, если сдвиг только в одном направлении.
5. Нажмите Сброс, чтобы начать заново, или X в левом верхнем углу, чтобы оставить слот без изменений.
6. Нажмите галочку, чтобы сохранить обрезку.

Чтобы заново обрезать логотип, уже находящийся в слоте, нажмите Изменить и выберите Обрезать изображение. Экран обрезки открывается на сохранённом изображении, то есть на предыдущей обрезке, а не на оригинале: если в первый раз вы отрезали слишком много, используйте Заменить изображение (Replace image) и снова выберите оригинал.

Как заменить, заново обрезать или удалить логотип

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

1. Нажмите Изменить под слотом, который хотите отредактировать.
2. Выберите Заменить изображение, чтобы взять новый файл из галереи и обрезать его, Обрезать изображение, чтобы снова открыть экран обрезки на текущем изображении, или Удалить (Delete), чтобы очистить слот.
3. Для Удалить подтвердите в диалоге с заголовком Удалить эту запись? (Remove this entry?), нажав красную кнопку Удалить, или откажитесь кнопкой Отмена (Cancel).
4. Нажмите Сохранить изменения внизу формы. Как сказано в тексте диалога, удаление применяется только при сохранении формы.

Удаление затрагивает один вариант — тот, что сейчас выбран в списке этого слота. Если в широком слоте показан 4:1 и вы удаляете, загруженная ранее версия 16:9 остаётся нетронутой.

Как хранить несколько версий логотипа

Каждый слот хранит несколько независимых изображений. У квадратного слота три нумерованные версии (v.1, v.2, v.3), все 1:1, а у широкого слота по одному изображению на каждое соотношение сторон. Выпадающий список над плиткой делает две вещи сразу: переключает, какое изображение плитка показывает и редактирует, и помечает это изображение как активное — версию, которую использует остальное приложение.

1. Откройте список над слотом и выберите пустой пункт (пустой кружок), например v.2 · 1:1 или 16:9 · 1920×1080 px.
2. Плитка становится пустой, а кнопка называется Добавить. Нажмите её, выберите изображение, обрежьте его в рамке для этой формы и подтвердите.
3. Снова откройте список и выберите пункт, который должен быть повседневным вариантом по умолчанию. Этот пункт становится активным вариантом.
4. Нажмите Сохранить изменения.

Nora держит стандартную эмблему в v.1 и зимнюю версию в v.2; в декабре она переключает список на v.2 и сохраняет. В широком слоте у неё логотип с названием 4:1 и вертикальная версия 16:9.

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

Как шаблоны решают, какой логотип печатать

В Invoice Flow два семейства PDF-макетов, и они по-разному обращаются с двумя слотами.

Встроенные шаблоны (Clean, Professional, Modern, Classic и остальные из двенадцати, которые вы выбираете в разделе Выбрать шаблон (Select Template) редактора счёта) всегда печатают широкий логотип. Изображение помещается в бокс 60×60 pt в шапке с сохранением пропорций, так что логотип 4:1 превращается в полосу 60 pt шириной и 15 pt высотой, расположенную над реквизитами компании или рядом с ними в зависимости от шаблона. Квадратный знак эти шаблоны никогда не используют.

Свои шаблоны из галереи шаблонов и визуального редактора содержат отдельные элементы Квадратное лого (Square logo) и Широкое лого (Wide logo). Макет печатает те элементы, которые в нём есть. Из готовых заготовок, например, Ремесленный (Trades), Чистый (Clean, в группе Модерн), По центру (Centered) и Густой (Dense) размещают квадратный знак, а Деловой (Business), Услуги (Services), Полоса акцента (Accent stripe), Заявление (Statement) и Воздушный (Airy) — широкий. Квадратный элемент печатается размером 60×60 pt; широкий элемент имеет высоту 40 pt и ширину, которую позволяют его пропорции, что подходит логотипу с названием гораздо лучше, чем бокс в шапке встроенных шаблонов.

Чтобы отрисовать счёт макетом с квадратным логотипом, откройте Настройки, затем Свои шаблоны (Custom templates), выберите заготовку в Галерея шаблонов (Template gallery) (или соберите свою с элементом Квадратное лого) и нажмите Применить (Use). Затем в редакторе счёта выберите этот шаблон в карточке Свой шаблон (Custom template) под Выбрать шаблон. Руководства по шаблонам и редактору своих шаблонов описывают это подробно.

Для широкого слота в редакторе счёта есть ещё один элемент управления. Когда в профиле загружено две и более широких версии, под выбором шаблона появляется карточка Вариант лого (Logo variant) с миниатюрой на каждое соотношение сторон и кнопкой Использовать из профиля (Use profile default). Нажатие на миниатюру заставляет этот счёт печатать эту версию вместо активной в профиле; выбор сохраняется вместе со счётом. Аналогичная карточка Вариант квадратного лого (Square logo variant) существует для трёх квадратных версий.

Правила и детали

• Ничего, что касается логотипов, не сохраняется, пока вы не нажмёте Сохранить изменения или Продолжить. Добавление, обрезка, удаление и переключение активного варианта до этого живут в открытой форме.
• Обрезка каждого слота зафиксирована под его форму: 1:1 для квадратного слота и текущее соотношение сторон, выбранное в списке, для широкого.
• Обрезка отрисовывается с экрана с плотностью в два-четыре раза выше плотности дисплея. На типичном телефоне это даёт квадратный логотип примерно 2000 px, достаточно чёткий для печати. Результат — PNG без потерь, но он захватывается со светлым фоном рамки, поэтому прозрачные области исходника получаются бледной шахматной клеткой, а не прозрачностью, и тонкие линии сетки тоже могут попасть в кадр.
• Активный квадратный вариант — это то, что приложение показывает как ваш аватар на плитке профиля в Настройках и в списке Бизнес-профили. Если квадратного логотипа нет вовсе, аватар берёт широкий логотип, а после него — ваши инициалы.
• Дублирование профиля из списка Бизнес-профили копирует каждую версию логотипа в новый профиль.
• Встроенные шаблоны печатают только широкий логотип. Если активная широкая версия пуста, в шапке просто нет логотипа; квадратный знак его не подменяет.
• В своих шаблонах элемент Квадратное лого печатает активный квадратный вариант из профиля. Карточка Вариант квадратного лого на уровне счёта записывает значение в счёт, но пользовательский рендерер в текущей версии читает активный вариант профиля, а не это переопределение; переопределение Вариант лого для широких логотипов учитывается обоими семействами шаблонов.
• Сами инструменты логотипа не ограничены, но открытие редактора профиля из Настроек требует активного пробного периода или подписки Pro, как и другие экраны Настроек.
• Профили, созданные в старых версиях приложения с одним полем логотипа, продолжают работать: то изображение загружается в широкий слот (под активным соотношением сторон), пока вы его не замените. Квадратный слот начинается пустым.

Советы

Связанные руководства

• Настройте бизнес-профиль
• PDF-шаблоны, палитры и шрифты
• Редактор своих шаблонов