> ## 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). # Upload Photo feature We can allow your customer to upload their own photo to replace a layer in your design. # How to enable Upload Photo feature To enable this feature, go to Artwork Editor → select a layer that will be replaced by customer's photo → choose **"Upload photo"** in Personalization Options:. ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1xtivfx.png) Then there will be an option on storefront for customers to upload their photo: ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/on-store-front_1r239z2.png) | The size and position of the uploaded photo depends on the original layer. Final design in order will be the photo that customer uploaded. ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/photo-in-order_pa1he4.png) # Explanation of each feature ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1wxgsfy.png) || You will find various settings here. Please continue reading to learn more about them. ## Direct Upload, No Editor The Customer's Photo will be uploaded directly, without any effects, cropping, or reposition. The size of this photo will be the same as the one you are using for the Photo Upload layer. ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1xlclv9.png) | The photo Customer use will be as-is, with no additional edit at all. || The customer’s photo can be distorted if it does not match the ratio of the original layer. ## Photo Cropper | Usually, the uploaded photo will be scaled up or down to fit the size of the original layer. You can enable the photo cropper to give your customers more control of the uploaded photo. **Enable photo cropper**: a popup will show up when customer uploads a photo, allowing to resize, crop and zoom the photo. The crop ratio depends on the ratio of the original layer. ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/upload-photo6_1lym7o9.png) **Crop into a custom shape**: the photo which customers upload will be crop into a custom shape. You need to prepare a PNG image, it'll change the cropper to the shape of the visible part of the image. ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_xnq9q8.png) ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_v6vvm2.png) On photo cropper, an overlay will show up on the transparent or bright part of the shape image. It doesn't cover the dark or black part, so it'll leave the black shape be highlighted. The brighter a part is, the darker the overlay is. The overlay will be darkest on transparent part, and will be completely hidden on the darkest color (#000000). ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1hjvb71.png) | Therefore, we recommend using a solid black (#000000) for the shape image. || The overlay only shows on the cropper for preview purpose. It doesn't affect how the photo will be cropped, it'll still be cropped based on the visible part of the shape image. ## Photo Reposition The photo will be uploaded directly without cropping. And customers can adjust their photo’s position in the artwork and preview it in the mockup. ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_zm391r.png) This new feature will allow Customers to drag and drop, rotate, resize, and set exactly how they want to photo to be displayed. | With this feature, the Customers can freely configure their uploaded photo to their liking, with no restriction! ## Enable Live Preview You can enable the **"Live preview"** switch to show uploaded photo on gallery: ![](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 Read more instruction here: [How to use Remove Background feature](/en/article/how-to-use-remove-background-feature-5l4u9x/) ###### Custom Photo Upload with AI Effects Read more instruction here: [How to use Cutout.pro photo effects](https://support.teeinblue.com/en/article/how-to-use-cutoutpro-photo-effects-1f4ajsf/) ###### Custom Black and White Effects Read more insutruction here: [Black and White](https://support.teeinblue.com/en/article/black-white-feature-13m8bwh/) ###### Custom Photo Border Read more insutruction here: [Photo Border feature](https://support.teeinblue.com/en/article/photo-border-feature-gft8l7/) ###### Custom Portrait Sketch Read more insutruction here: [Portrait Sketch](https://support.teeinblue.com/en/article/portrait-sketch-feature-94lxtj/) ## Set minimum size ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1abyuve.png) Sometimes, the Customers might accidentally use a blurry picture, which can result in a bad printing. With this feature, you can set a minimum required size for their photo to ensure a good quality printing! --- | We also hope you notice a significantly better upload time for this feature! --- # Other Options ### Title Title is the personalization option's label that will display on live store. If you leave it blank, the personalization option will take the layer's name as its name automatically. ### Add instruction for customer Sometimes you need to show instructions for customers about image size, image ratio... You can add text to this field to show a small instruction below the upload option. ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/upload-photo9_5liwhq.png) | This field supports HTML format. You can use a [Word to HTML tool](https://wordhtml.com/) to convert your formatted text to HTML and paste to this field.