Посібник

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

Завантажте квадратний знак і широкий логотип із назвою, обріжте й поверніть їх у застосунку, зберігайте кілька варіантів і дізнайтеся, який із них друкує кожен PDF-шаблон.

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

Більшість компаній мають логотип у кількох формах. Є компактний знак, що вписується в коло або квадрат, і є довша версія, у якій поруч зі знаком написана назва компанії. Invoice Flow зберігає обидва в двох окремих слотах профілю компанії, бо вони виконують різну роботу: квадратний знак є вашим аватаром усередині застосунку та елементом, який друкують деякі власні PDF-макети, а широку версію дванадцять вбудованих шаблонів рахунків розміщують у заголовку. Якщо у вас лише один файл, ви все одно можете заповнити з нього обидва слоти: екран обрізання дозволяє вирізати квадрат із широкого банера або широку смугу з постера.

У цьому посібнику ми стежимо за Tidewater Brewing Company, невеликою пивоварнею в Портленді, штат Мен, яка доставляє кеги в бари навколо Старого порту. Її власниця, 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-шаблони, палітри та шрифти
• Редактор власних шаблонів