Hướng dẫn sử dụng

Thêm logo vuông và logo rộng

Tải lên logo vuông và logo chữ dạng rộng, cắt và xoay ngay trong ứng dụng, lưu nhiều biến thể và biết mẫu PDF nào in loại logo nào.

Cập nhật: 2026-09-09

Phần lớn doanh nghiệp sở hữu logo ở nhiều hình dạng khác nhau. Có một dấu hiệu nhận diện gọn nằm vừa trong hình tròn hoặc hình vuông, và có một phiên bản dài hơn với tên công ty viết đầy đủ bên cạnh. Invoice Flow lưu cả hai, trong hai ô riêng biệt trên hồ sơ doanh nghiệp, vì chúng đảm nhiệm hai vai trò khác nhau: logo vuông là ảnh đại diện của bạn bên trong ứng dụng và là thành phần mà một số bố cục PDF tùy chỉnh in ra, còn phiên bản rộng là thứ mà mười hai mẫu hóa đơn tích hợp đặt ở đầu trang. Nếu bạn chỉ có một tệp duy nhất, bạn vẫn có thể lấp đầy cả hai ô từ tệp đó: màn hình cắt ảnh cho phép bạn cắt một hình vuông ra từ một banner rộng, hoặc một dải rộng ra từ một tấm poster.

Hướng dẫn này đi theo Tidewater Brewing Company, một xưởng bia nhỏ ở Portland, bang Maine, chuyên giao thùng bia cho các quán bar quanh khu Old Port. Chủ xưởng, Nora Quinlan, có một huy hiệu tròn màu xanh lá với hai chữ TB và một logo chữ dạng rộng. Cô muốn huy hiệu xuất hiện trong ứng dụng và trên hóa đơn kiểu ngành nghề đi kèm các chuyến giao thùng bia, còn logo chữ thì dùng cho hóa đơn gọn gàng hơn gửi tới các nhà hàng.

Việc thiết lập phần còn lại của hồ sơ có hướng dẫn riêng; bài này chỉ nói về hàng logo, màn hình cắt ảnh phía sau nó, và cách các mẫu PDF lựa chọn giữa hai hình ảnh.

Những gì bạn thấy trên màn hình

Mở Cài đặt (Settings) và chạm vào ô hồ sơ ở trên cùng (hoặc Hồ sơ doanh nghiệp (Business Profiles), rồi chọn một hồ sơ). Biểu mẫu mở ra có tiêu đề Chỉnh sửa hồ sơ doanh nghiệp (Edit Business Profile), và hàng đầu tiên của nó là hàng logo. Ở lần khởi chạy đầu tiên, chính hàng này cũng xuất hiện trên trang thứ hai của phần giới thiệu.

Hàng này có hai ô:

Ô trống hiển thị biểu tượng máy ảnh kèm dấu cộng và nút Thêm (Add) bên dưới. Khi đã có ảnh trong ô, ô sẽ hiển thị ảnh theo đúng tỷ lệ thật trên nền có màu và nút đổi thành Đổi (Change). Trong mỗi danh sách thả xuống, vòng tròn tích đặc ở trước một mục nghĩa là biến thể đó đã có ảnh; vòng tròn rỗng nghĩa là còn trống.

Màn hình Edit Business Profile của ứng dụng Invoice Flow với ô logo vuông hiển thị huy hiệu tròn màu xanh lá Tidewater Brewing và ô rộng 4:1 hiển thị logo chữ Tidewater Brewing Company, cả hai đều có nút Change, phía trên các trường chữ ký và tên
Hồ sơ của Nora với huy hiệu ở ô vuông và logo chữ ở ô rộng 4:1.

Cách tải logo lên một ô

