Podręcznik użytkownika

Dodaj kwadratowe logo i szerokie logo

Wgraj kwadratowy znak i szeroki logotyp, przytnij je i obróć w aplikacji, zachowaj kilka wariantów i sprawdź, który z nich drukuje każdy szablon PDF.

Zaktualizowano: 2026-09-09

Większość firm ma swoje logo w więcej niż jednym kształcie. Jest zwarty znak, który mieści się w kole lub kwadracie, i jest dłuższa wersja z nazwą firmy wypisaną obok niego. Invoice Flow przechowuje oba, w dwóch osobnych polach profilu firmy, ponieważ pełnią one różne zadania: kwadratowy znak jest Twoim awatarem w aplikacji i elementem, który drukują niektóre niestandardowe układy PDF, natomiast wersja szeroka trafia do nagłówka w dwunastu wbudowanych szablonach faktur. Jeśli masz tylko jeden plik, i tak możesz wypełnić nim oba pola: ekran przycinania pozwala wyciąć kwadrat z szerokiego banera albo szeroki pas z plakatu.

Ten poradnik śledzi Tidewater Brewing Company, mały browar w Portland w stanie Maine, który dostarcza beczki do barów w dzielnicy Old Port. Jego właścicielka, Nora Quinlan, ma okrągłą zieloną odznakę z literami TB oraz szeroki logotyp. Chce, aby odznaka pojawiała się w aplikacji i na fakturze w stylu rzemieślniczym, która jedzie razem z beczkami, a logotyp — na czystszej fakturze wysyłanej do restauracji.

Konfiguracja pozostałej części profilu ma swój własny poradnik; ten dotyczy wiersza z logo, ukrytego za nim ekranu przycinania oraz tego, jak szablony PDF wybierają między dwoma obrazami.

Co widzisz na ekranie

Otwórz Ustawienia (Settings) i dotknij kafelka profilu na górze (lub Profile firmowe (Business Profiles), a następnie profil). Otwarty formularz nosi tytuł Edytuj profil firmy (Edit Business Profile), a jego pierwszym wierszem jest wiersz z logo. Przy pierwszym uruchomieniu ten sam wiersz pojawia się na drugiej stronie powitalnego kreatora.

Wiersz ma dwa pola:

• Po lewej kwadratowy kafelek. Nad nim jest mała lista rozwijana z napisem v.1 · 1:1, która wymienia trzy warianty kwadratowe. Pole kwadratowe zawsze przycina w proporcji 1:1, a sugerowany rozmiar to 1200×1200 px.
• Po prawej szerszy kafelek zajmujący resztę wiersza. Jego lista rozwijana domyślnie pokazuje 4:1 · 1200×300 px i oferuje cztery kształty: 4:1 · 1200×300 px, 3:1 · 1500×500 px, 2:1 · 1200×600 px oraz 16:9 · 1920×1080 px.

Puste pole pokazuje ikonę aparatu z plusem i przycisk Dodaj (Add) pod spodem. Gdy w polu znajdzie się obraz, kafelek wyświetla go w rzeczywistych proporcjach na przyciemnionym tle, a przycisk zmienia się na Zmień (Change). Na każdej liście rozwijanej wypełnione kółko z haczykiem przed pozycją oznacza, że ten wariant ma już obraz; puste kółko oznacza, że jest wolny.

Jak wgrać logo do pola

Przebieg jest taki sam dla obu pól; różni się tylko kształt przycięcia.

1. W edytorze profilu dotknij pustego kafelka lub jego przycisku Dodaj. Aplikacja od razu otwiera galerię zdjęć (dla logo nie ma opcji aparatu; jeśli trzeba, najpierw zrób zdjęcie).
2. Wybierz obraz: PNG, JPEG albo zrzut ekranu papieru firmowego. Selektor przyjmuje do 2048 px na bok dla pola kwadratowego i 4096 px dla pola szerokiego.
3. Otworzy się ekran Przytnij obraz (Crop image) z ramką zablokowaną na kształcie pola. Przeciągaj jednym palcem, aby przesunąć obraz, uszczypnij dwoma palcami, aby przybliżyć, albo użyj przycisków u dołu (patrz następna sekcja).
4. Dotknij haczyka w prawym górnym rogu. Aplikacja renderuje zawartość ramki do pliku PNG i wraca do edytora profilu, gdzie kafelek pokazuje już Twoje przycięcie, a przycisk zmienia się na Zmień.
5. Przewiń na dół i dotknij Zapisz zmiany (Save Changes) — lub Kontynuuj (Continue) w kreatorze powitalnym. Do tego momentu logo istnieje tylko w otwartym formularzu; opuszczenie ekranu je odrzuca, a aplikacja ostrzega przy wyjściu o niezapisanych zmianach.

Aby wypełnić drugie pole tym samym plikiem, powtórz kroki na drugim kafelku i wybierz obraz ponownie. Nora wybiera odznakę do pola kwadratowego, a baner z odznaką i logotypem do pola szerokiego, po czym przesuwa baner wewnątrz ramki 4:1.

