> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://support.teeinblue.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Về tính năng Upload photo # Về Upload photo Chức năng **Upload photo** sẽ cho phép khách hàng của bạn tự up ảnh của riêng họ đè lên một layer bất kì trong file design. # Hướng dẫn sử dụng tính năng tự upload ảnh Để sử dụng tính năng này, hãy vào Artwork Editor → chọn một mà bạn muốn khách hàng upload ảnh thay thế → chọn "Edit" → chọn "Upload photo" trong bảng Personalize Option ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1xtivfx.png) *Sau đó, trên storefront của bạn, tính năng đó sẽ xuất hiện như sau:* ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/on-store-front_1r239z2.png) || Kích thước và vị trí của photo mà khách hàng upload sẽ phụ thuộc vào hình ảnh gốc mà bạn upload trước đó. File design trong order sẽ là ảnh mà khách của bạn upload như dưới đây: ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/photo-in-order_pa1he4.png) # Giải thích cho từng tính năng Upload photo ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1wxgsfy.png) ## Upload ảnh trực tiếp, không chỉnh sửa Khách hàng có thể upload ảnh trực tiếp, không hiệu ứng, không cắt xén hoặc thay đổi vị trí. Kích thước của ảnh upload sẽ trùng khớp với kích thước ảnh mà bạn sử dụng cho layer photo upload trong artwork. ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1xlclv9.png) | Ảnh khách hàng upload sẽ được giữa nguyên, không qua bất cứ chỉnh sửa nào. || Hình ảnh upload có thể bị méo nếu nó không có cùng tỉ lệ với ảnh ban đầu bạn dùng cho layer gốc trong artwork ## Tính năng cắt ảnh (Cropping) || Thường thì ảnh mà khách của bạn dùng để upload sẽ được phóng to hoặc thu nhỏ để vừa với layer mà bạn đã setting trong Artwork Editor. Bạn có thể sử dụng tính năng cắt ảnh (photo cropper) để cho khách hàng có thể thoải mái điều chỉnh kích cỡ ảnh theo ý họ. ##### Enable photo cropper Một khung popup sẽ xuất hiện sau khi khách hàng upload ảnh. Khung popup này sẽ cho phép họ resize, cắt, hoặc zoom vào hình ảnh trước khi xác nhận upload. Tỉ lệ crop sẽ phụ thuộc vào tỉ lệ của layer mà bạn tải lên trong Artwork Editor. ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/upload-photo6_1lym7o9.png) **Crop into a custom shape**: Ảnh mà khách hàng upload sẽ được cắt theo hình dạng custom đặc biệt. Bạn cần chuẩn bị một ảnh PNG, ảnh này sẽ giúp phần hình ảnh được hiển thị theo đúng hình dạng mà bạn muốn. ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_xnq9q8.png) ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_v6vvm2.png) Trong phần cắt hình ảnh, một lớp phủ sẽ hiển thị trên phần trong suốt hoặc phần sáng hơn của hình ảnh. Lớp phủ không che phần ảnh tối, vì vậy nó sẽ để lại hình dạng ảnh trong màu đen được nổi bật. Vùng ảnh bên ngoài càng sáng thì lớp phủ càng tối. Lớp phủ sẽ tối nhất trên phần trong suốt và sẽ bị ẩn hoàn toàn trên màu tối nhất (#000000). ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1hjvb71.png) | Do đó, chúng tôi khuyến khích bạn sử dụng ảnh có màu đen đặc (#000000) cho ảnh custom shape này. || Phần lớp phủ này sẽ chỉ hiển thị với mục đích preview. Nó không thực sự ảnh hưởng đến việc ảnh bị cắt như thế nào, mà thay vào đó ảnh sẽ bị cắt dựa trên hình dạng của custom image mà bạn sử dụng. ## Photo Reposition Hình ảnh sẽ được upload trực tiếp mà không qua cắt xén nhưng khách hàng có thể điều chỉnh vị trí, kéo, thả, xoay, điều chỉnh kích thước của hình ảnh sao cho vừa với vị trí mà họ muốn trên mockup. ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_zm391r.png) | Với tính năng này, khách hàng có thể tự do setup hình ảnh upload của họ theo ý muốn mà không bị giới hạn. ## Tính năng Live Preview Bạn có thể bật tính năng "Live Preview" để cho khách hàng nhìn thấy ngay hình ảnh mà họ upload: ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/live-preview_m6puuu.png) ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/live-preview-on-store_1qr9y9f.png) ## Image effect ##### Remove background of uploaded photo Đọc thêm hướng dẫn tại: [Chức năng xóa phông - Remove background - cho ảnh của khách hàng](https://support.teeinblue.com/vi/article/chuc-nang-xoa-phong-remove-background-cho-anh-cua-khach-hang-bifx2j/) ###### Custom Photo Upload with AI Effects Đọc thêm hướng dẫn tại: [How to use Cutout.pro photo effects](https://support.teeinblue.com/vi/article/chuc-nang-them-hieu-ung-cho-anh-upload-cutoutpro-63lzdz/) ###### Custom Black and White Effects Read more insutruction here: [Black and White] ###### Custom Photo Border Read more insutruction here: [Photo Border feature] ###### Custom Portrait Sketch Read more insutruction here: [Portrait Sketch](https://support.teeinblue.com/vi/article/ve-hieu-ung-portrait-sketch-edzmz1/) ## Set minimum size ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1abyuve.png) Đôi khi, khách hàng có thể vô tình upload các hình ảnh kém chất lượng dẫn đến file in của bạn không được như ý muốn. Tính năng này sẽ giúp bạn yêu cầu khách hàng upload hình ảnh với một kích thước tối thiếu để đảm bảo chất lượng sản phẩm. --- | Chúng tôi hy vọng bạn cũng chú ý rằng tốc độ upload ảnh đã được cải thiện rất nhiều cho tính năng này --- ## Các tùy chỉnh lựa chọn khác ##### Title Title là tên của đề mục sẽ được xuất hiện trên storefront của bạn. Nếu bạn để field này trống, thì title sẽ được lấy theo tên của layer khi bạn upload lên. ##### Add instruction for customer Có lúc bạn sẽ cần phải có hướng dẫn cho khách hàng về kích cỡ, tỉ lệ của ảnh mà họ dùng để upload. Bạn có thể thêm một đoạn text vào field này để hướng dẫn khách hàng của mình. ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/upload-photo9_5liwhq.png) | Field này cho phép bạn dùng định dạng HTML. Bạn có thể dùng công cụ [Word to HTML tool](https://wordhtml.com/) để chuyển đổi đoạn text của bạn thành dạng HTML và paste chúng vào đây.