Quy trình giống nhau cho cả hai ô; chỉ khác hình dạng khung cắt.

  1. Trong trình chỉnh sửa hồ sơ, chạm vào ô trống hoặc nút Thêm của nó. Ứng dụng mở thư viện ảnh của bạn ngay lập tức (không có tùy chọn chụp ảnh cho logo; hãy chụp trước nếu cần).
  2. Chọn ảnh: một tệp PNG, JPEG hoặc ảnh chụp màn hình tiêu đề thư của bạn. Trình chọn chấp nhận tối đa 2048 px mỗi cạnh cho ô vuông và 4096 px cho ô rộng.
  3. Màn hình Cắt ảnh (Crop image) mở ra với khung khóa theo hình dạng của ô. Kéo bằng một ngón tay để di chuyển ảnh, chụm hai ngón để thu phóng, hoặc dùng các nút dọc theo cạnh dưới (xem phần tiếp theo).
  4. Chạm vào dấu tích ở góc trên bên phải. Ứng dụng kết xuất khung thành tệp PNG và quay lại trình chỉnh sửa hồ sơ, nơi ô giờ hiển thị phần cắt của bạn và nút ghi Đổi.
  5. Cuộn xuống dưới cùng và chạm Lưu thay đổi (Save Changes) (hoặc Tiếp tục (Continue) trong quá trình giới thiệu). Cho đến khi bạn làm vậy, logo chỉ tồn tại trong biểu mẫu đang mở; rời khỏi màn hình sẽ hủy nó, và ứng dụng sẽ cảnh báo về các thay đổi chưa lưu khi bạn thoát.

Để lấp ô còn lại từ cùng một tệp, hãy lặp lại các bước trên ô kia và chọn lại ảnh đó. Nora chọn huy hiệu cho ô vuông và một banner gồm huy hiệu lẫn logo chữ cho ô rộng, rồi trượt banner vào bên trong khung 4:1.

Cách cắt, xoay và đặt lại vị trí

Màn hình cắt có nền đen với khung cắt ở giữa. Mọi thứ nhìn thấy bên trong khung sẽ trở thành logo, kể cả hoa văn ca-rô nhạt hiển thị phía sau các vùng trong suốt: ảnh được lưu là một tệp PNG phẳng, không phải ảnh trong suốt. Một lưới chia ba mảnh màu trắng giúp bạn căn chữ với các cạnh.

Màn hình Crop image của ứng dụng Invoice Flow với khung 4:1 chứa banner Tidewater Brewing được đẩy hơi sang trái để lộ một dải ca-rô bên phải, và sáu biểu tượng điều khiển màu trắng dọc cạnh dưới
Khung 4:1 sau khi dùng Tự khớp và kéo nhẹ sang trái; hoa văn ca-rô bên phải là nơi ảnh gốc không còn điểm ảnh.

Sáu biểu tượng ở cạnh dưới không có nhãn chữ; nhấn giữ sẽ hiện tên. Từ trái sang phải:

Biểu tượngTên (chú thích khi nhấn giữ)Chức năng
Dấu thập trong khungCăn giữa (Center)Đưa ảnh về chính giữa khung theo cả hai chiều, giữ nguyên mức thu phóng và góc xoay.
Vạch dọc giữa hai mũi tênCăn giữa ngang (Center horizontally)Chỉ căn giữa theo chiều trái–phải; vị trí theo chiều dọc giữ nguyên.
Vạch ngang giữa hai mũi tênCăn giữa dọc (Center vertically)Chỉ căn giữa theo chiều trên–dưới.
Mũi tên cong với hình vuôngXoay (Rotate)Xoay ảnh 90 độ theo chiều kim đồng hồ mỗi lần chạm. Bốn lần chạm là trở về ban đầu.
Khung với các mũi tênTự khớp (Auto-fit)Thu phóng để ảnh phủ kín toàn bộ khung không còn lề trống (cạnh ngắn hơn khớp vào khung; cạnh dài hơn có thể bị cắt) và căn giữa ảnh. Góc xoay được giữ nguyên.
Mũi tên vòng trònĐặt lại (Reset)Đưa ảnh về trạng thái ban đầu: căn giữa, vừa trong khung, không xoay.
  1. Chạm Tự khớp trước nếu ảnh có nhiều khoảng trống xung quanh. Nút này bị vô hiệu trong giây lát sau khi màn hình mở ra, trong lúc ứng dụng đọc kích thước ảnh.
  2. Kéo ảnh sao cho phần bạn muốn nằm bên trong khung. Chụm ngón tay để phóng to một dấu hiệu nhỏ hoặc thu nhỏ để lấy nhiều hơn.
  3. Nếu ảnh gốc bị chụp nghiêng, hãy chạm Xoay một hoặc hai lần. Xoay bằng hai ngón tay cũng cho phép xoay tự do ở bất kỳ góc nào; dùng cách này để nắn thẳng một bản quét hơi lệch.
  4. Chạm Căn giữa để đưa ảnh về giữa khi bạn đã hài lòng với mức thu phóng, hoặc một trong hai nút căn giữa theo một trục nếu chỉ một chiều bị lệch.
  5. Chạm Đặt lại để làm lại từ đầu, hoặc dấu X ở góc trên bên trái để giữ nguyên ô như cũ.
  6. Chạm dấu tích để giữ phần cắt.