Jak przycinać, obracać i przesuwać

Ekran przycinania jest czarny, z ramką kadru pośrodku. Wszystko, co widać wewnątrz ramki, trafia do logo — łącznie z jasną szachownicą wyświetlaną za przezroczystymi obszarami: zapisany obraz to płaski PNG, nie plik z przezroczystością. Cienka biała siatka trójpodziału pomaga wyrównać tekst względem krawędzi.

Sześć ikon u dołu nie ma podpisów; długie przytrzymanie pokazuje nazwę. Od lewej do prawej:

1. Najpierw dotknij Auto-dopasuj, jeśli obraz ma wokół siebie puste miejsce. Przycisk jest przez chwilę nieaktywny po otwarciu ekranu, gdy aplikacja odczytuje rozmiar obrazu.
2. Przeciągnij obraz tak, aby interesująca Cię część znalazła się wewnątrz ramki. Uszczypnij, aby przybliżyć na mały znak lub oddalić, żeby zmieścić więcej.
3. Jeśli źródło zostało zrobione bokiem, dotknij Obróć raz lub dwa. Obrót dwoma palcami pozwala też swobodnie obracać o dowolny kąt; użyj go, aby wyprostować lekko przekrzywiony skan.
4. Dotknij Wyśrodkuj, aby przyciągnąć obraz z powrotem na środek, gdy powiększenie Ci odpowiada, albo jednego z dwóch przycisków jednoosiowych, jeśli przesunęła się tylko jedna oś.
5. Dotknij Resetuj, aby zacząć od nowa, albo X w lewym górnym rogu, aby wyjść bez zmian w polu.
6. Dotknij haczyka, aby zachować przycięcie.

Aby ponownie przyciąć logo, które jest już w polu, dotknij Zmień i wybierz Przytnij obraz. Ekran przycinania otwiera się na zapisanym obrazie, czyli poprzednim przycięciu, a nie na oryginale: jeśli za pierwszym razem odcięłaś za dużo, użyj Zamień obraz (Replace image) i wybierz oryginał ponownie.

Jak zamienić, ponownie przyciąć lub usunąć logo

Gdy pole ma już obraz, przycisk Zmień nie przenosi od razu do galerii. Otwiera krótki arkusz na dole ekranu z trzema opcjami.

1. Dotknij Zmień pod polem, które chcesz edytować.
2. Wybierz Zamień obraz, aby wskazać nowy plik z galerii i przyciąć go, Przytnij obraz, aby ponownie otworzyć ekran przycinania na bieżącym obrazie, albo Usuń (Delete), aby wyczyścić pole.
3. Przy Usuń potwierdź w oknie o tytule Usunąć ten wpis? (Remove this entry?), dotykając czerwonego Usuń, albo wycofaj się przyciskiem Anuluj (Cancel).
4. Dotknij Zapisz zmiany na dole formularza. Jak głosi treść okna, usunięcie zostaje zastosowane dopiero po zapisaniu formularza.

Usunięcie dotyczy jednego wariantu — tego, który jest w danym momencie wybrany na liście rozwijanej danego pola. Jeśli szerokie pole pokazuje 4:1 i usuniesz obraz, wgrana wcześniej wersja 16:9 pozostanie nietknięta.

Jak przechowywać więcej niż jedną wersję logo

Każde pole przechowuje kilka niezależnych obrazów. Pole kwadratowe ma trzy numerowane wersje (v.1, v.2, v.3), wszystkie 1:1, a pole szerokie po jednym obrazie na każdą proporcję. Lista rozwijana nad kafelkiem robi dwie rzeczy naraz: przełącza, który obraz kafelek pokazuje i edytuje, oraz oznacza ten obraz jako aktywny, czyli tę wersję, której używa reszta aplikacji.

1. Otwórz listę rozwijaną nad polem i wybierz pustą pozycję (puste kółko), na przykład v.2 · 1:1 albo 16:9 · 1920×1080 px.
2. Kafelek staje się pusty, a przycisk zmienia się na Dodaj. Dotknij go, wybierz obraz, przytnij go w ramce o danym kształcie i potwierdź.
3. Otwórz listę ponownie i wybierz pozycję, która ma być domyślną na co dzień. Ta pozycja staje się aktywnym wariantem.
4. Dotknij Zapisz zmiany.

Nora trzyma standardową odznakę w v.1, a wersję zimową w v.2; w grudniu przełącza listę na v.2 i zapisuje. W polu szerokim ma logotyp 4:1 oraz wersję piętrową 16:9.

Przełączanie listy szerokiego logo nigdy nie zmienia kształtu istniejącego obrazu; wybór 2:1 po prostu pokazuje obraz 2:1, pusty lub nie. Aby mieć tę samą grafikę w drugim kształcie, wgraj ją ponownie pod tym kształtem.

Jak szablony decydują, które logo wydrukować

W Invoice Flow są dwie rodziny układów PDF i traktują one oba pola inaczej.