Màn hình Crop image của ứng dụng Invoice Flow với khung vuông 1:1 trong đó banner Tidewater Brewing đã được xoay 90 độ và phóng to bằng Auto-fit để huy hiệu lấp đầy phần trên của khung
Cùng banner đó trong khung 1:1 sau một lần chạm Xoay và một lần chạm Tự khớp; lưới cho thấy huy hiệu sẽ nằm ở đâu.

Để cắt lại một logo đã có trong ô, hãy chạm Đổi và chọn Cắt ảnh. Màn hình cắt mở ra với ảnh đã lưu, tức là phần cắt trước đó chứ không phải ảnh gốc: nếu lần đầu bạn cắt mất quá nhiều, hãy dùng Thay ảnh (Replace image) và chọn lại ảnh gốc.

Khi một ô đã có ảnh, nút Đổi không còn nhảy thẳng tới thư viện ảnh nữa. Nó mở một bảng trượt lên ngắn gọn với ba lựa chọn.

Trình chỉnh sửa hồ sơ của ứng dụng Invoice Flow bị làm mờ phía sau một bảng trượt lên với ba hàng: Replace image kèm biểu tượng tải lên, Crop image kèm biểu tượng cắt, và Delete màu đỏ kèm biểu tượng thùng rác
Bảng phía sau nút Đổi: thay ảnh từ thư viện, cắt lại ảnh đã lưu, hoặc xóa biến thể đang chọn.
  1. Chạm Đổi dưới ô bạn muốn chỉnh sửa.
  2. Chọn Thay ảnh để chọn một tệp mới từ thư viện và cắt nó, Cắt ảnh để mở lại màn hình cắt với ảnh hiện tại, hoặc Xóa (Delete) để làm trống ô.
  3. Với Xóa, hãy xác nhận trong hộp thoại có tiêu đề Xóa mục này? (Remove this entry?) bằng cách chạm nút Xóa màu đỏ, hoặc thoát ra bằng Hủy (Cancel).
  4. Chạm Lưu thay đổi ở cuối biểu mẫu. Như nội dung hộp thoại đã ghi, việc xóa chỉ được áp dụng khi biểu mẫu được lưu.
Hộp thoại cảnh báo của ứng dụng Invoice Flow có tiêu đề Remove this entry? với dòng chữ It will be removed from the list. Tap Save changes at the bottom to apply, và các nút Cancel và Delete
Việc xóa chỉ làm trống biến thể đang được chọn trong danh sách thả xuống; các biến thể còn lại vẫn nguyên.

Việc xóa chỉ ảnh hưởng đến một biến thể, đúng biến thể đang được chọn trong danh sách thả xuống của ô đó. Nếu ô rộng đang hiển thị 4:1 và bạn xóa, phiên bản 16:9 bạn đã tải lên trước đó vẫn còn nguyên.

Mỗi ô lưu trữ vài ảnh độc lập. Ô vuông có ba phiên bản được đánh số (v.1, v.2, v.3), tất cả đều 1:1, còn ô rộng có một ảnh cho mỗi tỷ lệ khung hình. Danh sách thả xuống phía trên ô làm hai việc cùng lúc: nó chuyển đổi ảnh mà ô hiển thị và cho phép chỉnh sửa, đồng thời đánh dấu ảnh đó là ảnh đang hoạt động, tức phiên bản mà phần còn lại của ứng dụng sử dụng.

Trình chỉnh sửa hồ sơ của ứng dụng Invoice Flow với danh sách thả xuống logo vuông đang mở, hiển thị v.1 · 1:1 và v.2 · 1:1 với vòng tròn tích đặc và v.3 · 1:1 với vòng tròn rỗng
Ba phiên bản vuông; v.1 và v.2 đã có ảnh, v.3 còn trống.
Trình chỉnh sửa hồ sơ của ứng dụng Invoice Flow với danh sách thả xuống logo rộng đang mở, liệt kê 4:1 · 1200×300 px và 16:9 · 1920×1080 px với vòng tròn tích đặc và 3:1 · 1500×500 px và 2:1 · 1200×600 px với vòng tròn rỗng
Các phiên bản rộng theo từng tỷ lệ khung hình; 4:1 và 16:9 đã tải lên, 3:1 và 2:1 còn trống.
  1. Mở danh sách thả xuống phía trên ô và chọn một mục còn trống (vòng tròn rỗng), ví dụ v.2 · 1:1 hoặc 16:9 · 1920×1080 px.
  2. Ô trở nên trống và nút ghi Thêm. Chạm vào nút đó, chọn ảnh, cắt ảnh trong khung ứng với hình dạng đó và xác nhận.
  3. Mở lại danh sách thả xuống và chọn mục bạn muốn dùng làm mặc định hằng ngày. Mục đó trở thành biến thể đang hoạt động.
  4. Chạm Lưu thay đổi.

Nora giữ huy hiệu tiêu chuẩn ở v.1 và một phiên bản mùa đông ở v.2; đến tháng Mười Hai cô chuyển danh sách thả xuống sang v.2 và lưu lại. Ở ô rộng, cô có logo chữ 4:1 và một phiên bản xếp chồng 16:9.

Việc chuyển đổi danh sách thả xuống của ô rộng không bao giờ định dạng lại một ảnh đã có; chọn 2:1 chỉ đơn giản là hiển thị ảnh 2:1, dù nó trống hay không. Muốn dùng cùng một tác phẩm ở hình dạng thứ hai, hãy tải nó lên lần nữa dưới hình dạng đó.

Cách các mẫu quyết định in logo nào

Có hai nhóm bố cục PDF trong Invoice Flow, và chúng đối xử với hai ô theo cách khác nhau.

Mẫu tích hợp (Clean, Professional, Modern, Classic và phần còn lại trong mười hai mẫu bạn chọn ở Chọn mẫu (Select Template) trong trình chỉnh sửa hóa đơn) luôn in logo rộng. Ảnh được đặt trong một khung 60×60 pt ở đầu trang và giữ nguyên tỷ lệ, nên một logo chữ 4:1 sẽ trở thành một dải rộng 60 pt và cao 15 pt, nằm phía trên hoặc bên cạnh thông tin công ty tùy theo mẫu. Các mẫu này không bao giờ dùng logo vuông.

Mẫu tùy chỉnh (Custom templates) từ thư viện mẫu và trình chỉnh sửa trực quan chứa các thành phần riêng biệt tên là Logo vuông (Square logo) và Logo rộng (Wide logo). Một bố cục sẽ in bất kỳ thành phần nào nó chứa. Chẳng hạn, trong các mẫu dựng sẵn, Ngành nghề (Trades), Tinh gọn (Clean, trong nhóm Hiện đại), Căn giữa (Centered) và Dày đặc (Dense) đặt logo vuông, còn Doanh nghiệp (Business), Dịch vụ (Services), Sọc nhấn (Accent stripe), Tuyên ngôn (Statement) và Thoáng đãng (Airy) đặt logo rộng. Thành phần vuông in ở kích thước 60×60 pt; thành phần rộng cao 40 pt và rộng tùy theo tỷ lệ cho phép, điều này phù hợp với logo chữ hơn hẳn so với khung đầu trang của mẫu tích hợp.