Szablony wbudowane (Clean, Professional, Modern, Classic i reszta z dwunastu, które wybierasz w Wybierz szablon (Select Template) w edytorze faktury) zawsze drukują szerokie logo. Obraz jest umieszczany w polu 60×60 pt w nagłówku z zachowaniem proporcji, więc logotyp 4:1 staje się paskiem o szerokości 60 pt i wysokości 15 pt, umieszczonym nad danymi firmy lub obok nich, zależnie od szablonu. Kwadratowy znak nie jest przez te szablony używany w ogóle.

Szablony niestandardowe z galerii szablonów i z edytora wizualnego zawierają osobne elementy o nazwach Kwadratowe logo (Square logo) i Szerokie logo (Wide logo). Układ drukuje te elementy, które zawiera. Spośród gotowych presetów na przykład Trades, Clean (w grupie Modern), Centered i Dense umieszczają znak kwadratowy, natomiast Business, Services, Accent stripe, Statement i Airy — szeroki. Element kwadratowy drukowany jest w rozmiarze 60×60 pt; element szeroki ma 40 pt wysokości i tyle szerokości, na ile pozwalają jego proporcje, co pasuje logotypowi znacznie lepiej niż wbudowane pole nagłówkowe.

Aby wyrenderować fakturę z układem korzystającym z kwadratowego logo, otwórz Ustawienia, potem Niestandardowe szablony (Custom templates), wybierz preset w Galerii szablonów (Template gallery) — lub zbuduj własny z elementem Kwadratowe logo — i dotknij Użyj (Use). Następnie w edytorze faktury wskaż ten szablon na karcie Niestandardowy szablon (Custom template) w sekcji Wybierz szablon. Poradniki o szablonach i o edytorze szablonów niestandardowych opisują to szczegółowo.

Dla pola szerokiego jest w edytorze faktury jeszcze jedna kontrolka. Gdy Twój profil ma wgrane dwie lub więcej wersji szerokich, poniżej wyboru szablonu pojawia się karta Wariant logo (Logo variant) z miniaturą dla każdej proporcji i przyciskiem Użyj domyślnego z profilu. Dotknięcie miniatury sprawia, że ta faktura drukuje właśnie tę wersję zamiast aktywnej z profilu; wybór zapisuje się razem z fakturą. Odpowiednikiem dla trzech wersji kwadratowych jest karta Wariant kwadratowego logo (Square logo variant).

Zasady i szczegóły

• Nic, co dotyczy logo, nie zostaje zapisane, dopóki nie dotkniesz Zapisz zmiany lub Kontynuuj. Dodawanie, przycinanie, usuwanie i przełączanie aktywnego wariantu do tego czasu żyje wyłącznie w otwartym formularzu.
• Przycięcie w każdym polu jest zablokowane na jego kształcie: 1:1 dla pola kwadratowego i proporcja aktualnie wybrana na liście rozwijanej dla pola szerokiego.
• Kadr jest renderowany z ekranu w dwu- do czterokrotności gęstości wyświetlania. W typowym telefonie daje to kwadratowe logo o rozmiarze mniej więcej 2000 px, wystarczająco ostre do druku. Wynikiem jest bezstratny PNG, ale jest on przechwytywany z jasnym tłem ramki pod spodem, więc przezroczyste obszary źródła wychodzą jako blada szachownica zamiast przezroczystości, a subtelne linie siatki także mogą zostać uchwycone.
• Aktywny wariant kwadratowy jest tym, co aplikacja pokazuje jako Twój awatar na kafelku profilu w Ustawieniach i na liście Profili firmowych. Jeśli kwadratowego logo nie ma w ogóle, awatar sięga po szerokie logo, a w dalszej kolejności po Twoje inicjały.
• Duplikowanie profilu z listy Profili firmowych kopiuje do nowego profilu wszystkie wersje logo.
• Szablony wbudowane drukują wyłącznie szerokie logo. Jeśli aktywna wersja szeroka jest pusta, nagłówek po prostu nie ma logo; kwadratowy znak go nie zastąpi.
• W szablonach niestandardowych element Kwadratowe logo drukuje aktywny wariant kwadratowy z profilu. Karta Wariant kwadratowego logo ustawia wartość na fakturze, ale renderer szablonów niestandardowych czyta obecnie aktywny wariant z profilu, a nie to nadpisanie; nadpisanie Wariant logo dla logo szerokiego jest respektowane przez obie rodziny szablonów.
• Same narzędzia do logo nie są ograniczone, ale otwarcie edytora profilu z Ustawień wymaga aktywnego okresu próbnego lub subskrypcji Pro, tak jak pozostałe ekrany Ustawień.
• Profile utworzone w starszych wersjach aplikacji, które miały jedno pole logo, działają dalej: ten obraz zostaje wczytany do pola szerokiego (pod aktywną proporcją), dopóki go nie zamienisz. Pole kwadratowe zaczyna puste.

Wskazówki

Powiązane poradniki

• Skonfiguruj profil firmy
• Szablony PDF, palety i czcionki
• Edytor szablonów niestandardowych