PDF hóa đơn TBC-2042 của ứng dụng Invoice Flow theo mẫu tích hợp Clean với logo chữ Tidewater Brewing dạng rộng in nhỏ ở góc trên bên trái cạnh tên và địa chỉ công ty, một khung Bill To màu xanh và bảng bốn dòng thùng bia
Mẫu tích hợp Clean: logo chữ dạng rộng trong khung đầu trang 60 pt.
PDF hóa đơn TBC-2042 của ứng dụng Invoice Flow kết xuất bằng mẫu tùy chỉnh Trades, hiển thị huy hiệu tròn màu xanh lá TB phía trên tên công ty và số điện thoại bên trái và dòng chữ INVOICE lớn ở giữa với bảng màu xanh lá
Mẫu Ngành nghề: vẫn hóa đơn đó, nhưng huy hiệu vuông được in phía trên tên công ty.

Để kết xuất hóa đơn bằng một bố cục dùng logo vuông, hãy mở Cài đặt, rồi Mẫu tùy chỉnh, chọn một mẫu dựng sẵn trong Thư viện mẫu (Template gallery) (hoặc tự dựng mẫu của bạn với thành phần Logo vuông) và chạm Dùng (Use). Sau đó, trong trình chỉnh sửa hóa đơn, chọn mẫu đó trong thẻ Mẫu tùy chỉnh (Custom template) nằm dưới Chọn mẫu. Các hướng dẫn về mẫu và về trình chỉnh sửa mẫu tùy chỉnh nói kỹ hơn về việc này.

Với ô rộng còn có thêm một điều khiển nữa trong trình chỉnh sửa hóa đơn. Khi hồ sơ của bạn đã tải lên từ hai phiên bản rộng trở lên, một thẻ Biến thể logo (Logo variant) xuất hiện bên dưới phần chọn mẫu, với một ảnh thu nhỏ cho mỗi tỷ lệ khung hình và nút Sử dụng mặc định của hồ sơ (Use profile default). Chạm vào một ảnh thu nhỏ sẽ khiến hóa đơn đó in phiên bản ấy thay vì phiên bản đang hoạt động của hồ sơ; lựa chọn này được lưu cùng hóa đơn. Một thẻ tương ứng là Biến thể logo vuông (Square logo variant) tồn tại cho ba phiên bản vuông.

Quy tắc và chi tiết

Màn hình cắt chụp lại chính xác những gì nằm bên trong khung: nền của tệp gốc, và hoa văn ca-rô nhạt ở bất cứ đâu ảnh gốc trong suốt hoặc không vươn tới cạnh khung. Nếu bảng màu PDF của bạn tối, hình chữ nhật sáng đó sẽ được in quanh logo. Hãy dùng Tự khớp để tác phẩm phủ kín toàn bộ khung, và ưu tiên ảnh gốc có nền trùng với màu giấy (thường là trắng).

Mẹo

Hãy lấp đầy cả hai ô ngay cả khi bạn nghĩ mình chỉ cần một. Mẫu tích hợp cần phiên bản rộng, còn ảnh đại diện của ứng dụng và vài mẫu dựng sẵn trong thư viện cần phiên bản vuông; đổi mẫu về sau nhanh hơn nhiều so với việc phải mở lại hồ sơ để tải lên hình dạng còn thiếu.
Với ô vuông, hãy cắt sát. Logo được in ở kích thước 60 pt, khoảng 2 cm, nên một huy hiệu chừa lề rộng rãi sẽ trở nên rất nhỏ. Dùng Tự khớp, rồi chụm ngón tay phóng to đến khi tác phẩm chạm vào các đường chia ba mảnh.
Hãy giữ một phiên bản sáng và một phiên bản tối của logo rộng ở hai mục tỷ lệ khác nhau, ví dụ bản tiêu chuẩn ở 4:1 và bản chữ trắng ở 16:9. Trên những hóa đơn dùng bảng màu tối, hãy chọn phiên bản sáng trong thẻ Biến thể logo mà không cần đụng đến hồ sơ.

Hướng dẫn liên quan