Wixel’s AI capabilities make it easy to create stunning designs from scratch or enhance your existing images, with everything you need to achieve professional results. Bring your ideas to life by gene...

Wixel: An overview of AI capabilities

Discover how to leverage Wixel's AI capabilities to create stunning designs and enhance your images effortlessly. With tools like the AI Image Generator, Avatar Creator, and Portrait Generator, you can produce high-quality visuals, unique avatars, and professional portraits in seconds. Refine your designs with editing features such as background removal, image expansion, and smart selection to achieve polished results. Start creating and bring your ideas to life with Wixel's intuitive AI tools!

<div data-component-type="text"><div>Wixel’s AI capabilities make it easy to create stunning designs from scratch or enhance your existing images, with everything you need to achieve professional results. Bring your ideas to life by generating high-quality visuals with the AI image generator, craft unique avatars, or turn everyday snapshots into professional headshots.</div></div><div data-component-type="text"><div>Once your design is ready—or even if you’re working with an existing image—refine it to perfection with our editing tools. Remove or change the background, edit specific areas in your image, or expand it to the size you need.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/03/41deb980-3255-4bb8-a945-271d710fca38/953b99df-7ae8-4665-b2f5-b63701ecc289.png" alt="A screenshot of generating an image of a bundt cake with a prompt." /></div></div><div data-component-type="html"><div class="call-to-action-wrapper" style="display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 18px 24px; border: 1px solid #d6e6fe; gap: 15px; border-radius: 6px; box-sizing: border-box; width: 100%; max-width: 100%; overflow: hidden;">
    <div class="call-to-action-wrapper-text" style="font-size: 14px; font-weight: 700; line-height: 18px;">
        Ready to get started?
    </div>
    <div class="call-to-action-buttons-wrapper" style="display: flex; flex-direction: row; gap: 6px;">
        <a target="_blank" href="https://www.wix.com/intro/wixel" class="call-to-action-button call-to-action-primary-button article-log-in-button" style="padding: 6px 18px; border-radius: 100px; font-size: 14px; font-weight: 500; line-height: 18px; text-decoration: none; background-color: #116dff; color: #ffffff;">
        Start creating with AI
      </a>
  </div>
</div>
  
</div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="ai-image-generator" level="3">AI Image Generator</h2></div><div data-component-type="text"><div>Create high-quality AI-generated images in seconds. Describe your idea, define your style, and let AI bring your vision to life. This tool makes it quick and easy to unleash your creativity - perfect for creating banners, illustrations, blog visuals, and more.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/01/6eba2653-17b6-4760-a56c-a6418bcf6868/da2ef920-d6d6-4ec3-8a6c-2da06be37ed5.png" alt="A screenshot of using the Generate Image tool in Wixel." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wixel-generating-an-image-with-ai" target="">Learn more about using the AI Image Generator.</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="avatar-creator" level="3">Avatar Creator</h2></div><div data-component-type="text"><div>Turn real-life images into your own virtual persona to add a personal and creative touch to your designs. Avatars are perfect for adding charm to birthday invitations, presentations, social media posts, and more.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/05/21/f83bc509-61ab-4958-bb33-512c89cd0340/158204c7-6f07-4e75-96f8-08b3de4fd758.png" alt="A screenshot of creating an avatar in Wixel." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wixel-generating-an-avatar-with-ai" target="">Learn more about using the Avatar Creator.</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="portrait-generator" level="3">Portrait Generator</h2></div><div data-component-type="text"><div>Turn everyday photos into polished, professional portraits that make a great first impression. This is a quick and easy way to make sleek images for LinkedIn, corporate websites, or high-quality photos for conference materials and speaking engagements.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/05/21/689393c1-3bde-4b0a-b99a-1e8147f73ffa/28bf4978-db05-42a9-ad57-eaddc3cda2df.png" alt="A screenshot of generating a portrait in Wixel." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wixel-generating-a-professional-portrait-with-ai" target="">Learn more about using the Portrait Generator.</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="generate-image-variations" level="3">Generate Image Variations</h2></div><div data-component-type="text"><div>Effortlessly create multiple variations of any image using AI. Upload your image, customize the style, and let AI create different versions that match your vision. This tool makes it simple to diversify your visual content while maintaining the essence of your idea.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/05/22/ba6b37cc-48e2-4cfc-9853-8c4b5a3b5220/530902f3-a463-4b61-aa15-e6633c391d81.png" alt="A screenshot of the Generate Image Variations tool in Wixel" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wixel-generating-image-variations-with-ai" target="">Learn more about using Generate Image Variations.</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="remove-background" level="3">Remove Background</h2></div><div data-component-type="text"><div>Easily remove the background of any image with precision. This tool helps you remove distracting backgrounds, making it easier to reuse images in different contexts. It's great for making clean, transparent backgrounds for logos, products, icons, and more.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2025/04/03/e0675f9f-37da-49f7-9fa1-8ef5a3498d1e/0711514e-2cf2-433e-93e3-524e3903f5d4.png" alt="A screenshot comparing an image before removing the background and after." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wixel-removing-an-images-background-with-ai" target="">Learn more about using Remove Background.</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="replace-background" level="3">Replace Background</h2></div><div data-component-type="text"><div>Swap out the background of your image with one that better suits your needs. Replace it with your own AI-generated design or choose from solid colors, patterns, and images. For example, you can generate a scenic view to add atmosphere or choose a clean backdrop to make a product stand out.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/02/66863503-6f57-421b-bcff-888a40b03173/df9f32d6-8f9b-4931-a3e1-3c7ceaa22e7a.png" alt="A screenshot of generating a background using the Replace Background tool with AI in Wixel." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wixel-replacing-an-images-background-with-ai" target="">Learn more about using Replace Background.</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="smart-select" level="3">Smart Select</h2></div><div data-component-type="text"><div>Replace or remove specific objects in your image. Using this tool, you can select an object or brush over an area of the image you want to edit. For example, you can remove a hat someone is wearing, or replace binoculars with a digital camera.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/02/11f55f28-3105-45e4-b9eb-08625b3b5f8b/7c5ff09f-5a49-4c51-b6ed-0753da3d3a9c.png" alt="A screenshot of changing an image of a tennis ball to a baseball" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wixel-using-ai-to-edit-images" target="">Learn more about using Smart Select.</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="expand" level="3">Expand</h2></div><div data-component-type="text"><div>Expand an image in any direction and let AI add realistic details to fill in the rest. It gives you the freedom to create larger canvases or adjust your design's proportions. For example, expanding a family beach photo adds AI-generated details like sand and waves to fill the space naturally.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/02/06240986-c83b-463c-9689-be36625820af/b37a73cc-6039-4fab-8f1d-d474e43f6097.png" alt="A screenshot of using the Expand tool in Wixel." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wixel-using-ai-to-expand-an-image" target="">Learn more about using Expand.</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more about designing with AI.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How many credits does each tool use?</h4><div class="collapsible-content"><div>Each time you generate or modify an image with an AI tool, <strong>one AI credit</strong> is used—whether you save the result or not.</div><div><br /></div><div>For certain tools like the AI image generator, where multiple options are created per use (e.g. 4 options), it still only counts as <strong>one credit per generation</strong>.</div><div><br /></div><div><strong>Notes: </strong></div><ul>
  <li>The <strong>Remove Background</strong> tool does not use any AI credits. </li>  <li>The <strong>Replace Background</strong> tool only uses AI credits when you generate a background with AI. It does not use any credits if you select a solid color, pattern, or image.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I save elements that I generated with AI for other projects?</h4><div class="collapsible-content"><div>Yes, you can save any image or object you generated. When you save it, it'll appear in your <strong>My Media</strong> folder on the left panel.</div><ol>
  <li><a data-composite="true" href="https://manage.wix.com/wixel/projects" target="_blank">Go to your project in Wixel</a>.</li>  <li>Select the relevant image.</li>  <li>Click <strong>Save to My Media </strong>at the top.</li>  <li>Choose what to save:
    <ul>
      <li><strong>Save this image:</strong> Give the image a name and click <strong>Save</strong>.</li>      <li><strong>Save object from this image: </strong>Click the object or use the <strong>Mark area</strong> option to brush over an area of the image. Then click <strong>Save to My Media</strong>, give the object a name, and click <strong>Save</strong>.</li>    </ul>  </li></ol><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/03/8d0c94fe-7a0f-450c-beef-e3a53d696136/563c9c1d-44bb-4294-8fbd-6f204e11b288.png" alt="A screenshot of saving an object to My Media in Wixel." /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What other editing tools can I use?</h4><div class="collapsible-content"><div><a data-composite="true" href="https://www.wix.com/wixel" target="_blank">Wixel</a> offers standard <a data-composite="true" href="https://support.wix.com/en/article/wixel-using-the-photo-editing-tools-6630758" target="">photo studio editing tools</a> to adjust, enhance, and transform your design elements.</div><h4>To edit your design:</h4><ol>
  <li><a data-composite="true" href="https://manage.wix.com/wixel/projects" target="_blank">Go to your project in Wixel</a>.</li>  <li>Select the relevant image.</li>  <li>Click <strong>Edit Image </strong>at the top. </li>  <li>Choose from the available editing options:
    <ul>
      <li><strong>Crop: </strong>Cut and resize your image. Depending on your project, you may need to crop images for optimal display on desktop, mobile, or social media. You can also click and drag the corners of an element to crop it.</li>      <li><strong>Color filters: </strong>Instantly change the look and feel of your image by applying various styles, from bold and vibrant to soft and muted. This helps you quickly achieve a cohesive look that matches your design's tone and mood.</li>      <li><strong>Adjust: </strong>Fine-tune your image's light, color, and effects, adjusting elements like brightness, saturation, and sharpness. You can also auto-enhance your image.</li>    </ul>  </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What should I know about using AI-generated content?</h4><div class="collapsible-content"><div>Before using any AI-generated content, we recommend double-checking that you have the right to use it. <a data-composite="true" href="https://support.wix.com/en/article/understanding-the-potential-risks-of-using-generative-ai-tools" target="">Review the potential risks of using generative AI tools</a>.</div></div></div></div>

Create high-quality AI-generated images in seconds. Describe your idea, define your style, and let AI bring your vision to life. This tool makes it quick and easy to unleash your creativity - perfect ...

Wixel: Generating an image with AI

Discover how to create stunning AI-generated images in seconds using Wixel. Simply describe your vision, choose your style, and let the AI bring it to life. This tool is perfect for crafting banners, illustrations, and blog visuals. Learn how to customize your images, reuse prompts for future designs, and troubleshoot common issues to achieve your desired results. Unleash your creativity effortlessly!

<div data-component-type="text"><div>Create high-quality <a data-composite="true" href="https://www.wix.com/wixel/ai-image-generator" target="_blank">AI-generated images</a> in seconds. Describe your idea, define your style, and let AI bring your vision to life. This tool makes it quick and easy to unleash your creativity - perfect for creating banners, illustrations, blog visuals, and more.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/01/c9411c6a-0293-4781-b620-dfeb19306dd5/c454ac5a-be71-46f5-8109-ad5fe10f62fb.png" alt="A screenshot of a prompt and the generated image." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="generating-an-image" level="3">Generating an image</h2></div><div data-component-type="text"><div>Create an image using AI by describing the image you envision and customizing the output. </div></div><div data-component-type="heading"><h2 id="" level="4">To generate an image:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/wixel/projects" target="_blank">Go to your project in Wixel</a>.</li>  <li>Click <strong>New Design</strong> on the left.</li>  <li>Click <strong>Generate Image</strong>.</li>  <li>Enter your description in the <strong>Describe your image you want to create</strong> field.<br />
<strong>Tip: </strong>Click <strong>Enhance Prompt </strong>to automatically make your text more detailed and descriptive.</li>  <li>(Optional) Customize your image output.
    <ul>
      <li><strong>Add a person or object: </strong>Include an image of a specific person or object.<br />
<strong>Note: </strong>If adding an object, you can toggle the option of using it as a reference for creating a similar object.</li>      <li><strong>Choose an image size: </strong>Select an image type from the drop-down (e.g. Instagram, business) and the relevant size.</li>      <li><strong>Customize your image: </strong>Choose<strong> </strong>your desired style, camera angle, and other settings to refine your output.</li>    </ul>  </li>  <li>Click <strong>Generate Image</strong>.</li>  <li>Once the image is generated, choose what you want to do:
    <ul>
      <li><strong>Download the image:</strong> Hover over the relevant image and click the <strong>Download</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/01/1e718cef-b63a-4f96-987a-fe8bbbdcefb0/d15ebbd8-2ef9-4b12-8578-2e982e9d052e.png" /> to save it to your device.</li>      <li><strong>Edit the image:</strong> Hover over the relevant image and click <strong>Edit</strong> to continue modifying the image.</li>      <li><strong>Generate more options: </strong>Click <strong>Generate Image </strong>to get more suggestions.<br />
<strong>Note:</strong> Generated images are not automatically saved, so make sure to download the images you want before generating new options.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/06/29/b3f33f93-c635-4ad3-b6a7-a575f7d573bf/d8489aa8-7049-4af7-bb96-79302facef7e.png" alt="A screenshot of using the Generate Image tool in Wixel." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="viewing-and-reusing-prompts" level="3">Viewing and reusing prompts</h2></div><div data-component-type="text"><div>After you generate an image, you can see the exact description that was used to create it. Copy or reuse the prompt to help you get closer to your desired result, without starting over from scratch.</div></div><div data-component-type="heading"><h2 id="" level="4">To view and reuse a prompt:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/wixel/projects" target="_blank">Go to your project in Wixel</a>.</li>  <li>Select the relevant image.</li>  <li>Click <strong>Original Prompt</strong>.</li>  <li>Choose what you want to do:
    <ul>
      <li><strong>Copy Prompt:</strong> Copy the text, so you can use it for future designs or share it with others.</li>      <li><strong>Use Prompt:</strong> Open the prompt in the <strong>Generate Image</strong> panel to make changes and generate new images.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/06/29/69aa06f5-c761-4471-a6e6-7fc5f807edc9/0e7cc194-76b2-4411-912d-a1c69573d7d6.png" alt="A screenshot of the prompt options on an image in Wixel." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more about the AI image generator.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How specific should my description be?</h4><div class="collapsible-content"><div>Your description should be as specific as possible to achieve your desired outcome. The more descriptive you are, the better your image will match your expectations. Include details such as:</div><ul>
  <li><strong>Scene:</strong> Describe what’s happening (e.g. &quot;a bustling city street at sunset&quot;).</li>  <li><strong>Setting:</strong> Mention the environment or mood (e.g. &quot;a lush green garden with glowing string lights&quot;).</li>  <li><strong>Focus:</strong> State what the image should highlight (e.g. &quot;a central character holding a book&quot;).</li></ul><div><br /></div><div><strong>Tip:</strong> Use the <strong>Enhance Prompt </strong>tool to automatically add more detail to your description. You can then edit the enhanced text to better fit your vision.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/06/29/aeb51ad8-2d00-46d4-931f-13122a421c60/feadd6f9-81c2-4cc3-a3eb-c0ec263b9956.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Why is my image not turning out as expected?</h4><div class="collapsible-content"><div>If your image isn’t turning out how you expected:</div><ul>
  <li><strong>Simplify your description:</strong> Shorten your description to remove unnecessary details.</li>  <li><strong>Use commas:</strong> Separate key elements with commas to help Wixel’s AI better interpret your request.</li></ul><div>This technique improves specificity and delivers more accurate results.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How do I choose the right style for my image?</h4><div class="collapsible-content"><div>Here are a few tips to help you choose the right style for your image:</div><ul>
  <li><strong>Identify your image’s purpose:</strong> Determine the main goal of your image (e.g., business, blog, portfolio).</li>  <li><strong>Consider your brand:</strong> Think about the look and feel you want for your image (e.g., bold, simple, elegant, playful).</li>  <li><strong>Customization:</strong> Remember that all images are fully customizable, so you can adjust them to fit your specific needs.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I customize specific details inside my image?</h4><div class="collapsible-content"><div>Yes, you can customize a variety of details inside your image, such as cropping, expanding, removing the background or applying color filters.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">If I don't like my image, will regenerating it use an AI credit?</h4><div class="collapsible-content"><div>Yes, each time you generate or regenerate an image, one of your AI credits will be spent.</div></div></div></div>

Remove the background of any image with precision using Wixel's remove background tool. This feature lets you create clean, transparent backgrounds for logos, product images, icons, and more. It's per...

Wixel: Removing an image's background with AI

Discover how to remove backgrounds from images with precision using Wixel's remove background tool. This free feature allows you to create clean, transparent backgrounds for logos, product images, and icons, enhancing the professional look of your projects. Learn how to effortlessly edit images in seconds, and explore the option to replace backgrounds with AI-generated designs that align with your creative vision.

<div data-component-type="text"><div>Remove the background of any image with precision using Wixel's <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/background-remover" target="_blank">remove background tool</a>. This feature lets you create clean, transparent backgrounds for logos, product images, icons, and more. It's perfect for giving your projects a polished, professional look.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/02/0e5a0c08-5f7c-4706-ae4d-d61424375f1b/3d55c278-3b36-4f11-b8d4-b03048557688.png" alt="A marketing image of removing the background of a photo with two girls in nature." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>The remove background tool is free to use and does not require AI credits from your balance.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="removing-an-images-background" level="3">Removing an image's background</h2></div><div data-component-type="text"><div>Our intuitive AI background eraser tool automatically detects your foreground image, and then seamlessly removes image backgrounds to help you produce high-quality images in just seconds.</div></div><div data-component-type="heading"><h2 id="" level="4">To remove an image's background:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/wixel/projects" target="_blank">Go to your project in Wixel</a>.</li>  <li>Select the image you want to edit.</li>  <li>Click <strong>Remove Background </strong>at the top.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2025/04/03/e0675f9f-37da-49f7-9fa1-8ef5a3498d1e/0711514e-2cf2-433e-93e3-524e3903f5d4.png" alt="A screenshot comparing an image before removing the background and after." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Want to replace your background with something different?</div><div class="info-content"><div>Use the <a data-composite="true" href="https://support.wix.com/en/article/wixel-replacing-an-images-background-with-ai" target="">replace background tool</a> to swap your current background for an AI-generated design, color, or image that better fits your creative vision.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more about removing the background of an image.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What's the difference between removing the background and replacing the background of an image?</h4><div class="collapsible-content"><ul>
  <li><strong>Removing the background</strong>: This tool removes the existing background, making it completely transparent.</li>  <li><strong>Replacing the bckground</strong>: This tool lets you replace the original background with a new AI-generated design, color, or image aligned with your creative style.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I undo this change?</h4><div class="collapsible-content"><div>Yes, click the <strong>Undo button</strong> at the top. Alternatively, press <strong>Ctrl + Z (Windows)</strong> or <strong>Cmd + Z (Mac)</strong> on your keyboard.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What happens to the original image?</h4><div class="collapsible-content"><div>If you want to keep the original image, make sure to save it to your media first. The edited version can then be saved separately, allowing you to preserve both versions for future use.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Does removing the background use AI credits?</h4><div class="collapsible-content"><div>No, the Remove Background tool is completely free to use.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I remove backgrounds from complex images?</h4><div class="collapsible-content"><div>The Remove Background tool works best with images that have clear contrasts between the subject and the background. For more complex images, consider using the Smart Select tool to refine the removal process.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What file type is best for downloading transparent backgrounds?</h4><div class="collapsible-content"><div>For images with transparent backgrounds, the best file type to choose is PNG. Its support for transparency ensures your edits look polished and professional across different uses.</div></div></div></div>

Easily pinpoint areas in your design to remove unwanted elements or transform parts of your image using AI. The Smart Select tool in Wixel allows you to select or brush over specific objects and eithe...

Wixel: Using AI to edit images

Discover how to enhance your images using the Smart Select tool in Wixel, which allows you to easily remove unwanted elements or replace parts of your image with AI-generated visuals. With precise selection options, you can brush over areas or click on specific objects to transform your design seamlessly. Learn to make your edits more effective and creative, ensuring your visuals stand out.

<div data-component-type="text"><div>Easily pinpoint areas in your design to remove unwanted elements or transform parts of your image using AI. The Smart Select tool in <a data-composite="true" href="https://www.wix.com/wixel" target="_blank">Wixel</a> allows you to select or brush over specific objects and either remove them or replace them with AI-generated visuals, making your edits seamless and precise.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/02/ffc65594-e057-4e71-9335-9070fe9a40ec/eb6a03df-411b-4386-8187-72be39bae011.png" alt="A screenshot of using the Smart Select tool to add a butterfly to an image." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="using-smart-select" level="3">Using Smart Select</h2></div><div data-component-type="text"><div>The Smart Select tool gives you the precision to remove objects or transform parts of your image with AI-enhanced customization.</div></div><div data-component-type="heading"><h2 id="" level="4">To use this tool:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/wixel/projects" target="_blank">Go to your project in Wixel</a>.</li>  <li>Select the image.</li>  <li>Click <strong>Smart Select </strong>at the top.</li>  <li>After smart select scans your image, choose how to select your object:
    <ul>
      <li><strong>Select object </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/03/853f1cba-968e-40e6-98e8-1b4e14f1372c/b8a4da8e-1bfe-4119-8344-447069d5b608.png" /><strong>:</strong> Click a specific object in your image.</li>      <li><strong>Mark area </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/03/82ea28dc-1dbc-4b64-9131-952bb2322051/a39a098b-63be-47c6-a07b-2f1028c572ab.png" /><strong>: </strong>Manually brush over the area you want to remove or replace. 
        <ul>
          <li>Adjust the <strong>Brush Size</strong> slider for more precision, and click the <strong>Eraser</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/02/854adc50-f8fd-4baf-854d-eebe59166e41/fbabe066-576c-4a79-8301-de29e2cd7514.png" /> to refine any areas you've brushed over.</li>        </ul>      </li>    </ul>  </li>  <li>Choose how to edit your image:
    <ul>
      <li><strong>Replace:</strong> Describe to AI what you’d like to replace the selected object or area with.</li>      <li><strong>Remove:</strong> Erase the selected object or area entirely.</li>    </ul>  </li>  <li>Click <strong>Done</strong> to save your changes.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/02/11f55f28-3105-45e4-b9eb-08625b3b5f8b/7c5ff09f-5a49-4c51-b6ed-0753da3d3a9c.png" alt="A screenshot of changing an image of a tennis ball to a baseball" /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div><strong>One AI credit</strong> is used when you select <strong>Replace</strong> or <strong>Remove</strong>. You don’t use any credits by simply clicking the smart select tool.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more about this tool.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How does Smart Select work, and how can it enhance my designs?</h4><div class="collapsible-content"><div>Smart Select enables you to highlight and isolate specific objects in an image for editing. Use it to remove unwanted elements, or create engaging visuals by replacing specific objects with an AI-generated alternative.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I mark an area myself instead of selecting an object?</h4><div class="collapsible-content"><div>Yes. Click the <strong>Mark area</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/03/c236534a-0c1c-4581-8425-f561656c6b8b/f26bdd51-11b7-4e2f-8ca2-8e0f30273582.png" /> to draw a selected area on your image. Adjust the brush size for precision and use the <strong>Eraser</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/02/854adc50-f8fd-4baf-854d-eebe59166e41/fbabe066-576c-4a79-8301-de29e2cd7514.png" /> to refine the selection.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What should I keep in mind when writing a description to replace an object or area?</h4><div class="collapsible-content"><div>Your description should be specific for the result you are trying to achieve. To get the best results, clearly detail the type of scene, setting, or object you want to replace it with. This helps AI generate a result that matches your expectations more accurately.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I undo or revert changes made to an image?</h4><div class="collapsible-content"><div>Yes, you can click the <strong>Undo </strong>icon<strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/03/7972595e-9313-4249-bf0f-6b72f8b80c45/3b565006-02e6-427c-81a1-452c8636d78f.png" /> at the top of the page to revert recent changes. Alternatively, press <strong>Ctrl + Z (Windows)</strong> or <strong>Cmd + Z (Mac)</strong> on your keyboard.</div><div><strong><br />
Note: </strong>Undoing changes will still use one AI credit if the action involves replace or remove.</div></div></div></div>

Bring your creative vision to life with Wixel’s powerful photo editing tools. Whether you're refining a design for a website, social media, or print, Wixel offers a range of features to help you adjus...

Wixel: Using the photo editing tools

Bring your creative vision to life with Wixel's powerful photo editing tools. Discover how to refine your images for websites, social media, or print by utilizing features like cropping, expanding, applying filters, and replacing backgrounds. Learn to customize every detail of your design, ensuring stunning and polished results that enhance your projects effortlessly.

<div data-component-type="text"><div>Bring your creative vision to life with Wixel’s powerful <a data-composite="true" href="https://www.wix.com/wixel/photo-editor" target="_blank">photo editing tools</a>. Whether you're refining a design for a website, social media, or print, <a data-composite="true" href="https://www.wix.com/wixel" target="_blank">Wixel</a> offers a range of features to help you adjust, enhance, and transform your images with ease. From cropping and expanding to applying filters and replacing backgrounds, you’ll find everything you need to create stunning, polished designs.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2025/04/11/d9019ac7-e297-4c02-afa4-14653462791c/bf32e38a-9011-49e9-ac58-68799f6a2700.png" alt="A screenshot of Wixel's photo editing tools." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="using-the-photo-editing-tools" level="3">Using the photo editing tools</h2></div><div data-component-type="text"><div>Fine-tune your project by customizing every detail. Use Wixel’s editing tools to adjust, enhance, and transform design elements.</div></div><div data-component-type="heading"><h2 id="" level="4">To use the photo editing tools:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/wixel/projects" target="_blank">Go to your project in Wixel</a>.</li>  <li>Select an image in your design or click <strong>Create New Project</strong> at the left to upload or generate a new one.</li>  <li>Click <strong>Edit Image</strong> above the image.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2025/04/03/6821eb43-9897-4202-a3a2-072cc393ccac/7e5ce072-03f2-478b-a293-c85353568664.png" alt="A screenshot of the edit image panel." /></div></div><div data-component-type="text"><ol>
  <li>Choose from the available editing options:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Crop</h4><div class="collapsible-content"><div>Cut and <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/image-resizer" target="">resize your image</a>. Depending on your project, you may need to <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/image-cropper" target="_blank">crop images</a> for optimal display on desktop, mobile, or social media. You can also click and drag the corners of an element to crop it.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/06/29/e25cb2de-edc9-445a-9370-a497f9980271/5c5f2fe2-dd61-48a0-86e7-27fe3dd4d0a4.png" alt="A screenshot of the Crop panel." /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Expand</h4><div class="collapsible-content"><div>Expand uses AI to automatically expand an image, adding realistic details to fill in the rest of the picture. For example, expanding a family beach photo adds AI-generated details like sand and waves to fill the space naturally. <a data-composite="true" href="https://support.wix.com/en/article/wixel-using-ai-to-expand-an-image" target="">Learn more about using the Expand tool</a>.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2025/03/26/588aae2e-3b35-4071-a938-382511613a58/2715c9ef-ee6b-445c-af86-0a3744433bc0.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Smart Select</h4><div class="collapsible-content"><div>Remove or replace specific objects in your image. For example, you can remove a hat someone is wearing, or replace binoculars with a digital camera.<em><strong> </strong></em><a data-composite="true" href="https://support.wix.com/en/article/wixel-using-ai-to-edit-images" target="">Learn more about the Smart Select tool</a>.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2025/04/11/572ae421-0e60-4cad-b6fe-89951ee060fb/5df58024-1c5b-4a9d-bc4f-955f01add608.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Replace Background</h4><div class="collapsible-content"><div>Remove or replace the image background. You can choose to keep a transparent background, replace the old one with a solid color, or generate a new one using AI. <a data-composite="true" href="https://support.wix.com/en/article/wixel-replacing-an-images-background-with-ai" target="">Learn more about the Replace Background tool</a>.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2025/04/11/da27aa6e-45bf-4c1f-bb82-aa9e154564af/f81c53cb-6fec-40f1-bf00-62fa89ea866b.png" alt="A screenshot of the replace background tool." /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Color Filters</h4><div class="collapsible-content"><div>Instantly change the look and feel of your image by applying various styles, from bold and vibrant to soft and muted. <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/photo-filters" target="_blank">Filters</a> help you quickly achieve a cohesive look that matches your design's tone and mood.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2025/03/26/6f9a22a1-0407-43e0-8aec-f7e1764dd37c/0eb18664-7882-45f4-bfdd-1e7ebe2329e4.png" alt="A screenshot of the Filters panel." /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Adjust</h4><div class="collapsible-content"><div>Fine-tune your image's light, color, and effects, adjusting elements like brightness, saturation, and sharpness. You can also <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/image-enhancer" target="_blank">auto-enhance your image</a>.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2025/03/26/70756962-ff9f-464a-9613-5eabf0f57572/43f6fbce-b76a-4709-99d8-341ec7846ba2.png" alt="A screenshot of the Wixel adjust panel." /></div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2025/04/03/2d63640c-5474-4ca7-bd10-6e64579ac354/9938b236-a1bf-487c-aa0a-b36830dc1ae2.png" alt="A screenshot of the Replace background tool with a prompt." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Does editing an image use up an AI credit?</h4><div class="collapsible-content"><div>It depends on the tool you use.</div><ul>
  <li><strong>Tools that use AI credits:</strong>
    <ul>
      <li>Expand</li>      <li>Smart Select</li>      <li>Replace Background*<br />
<strong>*Note:</strong> Replace Background only uses AI credits when you generate a background with AI. It does not use credits if you choose a solid color background, a pattern, or an image.</li>    </ul>  </li>  <li><strong>Tools that don’t use AI credits:</strong>
    <ul>
      <li>Crop</li>      <li>Color Filters</li>      <li>Adjust</li>      <li>Remove Background </li>    </ul>  </li></ul><div><br /></div><div><strong>Tip:</strong> Check the panel before using a tool to see if it will use one of your AI credits.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2025/04/03/6d2b2047-f354-45d4-ac99-da942f9c1a08/c6aafe50-90b5-4c97-9a94-3bf458c7539f.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How do I reset an image back to its original state?</h4><div class="collapsible-content"><div>Click the <strong>Undo</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2025/04/03/62284842-ae62-4717-b05c-2d9ce0e377af/89d6cbf2-8a39-4268-9fcf-7419ba60f5e9.png" /> at the top right to go back to your previous image version.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What are some examples of how I can use the Replace Background tool?</h4><div class="collapsible-content"><div>You can use the Replace Background tool to easily swap out dull or cluttered backgrounds for clean, professional, or creative ones. This is perfect for eCommerce product photos, social media posts, or branding projects, saving time while delivering polished results.</div> </div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How can I save my adjusted image for reuse?</h4><div class="collapsible-content"><div>After adjusting your image, click <strong>Save to My Media</strong> for easy reuse in other parts of your project.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How does AI help when I expand an image?</h4><div class="collapsible-content"><div>When you expand an image, AI adds realistic details to maintain quality and composition, delivering seamless results. This is especially helpful when you need to extend an image without it looking stretched or pixelated.</div></div></div></div>

Turn real-life images into your own virtual persona to add a personal and creative touch to your designs in Wixel. Avatars are perfect for adding charm to event invitations, presentations, social medi...

Wixel: Generating an avatar with AI

Discover how to create personalized avatars in Wixel by transforming real-life images into unique virtual personas. This feature enhances your designs for event invitations, presentations, and social media posts, adding a creative flair. Learn to upload images, customize styles, and generate avatars that can be downloaded or edited for future projects, ensuring a consistent and engaging branding experience across your designs.

<div data-component-type="text"><div>Turn real-life images into your own virtual persona to add a personal and creative touch to your designs in <a data-composite="true" href="https://www.wix.com/wixel" target="_blank">Wixel</a>. Avatars are perfect for adding charm to event invitations, presentations, social media posts, and more.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/05/21/ac7538e7-f377-42b9-9a01-c7a9b75ccbbe/99171960-8bec-410d-95ca-c48823cb35f4.png" alt="A screenshot of creating an avatar in Wixel." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="generating-an-avatar" level="3">Generating an avatar</h2></div><div data-component-type="text"><div>Create an avatar using AI by uploading an image of a person and customizing the output. </div></div><div data-component-type="heading"><h2 id="" level="4">To generate an avatar:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/wixel/projects" target="_blank">Go to your project in Wixel</a>.</li>  <li>Click <strong>New Design</strong> on the left.</li>  <li>Click <strong>Generate Avatar</strong>.</li>  <li>(Optional) Under <strong>Choose image size</strong>, select an image type from the drop-down (e.g. Instagram, business) and the relevant size.</li>  <li>Add a person to feature in your image. Select an image from your uploaded media or upload a new photo.</li>  <li>(Optional) Customize your image further by choosing an avatar style.</li>  <li>Click <strong>Generate Avatar</strong>.</li>  <li>Once the images are generated, choose what you want to do:
    <ul>
      <li><strong>Download an image:</strong> Hover over the relevant image and click the <strong>Download</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/01/1e718cef-b63a-4f96-987a-fe8bbbdcefb0/d15ebbd8-2ef9-4b12-8578-2e982e9d052e.png" /> to save it to your device.</li>      <li><strong>Edit an image:</strong> Hover over the relevant image and click <strong>Edit</strong> to continue modifying the image.</li>      <li><strong>Generate more options: </strong>Click <strong>Generate Avatar </strong>to get new images.<br />
<strong>Note:</strong> Generated images are not automatically saved, so make sure to download them before generating new options.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/05/21/ceb9661d-20e3-413f-b509-692fd6f0c5d7/f52b9d2c-7a50-474c-9a9c-c11765038a64.png" alt="A screenshot of the options highlighted after generating an avatar in Wixel." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more about this.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What can I use an avatar for in my project?</h4><div class="collapsible-content"><div>Avatars can enhance engagement by adding a personal and creative touch to your designs. They are versatile and can be used for user profiles, project branding, social media posts, or even presentations and marketing materials.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How does the image size I select affect my project?</h4><div class="collapsible-content"><div>The size of the image impacts the resolution and the way the avatar fits into your design. Larger sizes are ideal for high-resolution needs such as printed materials or presentations. Smaller sizes are better suited for optimized app icons or social media posts. Be mindful of how resizing affects the clarity and usability of the avatar in your project.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What is the difference between the generate portrait image and generate avatar tools?</h4><div class="collapsible-content"><div>The key difference lies in the purpose and style of the generated output:</div><ul>
  <li><strong>Generate avatar</strong>: This feature transforms an uploaded image into a customizable, AI-generated persona designed to fit any creative theme or style.</li>  <li><strong>Generate portrait image</strong>: Produces professional, business-ready portraits from everyday images with AI, ideal for resumes, LinkedIn profiles, and professional branding.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I upload my own photo for this avatar?</h4><div class="collapsible-content"><div>Yes! You can upload your own image or someone else’s to design a personalized avatar. This is perfect for adding a relatable and recognizable element to business materials, team presentations, or event-related content.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What should I consider when using avatars for team or collaborative projects?</h4><div class="collapsible-content"><div>When designing avatars for teams or group projects, focus on maintaining consistency across all avatars. Ensure each avatar is styled to match the project’s theme or branding. Additionally, avatars should accurately represent the individuals or entities they are designed for, creating a unified and polished look for the project overall.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I reuse or download my created avatars for other projects?</h4><div class="collapsible-content"><div>Yes, once created, avatars can be easily downloaded and reused in other projects. This allows for consistent branding and styling across various platforms and designs. You can integrate them into any project that benefits from a personal creative touch.</div></div></div></div>

Turn everyday photos into polished, professional portraits that leave a lasting impression. Whether you're creating images for LinkedIn, corporate websites, or conference materials, Wixel’s portrait g...

Wixel: Generating a professional portrait with AI

Transform your everyday photos into professional-quality portraits with Wixel’s AI-powered portrait generator. Learn how to quickly create polished images for LinkedIn, corporate websites, and more by uploading your photo, customizing the style, and saving your final design. Elevate your projects with sleek imagery that helps you stand out, ensuring a lasting impression across various platforms.

<div data-component-type="text"><div>Turn everyday photos into polished, professional portraits that leave a lasting impression. Whether you're creating images for LinkedIn, corporate websites, or conference materials, Wixel’s portrait generator provides quick, high-quality results tailored to your needs. Elevate your designs with sleek imagery that ensures you stand out.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/05/21/093b8e8f-39f5-4a94-ace0-84cf52f54bae/858b439d-1afe-448d-b2bc-db5f7ea60656.png" alt="A screenshot of generating an professional portrait in Wixel." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="generating-a-portrait" level="3">Generating a portrait</h2></div><div data-component-type="text"><div>Use Wixel’s AI-powered portrait generator to transform photos into professional-quality portraits. Upload an image, customize the style, and save your final creation in just a few clicks.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/05/21/253b3d44-16e9-4109-9923-aea26a7be2d2/90053f42-0cb3-4973-b91a-493210766dfe.png" alt="A screenshot of the options highlighted after generating an avatar in Wixel." /></div></div><div data-component-type="heading"><h2 id="" level="4">To generate a portrait:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/wixel/projects" target="_blank">Go to your project in Wixel</a>.</li>  <li>Click <strong>New Design</strong> on the left.</li>  <li>Click <strong>Generate Portrait</strong>.</li>  <li>(Optional) Under <strong>Choose image size</strong>,<strong> </strong>select an image type from the drop-down (e.g. Instagram, business) and the relevant size.</li>  <li>Add a person to feature in your image. Select an image from your uploaded media or upload a new photo.</li>  <li>(Optional) Choose a portrait style that fits your project (e.g., corporate, minimalist).</li>  <li>Click <strong>Generate Portrait</strong>.</li>  <li>Once the images are generated, choose what you want to do:
    <ul>
      <li><strong>Download an image:</strong> Hover over the relevant image and click the <strong>Download</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/01/1e718cef-b63a-4f96-987a-fe8bbbdcefb0/d15ebbd8-2ef9-4b12-8578-2e982e9d052e.png" /> to save it to your device.</li>      <li><strong>Edit an image:</strong> Hover over the relevant image and click <strong>Edit</strong> to customize it further. Use tools like cropping, background removal, or color filters.</li>      <li><strong>Generate again: </strong>Click <strong>Generate Portrait </strong>to create new images.</li>    </ul>  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>Generated portraits are not automatically saved. Always download images you want to keep before generating new options.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more about generating portraits.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What types of projects can I use the generate portrait tool for?</h4><div class="collapsible-content"><div>Portraits are versatile and can elevate your designs on many platforms. Use them for:</div><ul>
  <li><strong>User profiles:</strong> LinkedIn, team pages, or conference directories.</li>  <li><strong>Events:</strong> Name badges, promotional materials, or speaker highlights.</li>  <li><strong>Social media posts:</strong> Create eye-catching visuals for personal branding.</li>  <li><strong>Presentations:</strong> Add a professional touch to business slides or projects.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What is the difference between generate portrait and generate avatar?</h4><div class="collapsible-content"><ul>
  <li><strong>Generate portrait:</strong> Creates professional, business-focused portraits for polished designs.</li>  <li><strong>Generate avatar:</strong> Transforms your image into a virtual or stylized persona for themed or creative visuals.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How can I ensure my uploaded image gets the best results?</h4><div class="collapsible-content"><div>For optimal results, use a clear, high-resolution image of the person you want to feature. The person should be the main focus of the photo. Choose an image with a plain or simple background. Avoid low-quality photos or crowded backgrounds that could affect image clarity.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I customize the portrait style after creating it?</h4><div class="collapsible-content"><div>Yes, you can tweak and personalize your portrait in <a data-composite="true" href="https://www.wix.com/wixel" target="_blank">Wixel</a> using a variety of tools including cropping or expanding the image, removing the background, or applying color filters.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How can I use my portrait in other parts of my project?</h4><div class="collapsible-content"><div>Once created, portraits can be reused, downloaded, and implemented in various designs. Just save it to <strong>My Media</strong> for reuse in future projects. This allows for consistent branding or stylization across different projects and platforms.</div></div></div></div>

Effortlessly create multiple variations of any image using AI. Upload your image, customize the style, and let AI create different versions that match your vision. By instantly producing similar image...

Wixel: Generating image variations with AI

Discover how to effortlessly create multiple variations of any image using AI in Wixel. Upload your image, customize the style, and let the AI generate different versions that align with your vision. This tool simplifies diversifying your visual content while preserving the essence of your idea. Learn to edit AI-generated images and tailor them to your needs, enhancing your creative projects without copyright concerns.

<div data-component-type="text"><div>Effortlessly create multiple variations of any image using AI. Upload your image, customize the style, and let AI create different versions that match your vision. By instantly producing similar images based on the original, this tool makes it simple to diversify your visual content while maintaining the essence of your idea.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/05/22/fb32aad1-53ff-490e-9712-35d6d9145da1/e5ea51e5-18d6-4658-8ba8-b4a38fa146b1.png" alt="A screenshot of a prompt and generating different image options." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="generating-image-variations" level="3">Generating image variations</h2></div><div data-component-type="text"><div>Create similar images to an existing image using AI. The AI analyzes the uploaded image and provides a detailed description based on its content. You can edit this description and customize the image settings to get a refined output.</div></div><div data-component-type="heading"><h2 id="" level="4">To generate image variations:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/wixel/projects" target="_blank">Go to your project in Wixel</a>.</li>  <li>Click <strong>New Design</strong> on the left.</li>  <li>Click <strong>Generate Image Variations</strong>.</li>  <li>Upload an image you want to create variations of.</li>  <li>(Optional) Customize your image output.
    <ul>
      <li>Edit the AI-generated description of the image if needed.</li>      <li>Select an image type from the drop-down (e.g. Instagram, business) and the relevant size.</li>      <li>Customize your image by choosing your desired image style, camera angle, and other settings.</li>    </ul>  </li>  <li>Click <strong>Generate Image Variations</strong>.</li>  <li>Once the image is generated, choose what you want to do:
    <ul>
      <li><strong>Download an image:</strong> Hover over the relevant image and click the <strong>Download</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/01/1e718cef-b63a-4f96-987a-fe8bbbdcefb0/d15ebbd8-2ef9-4b12-8578-2e982e9d052e.png" /> to save it to your device.</li>      <li><strong>Edit an image:</strong> Hover over the relevant image and click <strong>Edit</strong> to continue modifying the image.</li>      <li><strong>Generate more options: </strong>Click <strong>Generate Image Variations </strong>to get more suggestions.<br />
<strong>Note:</strong> Generated images are not automatically saved, so make sure to download the images you want before generating new options.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/05/22/76c3510b-6012-4d43-838f-eac91596367d/2d6a6616-6146-4b18-ac5f-6872b080d4a1.png" alt="A screenshot of using the generate image variations feature in Wixel." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more about the AI image generator.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What is this tool useful for?</h4><div class="collapsible-content"><div>This tool helps you create custom visuals tailored to your specific needs. Use it to generate images with better resolution or composition, without watermarks or copyright restrictions. For example, design seasonal branding elements by generating image variations for different holidays.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I edit the generated variations? </h4><div class="collapsible-content"><div>Yes, you can edit any of the generated images by hovering over them and clicking <strong>Edit</strong>. Use Wixel's <a data-composite="true" href="https://support.wix.com/en/article/wixel-using-the-photo-editing-tools-6630758" target="">photo editing tools</a> and add <a data-composite="true" href="https://support.wix.com/en/article/wixel-adding-text-and-decorative-elements-3247743" target="">decorative elements</a> to achieve the desired look.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">If I don't like my image, will regenerating it use an AI credit?</h4><div class="collapsible-content"><div>Yes, regenerating an image will deduct 1 AI credit from your balance. <a data-composite="true" href="https://support.wix.com/en/article/wixel-about-ai-credits" target="">Learn more about your AI credits.</a></div></div></div></div>

Elevate your designs with Wixel’s versatile Add Elements panel. Add text, shapes, stickers, and icons to personalize your projects with ease. Design anything from bold invitations to eye-catching prom...

Wixel: Adding and customizing decorative elements

Discover how to enhance your designs using Wixel’s Add Elements panel, where you can easily incorporate text, shapes, stickers, and icons. Personalize your projects for any occasion, from invitations to promotions, by customizing every detail. Learn to add decorative elements, adjust colors, and layer items to create standout designs that reflect your unique style. Unleash your creativity and make your projects truly yours with Wixel!

<div data-component-type="text"><div>Elevate your designs with Wixel’s versatile Add Elements panel. Add text, shapes, stickers, and icons to personalize your projects with ease. Design anything from bold invitations to eye-catching promotions—complete with fun stickers, creative icons, and customizable text styles to match any theme.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/05/20/dadbf4b7-ae2c-488b-a7ea-0d5f3d52ee2b/db19afe3-6432-49af-bcca-a71499505830.png" alt="A screenshot of the Add Elements panel." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-decorative-elements" level="3">Adding decorative elements</h2></div><div data-component-type="text"><div>Take your design to the next level by adding text, shapes, stickers, and icons. You can customize every detail to create a design that stands out.</div></div><div data-component-type="heading"><h2 id="" level="4">To add decorative elements to your design:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/wixel/projects" target="_blank">Go to your project in Wixel</a>.</li>  <li>Click <strong>Add Elements</strong> on the left.</li>  <li>Choose the type of element you want to add:
    <ul>
      <li><strong>Stickers:</strong> Browse fun sticker designs to match your theme or add personality to your project.</li>      <li><strong>Texts:</strong> Add titles or paragraphs. Select preset styles to save time or create your own. <a data-composite="true" href="https://support.wix.com/en/article/wixel-customizing-text-in-your-design-580616" target="">Learn more about customizing text</a>.</li>      <li><strong>Icons:</strong> Access Wixel’s vast icon library to add structured or creative details.</li>      <li><strong>Images:</strong> Choose from Wixel’s stock library, upload your own images, or even generate new ones using AI.</li>      <li><strong>Shapes:</strong> Use geometric shapes (e.g., circles, rectangles) or ornamental patterns for a creative touch.</li>    </ul>  </li>  <li>Click an element to add it to the design.</li>  <li>Use the resizing handles and customization tools to adjust the element’s size, color, position, and more.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2025/04/03/d2fe10d3-27db-47c2-b297-d172f5805194/02d3dd49-31a2-4b1f-942a-83015358132c.png" alt="An example of using the search function in the Add Elements panel." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><ul>
  <li>Use the search bar at the top of the<strong> Add Elements</strong> panel to locate specific items. For example, searching &quot;butterfly&quot; brings up a variety of related images, stickers, and icons, making it easy to find the perfect element for your design.</li>  <li>To view more options for stickers that you like, hover over a sticker and click the <strong>Related Stickers</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/06/29/3187dc25-cf5c-4b05-8b20-a58c6a2bb705/16223abc-bcd7-42ca-94f2-f60afcec8404.png" />. Please note, not all stickers have this option.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-vector-art-colors" level="3">Customizing vector art colors</h2></div><div data-component-type="text"><div>Add a personal touch to your vector art by customizing the colors and transparency to match your design theme.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>You can find vector art options under the <strong>Stickers</strong> tab in the <strong>Add Elements</strong> panel.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">To customize vector art:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/wixel/projects" target="_blank">Go to your project in Wixel</a>.</li>  <li>Click a vector art element in your design.</li>  <li>Click the <strong>Fill</strong> option in the toolbar at the top.</li>  <li>For each color in the vector art:
    <ul>
      <li>Select a new color from the color palette.</li>      <li>Adjust the <strong>Opacity </strong>slider to make the color more transparent or vibrant.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/05/18/c181cb00-7d2f-4caf-87ef-53efb481bc13/ed32658c-d252-4ae9-a54d-aaa75596c8d5.png" alt="A screenshot of choosing vector art colors in Wixel." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-elements" level="3">Customizing elements</h2></div><div data-component-type="text"><div>Make your designs truly your own by customizing images, stickers, icons, and shapes.</div></div><div data-component-type="heading"><h2 id="" level="4">To customize elements:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/wixel/projects" target="_blank">Go to your project in Wixel</a>.</li>  <li>Click an element in your design.</li>  <li>Use the options on the toolbar at the top:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Add a border</h4><div class="collapsible-content"><div>Click the <strong>Border </strong>icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/06/19/0eacd1d9-032d-4417-bd6e-91e6cab19a10/82fb8b80-a7f1-4342-bb04-0315fea8d86d.png" /> at the top.</div><ul>
  <li>Use the <strong>Border color</strong> picker to choose a color and adjust the opacity.</li>  <li>Drag the <strong>Border width</strong> slider to set how thin or thick you want the border to appear.</li></ul><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/06/19/c4e70b10-fa6b-4a51-a229-7d66252bd174/4777ac10-8382-48e4-814e-bbbc400a4d83.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Round corners</h4><div class="collapsible-content"><ol>
  <li>Click the <strong>Corners</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/06/19/dc777713-461c-4653-aea7-24ca672ee217/223ab71b-5f0f-4be0-b1df-951763cb69ad.png" /> at the top. </li>  <li>Drag the <strong>Radius</strong> slider to adjust the curve of the corners. Increase the radius for rounder edges or decrease it for sharper corners.<br />
<strong>Tip: </strong>Click the <strong>Individual corners</strong> button <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/06/19/6e0dd3ac-b185-43c2-a146-6fc15fc7c72b/a480564b-9a1e-4675-8cfc-9dd03fd9d0f6.png" /> to adjust each corner separately.</li></ol><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/06/19/209859d8-d6d0-4fe0-a5e6-f53f7615a7b1/0ae80228-90c1-477e-a9bb-5287e95969c3.png" /></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wixel-customizing-text-in-your-design-580616" target="">Learn how to customize text elements.</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What types of elements can I add to my project?</h4><div class="collapsible-content"><div>Choose from a selection of elements including images, texts, shapes, stickers and icons to add to your design. <a data-composite="true" href="https://www.wix.com/wixel" target="_blank">Wixel</a> also offers a wide range of photos, illustrations, patterns and cutouts that are readily available, customizable and suited to different themes.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Does adding elements use credits?</h4><div class="collapsible-content"><div>No, adding elements doesn’t use AI credits. If you customize elements with AI tools (e.g., AI-generated images), this will deduct from your credits.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I upload my own elements like stickers and graphics?</h4><div class="collapsible-content"><div>You can't upload elements directly to the <strong>Add Elements</strong> panel. However, you can upload supported media files to <strong>My Media</strong>, use editing tools like background removal, or convert files to formats like SVG for further customization.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2025/04/03/e01e6600-ef7f-4380-8799-19c7937af911/73e09629-50a7-4321-80a5-809ad5db7774.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I layer my elements to create complex designs?</h4><div class="collapsible-content"><div>Yes, you can layer elements (like images, stickers, and text) using the customization tools. Adjust the layer order (e.g., “send to back”) to achieve your desired design.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How many elements can I add to a single project?</h4><div class="collapsible-content"><div>There’s no limit to the number of elements you can add. Keep in mind that larger files with multiple decorative pieces may take longer to load or edit.</div></div></div></div>

Elevate your visuals and customize your background to suit your creative goals effortlessly with Wixel's Replace Background tool. Generate an AI-powered background tailored to your ideas, or choose fr...

Wixel: Replacing an image's background with AI

Elevate your visuals effortlessly with Wixel's Replace Background tool, which allows you to customize your image backgrounds using AI-generated designs or by selecting solid colors, patterns, or images. Discover how to enhance your images for eCommerce, social media, and branding projects, creating polished results with minimal effort. Plus, get tips on crafting effective descriptions for AI backgrounds to achieve your creative vision.

<div data-component-type="text"><div>Elevate your visuals and customize your background to suit your creative goals effortlessly with Wixel's Replace Background tool. Generate an AI-powered background tailored to your ideas, or choose from solid colors, patterns, and images to create striking results.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/02/bb573e11-8607-4762-8023-56320e803526/dba62c48-84b5-4100-a3fb-cf8410cb4987.png" alt="A marketing shot of describing a prompt to replace an image background." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>AI credits are only used if you generate a background with AI. Selecting a solid color, pattern, or image does not use any credits.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="replacing-an-images-background" level="3">Replacing an image's background</h2></div><div data-component-type="text"><div>Replace the background of an image with a custom design of your choice. Whether you want to generate a new background using AI or pick from existing colors, patterns, or images, this tool makes it easy to enhance your images.</div></div><div data-component-type="heading"><h2 id="" level="4">To replace an image's background:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/wixel/projects" target="_blank">Go to your project in Wixel</a>.</li>  <li>Select the image you want to edit.</li>  <li>Click <strong>Edit Image </strong>at the top.</li>  <li>Click <strong>Replace Background</strong>.</li>  <li>Choose how to replace the background:
    <ul>
      <li><strong>Generate a background: </strong>Write a description of how you'd like the AI to create your background.</li>      <li><strong>Choose a background:</strong> Select a color, pattern, or image as your background.
        <ul>
          <li><strong>Colors: </strong>Click the <strong>Add</strong> button <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/02/b4c83d10-c702-4b62-aacd-3630b96d7da1/99efd929-2d32-437d-8198-dfe5ed664c35.png" /> to pick a new color and adjust the opacity.</li>          <li><strong>Patterns &amp; Images: </strong>Choose a pattern or image from your uploaded media.<br />
<strong>Tip: </strong>Enhance the image by enabling the <strong>Apply Shadow</strong> toggle. Then, click <strong>Adjust </strong>below the toggle to further customize the shadow.</li>        </ul>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/02/66863503-6f57-421b-bcff-888a40b03173/df9f32d6-8f9b-4931-a3e1-3c7ceaa22e7a.png" alt="A screenshot of generating a background using the Replace Background tool with AI in Wixel." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more about the Replace Background tool.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What are some examples of how I can use the Replace Background tool?</h4><div class="collapsible-content"><div>The Replace Background tool in <a data-composite="true" href="https://www.wix.com/wixel" target="_blank">Wixel</a> can help you enhance visuals by replacing cluttered or plain backgrounds with clean, creative, or professional designs. It's ideal for:</div><ul>
  <li>eCommerce product photos.</li>  <li>Social media posts.</li>  <li>Marketing or branding projects.</li></ul><div>Save time and create polished, high-quality results with minimal effort.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">I'm not sure what to write in the Replace Background description. Can you help?</h4><div class="collapsible-content"><div>If you are unsure what to write or need some inspiration, use our suggested prompts. You can select one as your image's new background or use the text as a starting point for your description.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/02/ec5af01b-2b0b-4149-a574-53d9becb8a57/1578bd03-6984-4d1c-b7ac-fb5c63143f5c.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What should I keep in mind when writing a description for an AI background?</h4><div class="collapsible-content"><div>To get the best AI-generated results, be as specific as possible, describing the scene or details (e.g., &quot;a sunset over calm waters&quot;). Include key elements or the mood you'd like to convey for a background that aligns with your vision.</div></div></div></div>

Expand your image in any direction, and let AI fill in realistic details to complete the picture. AI-generated details, such as ocean waves for a beach photo or natural scenery for an outdoor shot, en...

Wixel: Using AI to expand an image

Discover how to expand your images seamlessly using AI in Wixel, allowing you to adjust proportions for marketing assets or social media posts. This tool fills in realistic details, ensuring the expanded areas blend naturally with your original image. Learn to select your desired size, choose between freeform, ratio, or custom size expansions, and create stunning visuals without losing quality.

<div data-component-type="text"><div><a data-composite="true" href="https://www.wix.com/wixel/photo-editor/ai-image-extender" target="_blank">Expand your image</a> in any direction, and let AI fill in realistic details to complete the picture. AI-generated details, such as ocean waves for a beach photo or natural scenery for an outdoor shot, ensure the expanded area looks natural and blends perfectly with the original image.</div><div><br /></div><div>This tool is ideal for adjusting image proportions for marketing assets, social media posts, or any other designs requiring flexible image sizes.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/02/1d6916a2-4769-4ce8-a7d4-778b3f20bccf/0bf33441-9376-41a6-b91d-1b79bfb59f07.png" alt="A marketing image of using the Expand tool on a picture of a girl riding a bike." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="expanding-your-image" level="3">Expanding your image</h2></div><div data-component-type="text"><div>Simply select your desired size or ratio, and let AI seamlessly expand your image with natural, realistic details.</div></div><div data-component-type="heading"><h2 id="" level="4">To expand your image:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/wixel/projects" target="_blank">Go to your project in Wixel</a>.</li>  <li>Select the image.</li>  <li>Click <strong>Edit Image </strong>at the top.</li>  <li>Click <strong>Expand</strong>.</li>  <li>Choose how to expand your image:
    <ul>
      <li><strong>Freeform</strong>: Drag the corners of your image freely to create a custom expansion.</li>      <li><strong>Ratio</strong>: Extend your image to a predefined ratio size (e.g., 1:1, 9:16, 3:4).</li>      <li><strong>Custom Size</strong>: Enter specific dimensions for the <strong>Width</strong> and <strong>Height</strong> fields to expand your image to a custom size.</li>    </ul>  </li>  <li>Click <strong>Apply</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/02/06240986-c83b-463c-9689-be36625820af/b37a73cc-6039-4fab-8f1d-d474e43f6097.png" alt="A screenshot of using the Expand tool in Wixel." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Notes:</div><div class="info-content"><ul>
  <li>Your image can be extended up to 2000px per side, but the generated image cannot be bigger than the maximum image size (3000px x 3000px).</li>  <li>The minimum image size that can be extended is 64px x 64px.</li>  <li>The image aspect ratio (i.e. the ratio of the image's width to its height) should be within 2.5:1 and 1:2.5 to be able to extend the image.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more about using the expand tool.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How can I use the expand tool to enhance my designs?</h4><div class="collapsible-content"><div>The expand tool in <a data-composite="true" href="https://www.wix.com/wixel" target="_blank">Wixel</a> helps you easily resize your image dimensions while leveraging AI to add seamless extensions. This makes it perfect for creating unique layouts for marketing materials or social posts, and tailoring images to match design specifications without losing quality.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How does AI help when I expand an image?</h4><div class="collapsible-content"><div>When you expand an image, AI fills in the extended areas with realistic, detailed elements that match your image's original style and context. This ensures the expanded sections look cohesive, natural, and free from distortion or pixelation.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Does expanding an image with AI use credits?</h4><div class="collapsible-content"><div>Yes, using the expand tool will use <strong>one AI credit</strong> per expanded image.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">I used the expand tool but my image doesn't look good. What should I do?</h4><div class="collapsible-content"><div>If the expanded area doesn’t turn out as expected, try refining your starting image or using a slightly smaller expansion range. This can help you achieve better AI-generated results.</div></div></div></div>

The Layers panel in Wixel allows you to manage all the elements in your design. It shows how elements are stacked, enabling you to stay organized by reordering, locking, or deleting layers effortlessl...

Wixel: Managing layers in your design

Discover how to effectively manage your design elements using the Layers panel in Wixel. Learn to reorder, lock, and delete layers to keep your project organized. You can also group and ungroup elements for easier editing, allowing you to manipulate multiple items at once. This article provides essential tips and FAQs to enhance your design workflow, ensuring you can navigate and optimize your project seamlessly.

<div data-component-type="text"><div>The Layers panel in <a data-composite="true" href="https://www.wix.com/wixel" target="_blank">Wixel</a> allows you to manage all the elements in your design. It shows how elements are stacked, enabling you to stay organized by reordering, locking, or deleting layers effortlessly.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2025/04/03/e9c0f841-40a8-4172-9f1a-7670d8cbd38d/9f812989-6fac-46b9-a360-cb7c687c6eda.png" alt="A screenshot of the Layers panel in Wixel." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="using-the-layers-panel" level="3">Using the Layers panel</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/wixel/projects" target="_blank">Go to your project in Wixel</a>.</li>  <li>Click the <strong>Layers</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/24/43bb09a6-334d-4735-b76d-5eacbf79a11c/ea77dec0-2a29-4caf-a296-1c573054846e.png" /> at the top right.</li>  <li>Choose what you want to do:
    <ul>
      <li><strong>Reorder layers</strong>: Drag and drop elements in the panel to change their stacking order.</li>      <li><strong>Lock layers</strong>: Click the <strong>Lock</strong> icon next to an element to keep it at the same layer.</li>      <li><strong>Additional actions: </strong>Click the <strong>More Actions</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/24/2055a2ce-12fe-4e77-a1a5-7fbc19c44822/880b0962-e077-42fb-bac7-30bfe785e00a.png" alt="undefined" /> next to a frame to access additional options:
        <ul>
          <li><strong>Duplicate frame</strong>: Creates a copy of the selected frame.</li>          <li><strong>Delete frame</strong>: Permanently removes the frame and its contents.</li>          <li><strong>Rename frame</strong>: Gives the frame a custom name for better organization.</li>          <li><strong>Move backward/ forward</strong>: Adjusts the frame’s position in the stack.</li>        </ul>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2025/04/03/93be8cb0-fd84-4e7e-845f-45c1d8be1358/8b15fb14-a2c6-4fdf-88c3-8c5ba1656432.png" alt="The options on the Layers panel in Wixel." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="grouping-elements" level="3">Grouping elements</h2></div><div data-component-type="text"><div>Grouping elements makes it easier to organize your design and move, resize, or edit multiple elements at once. You can group any combination of elements, such as text, images, or shapes. The selected elements become a single group, which appears as a group in the <strong>Layers</strong> panel.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/06/30/acbe2bbe-f88c-485e-b6d8-d1ee73e08453/8693b655-323e-45c6-8cc1-e4bd8fa53d97.png" alt="A screenshot of grouped elements in Wixel." /></div></div><div data-component-type="heading"><h2 id="" level="4">To group elements:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/wixel/projects" target="_blank">Go to your project in Wixel</a>.</li>  <li>Hold the <strong>Shift</strong> key and select the relevant elements.</li>  <li>Click <strong>Group Elements </strong>at the top. <br />
<strong>Tip: </strong>You can also press <strong>Ctrl + G </strong>/ <strong>Cmd + G</strong> in your keyboard to group the elements.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/06/30/f497f586-6180-4e1c-9f1f-5e3b81205726/7553e2c0-384a-4fab-974d-fdb1985863be.png" alt="A screenshot of grouping elements in Wixel." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="ungrouping-elements" level="3">Ungrouping elements</h2></div><div data-component-type="text"><div>Ungroup elements at any time to return to managing elements individually. This doesn't remove the elements from your project, it only breaks apart the group they were in.</div></div><div data-component-type="heading"><h2 id="" level="4">To ungroup elements:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/wixel/projects" target="_blank">Go to your project in Wixel</a>.</li>  <li>Select the relevant group and click <strong>Ungroup Elements</strong>.<br />
<strong>Tip: </strong>You can also press <strong>Ctrl + Shift + G </strong>(PC) / <strong>Cmd + Shift + G </strong>(Mac) in your keyboard to quickly ungroup.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/06/30/06bbe92b-49df-4494-991d-cc8dff46f8bb/c182af1f-51ae-4a33-b08e-e378416915a7.png" alt="A screenshot of ungrouping elements in Wixel." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question to learn more about layering in Wixel.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I change the position of an element as I am working with it?</h4><div class="collapsible-content"><div>Yes, in addition to reordering elements within a frame in the <strong>Layers</strong> panel, you can also move elements between frames by clicking an element and dragging it to a different frame.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/05/18/eca71b12-01e6-4f57-a1df-229686d0cb30/949aaa71-8498-4daf-a31c-5f6ca74c8a7e.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">I can't find an element on my design. Where has it gone?</h4><div class="collapsible-content"><div>If an element seems to have disappeared, check the Layers panel. Open the Layers panel and look for the element in the list. It might be hidden behind other layers or frames. Reorder it by dragging it to the top of the element list in the frame.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How do I re-order frames?</h4><div class="collapsible-content"><div>Open the <strong>Layers</strong> panel and click the <strong>More Actions</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/24/2055a2ce-12fe-4e77-a1a5-7fbc19c44822/880b0962-e077-42fb-bac7-30bfe785e00a.png" /> next to the relevant frame. Select <strong>Move backward </strong>or <strong>Move forward </strong>to change its placement in the project.</div><div><strong> </strong></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/04/24/ef0533eb-68ab-4e9a-8fbc-18aa32675557/b995dbf0-3b75-4dfd-9491-0c322db04019.png" /></div></div></div></div>

Wixel makes it easy to customize text elements in your designs. Whether you want to adjust the font, size, color, or add effects, the toolbar above your canvas gives you all the tools you need. You ca...

Wixel: Customizing text in your design

Customize your text elements effortlessly in Wixel to enhance your designs. Discover how to adjust fonts, sizes, colors, and effects using the intuitive toolbar above your canvas. You can also rotate, duplicate, and layer text for a perfect fit. This article guides you through personalizing your text, ensuring your designs stand out with unique styles and effects.

<div data-component-type="text"><div><a data-composite="true" href="https://www.wix.com/wixel" target="_blank">Wixel</a> makes it easy to customize text elements in your designs. Whether you want to adjust the font, size, color, or add effects, the toolbar above your canvas gives you all the tools you need. You can also rotate, duplicate, or layer text elements to fit them perfectly into your design.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2025/04/06/8903f6f8-96c3-4ccb-b34f-678ea91a042d/a8e98497-ef47-4ba2-a882-4432e542d5a4.png" alt="A screenshot showing the text editing toolbar in Wixel." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-text-in-your-design" level="3">Customizing text in your design</h2></div><div data-component-type="text"><div>Customize text in Wixel by adjusting fonts, colors, alignment, and effects like shadows and highlights. Simply select a text element in your design and use the options in the toolbar above the canvas to personalize it.</div></div><div data-component-type="heading"><h2 id="" level="4">To customize your text:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/wixel/projects" target="_blank">Go to your project in Wixel</a>.</li>  <li>Select the text element in your project.</li>  <li>Use the available options on the toolbar at the top to customize your text:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Font options</h4><div class="collapsible-content"><ul>
  <li><strong>Font</strong>: Select a font from the drop-down menu.</li>  <li><strong>Font size</strong>: Adjust the text size using the drop-down or enter a specific value.</li>  <li><strong>Bold, Italics, and Underline</strong>: Add emphasis to your text using these styling options.</li>  <li><strong>Uppercase</strong>: Convert your text to all caps.</li>  <li><strong>Alignment</strong>: Align text to the left, center, right, or justify.</li>  <li><strong>Line spacing</strong>: Adjust line spacing to single, double, 1.2, 1.5, or a custom value using the slider.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Color options</h4><div class="collapsible-content"><ul>
  <li><strong>Fill</strong>:
    <ul>
      <li>Open the color picker to select a color or enter a custom hex code.</li>      <li>Adjust the opacity with the slider.</li>    </ul>  </li>  <li><strong>Border</strong>:
    <ul>
      <li>Choose a border color using the picker or add a custom hex code.</li>      <li>Adjust the border width with the slider.</li>    </ul>  </li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Shadow and Highlight options</h4><div class="collapsible-content"><ul>
  <li><strong>Shadow</strong>: Customize the color, position, blur, and style of your text’s shadow using sliders.</li>  <li><strong>Highlight</strong>: Select a highlight color and control its opacity.</li></ul></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2025/04/06/4cb6b964-7c61-4fae-acef-99c2fca13c51/1d2d4c59-10ef-495d-a2e1-11f0141f79dd.png" alt="A screenshot showing how you can customize text in Wixel." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more about customizing text in your design.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I search for fonts?</h4><div class="collapsible-content"><div>Yes, use the <strong>Font</strong> drop-down menu and enter the name of the font in the search field to find it quickly.<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2025/04/06/39101f57-0d84-4afb-8125-330c00023864/65f0ed63-3d76-400a-a3e1-e457af9224df.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I use keyboard shortcuts for text customization?</h4><div class="collapsible-content"><div>Yes, Wixel supports several keyboard shortcuts to speed up your workflow. Common shortcuts include:</div><ul>
  <li><strong>Ctrl + B (Cmd + B on Mac)</strong>: Bold</li>  <li><strong>Ctrl + I (Cmd + I on Mac)</strong>: Italics</li>  <li><strong>Ctrl + U (Cmd + U on Mac)</strong>: Underline</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I revert changes made to my text elements?</h4><div class="collapsible-content"><div>Absolutely! Use <strong>Ctrl + Z (Cmd + Z on Mac)</strong> or click the <strong>Undo</strong> icon at the top of the page to reverse changes.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How can I rotate or flip my text?</h4><div class="collapsible-content"><ol>
  <li>Click the <strong>More Actions</strong> icon  <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/cf978cac-aa55-42d0-82f0-a3469655db79/83846b07-ee3b-4db5-8251-ec776e8511fd/2022/01/18/8f0595ff-a2f4-4dfa-aeae-1e0d50060115/11d4663f-9c65-4d13-9751-1b597be3f41b.png" /> at the top of the toolbar.</li>  <li>Choose an option:
    <ul>
      <li><strong>Flip horizontally</strong>: Flips text like a mirror image.</li>      <li><strong>Flip vertically</strong>: Flips text upside down.</li>      <li><strong>Rotate left</strong>: Rotates the text 90° to the left.</li>      <li><strong>Rotate right</strong>: Rotates the text 90° to the right.</li>    </ul>  </li></ol><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2025/04/06/2493b8a1-26e5-4423-a618-6009b7b941b5/9cce77f7-69e0-40d2-871a-570817b4b312.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How do I manage text layers in a complex design?</h4><div class="collapsible-content"><ol>
  <li>Click the <strong>More Actions </strong>icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/cf978cac-aa55-42d0-82f0-a3469655db79/83846b07-ee3b-4db5-8251-ec776e8511fd/2022/01/18/8f0595ff-a2f4-4dfa-aeae-1e0d50060115/11d4663f-9c65-4d13-9751-1b597be3f41b.png" /> on the toolbar.</li>  <li>Choose from the following options:
    <ul>
      <li><strong>Bring to front</strong>: Brings the text to the foreground.</li>      <li><strong>Send to back</strong>: Moves the text to the background. at the top and choose what you want to do:</li>    </ul>  </li></ol><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2025/04/06/428d1ab5-9534-4206-b76b-2f91e08c8975/160ce89e-6b80-44dd-9da2-a5559f587377.png" /></div><div><br /></div><div><strong>Tip:</strong> Learn more about <a data-composite="true" href="https://support.wix.com/en/article/wixel-managing-layers-in-your-design-6969132" target="">managing layers in your design</a>.</div></div></div></div>

How to begin

Choosing a template 

Hiring a professional to build your site

Use Wix to build your site and business. Try our AI tools to create a site, customize our templates or hire a professional to create or enhance your web presence.

Getting started

Learn how to use Wix to build your site and business.

Wix Editor basics

Using the Editor tools

Your site's layout

Strips and columns

Structuring your site

Designing your site

Pages

Menus

Managing pages and menus

Text

Buttons

Containers and boxes

Slideshows

Shapes and lines

Adding and customizing elements

Images

Galleries

Videos

Documents and files

Adding files and media

Working with elements

Using effects and animation

Sharing and promoting your site

Adding advanced elements

Getting Started

Mobile Tools

Pages on Mobile

Background on Mobile

Mobile Site Layout

Site Menu on Mobile

Text on Mobile

Media on Mobile

Other Elements on Mobile

Troubleshooting

Building a mobile site

Troubleshooting your Editor site

Using the Wix Editor

Using your site dashboard

Site management

Managing roles and permissions

Managing your site

Getting started with AI

Using AI to create & manage your site

Using AI to set up your business

AI tools

Media Manager basics

Uploading media

Purchasing media

Managing media

Media issues

Adding and managing your media

Using the Pro Gallery

Editing images (Wix Photo Studio)

Managing your media

Setting up your multilingual site

Translating your site

Managing your languages

SEO in Wix Multilingual

Creating a multilingual site

Privacy & GDPR

About Accessibility

Making your site accessible

Advanced accessibility features

Creating an accessible site

About the CMS (Content Management System)

Managing CMS collections

Connecting CMS collection content to your site

Working with dynamic pages and the CMS

Connecting user input elements to the CMS

Using CMS with other Wix products

Advanced CMS features

Wix for developers

Test Sites

SSO Logins

Wix Blocks

Advanced features

Learn how to create a site and manage its content with our intuitive editors. Know how to protect visitors' privacy and make sites compliant with accessibility laws.

Creating your site

Design and manage your site using intuitive Wix features.

Changing your account settings

Sign in issues

Managing your account

Upgrading to a Premium plan

Billing for Premium Plans

Billing for Domains

Billing for Google Workspace Business Emails

Managing your subscriptions

Charges, payments and tax

Invoices for Wix services

Using vouchers and promotions

Billing & premium subscriptions

Review your account settings, manage your subscriptions and plans and understand your invoices.

Account & billing

Manage subscriptions, plans and invoices.

Managing your site with the Wix app

Mobile apps basics

Customizing your own mobile app

Managing your own mobile app

Submitting your mobile app for approval

Building your own mobile app

Customizing your site on the Wix member apps

Managing your site on the Wix member apps

Using mobile apps as a member

Using the Wix member apps

Mobile apps for your customers

Use our mobile apps to run your business efficiently on the go and set up a dedicated app for your site members to stay in touch. 

Using the Wix mobile apps

Run your business and connect with members.

Domain basics

Wix domains

Domains purchased elsewhere

Transferring domains

Managing domains

Troubleshooting domains

Follow our step-by step guides to learn how to purchase, connect or transfer a domain for your site, and find out how to keep your site’s data secure.

Connecting a domain

Learn to purchase, connect or transfer a domain to your site.

Setting up your store

Managing products and categories

Setting up shipping & fulfillment

Setting up payment and checkout

Designing your store

Managing your orders

Managing store inventory

Managing the Members Area

Managing store emails

Promoting stores sales

Dropshipping with Wix Stores

Setting up sales channels

Using the Wix app for Wix Stores

Wix Stores

Setting up Wix Bookings

Creating your services

Managing your staff

Managing your calendar & bookings

Memberships, packages & payments

Customizing Wix Bookings pages

Emails, SMS, and promotions

Using the Wix app to manage your bookings

Video conferencing with Wix Bookings

Fit by Wix

Wix Bookings

Setting up Wix Events

Wix Events

Business solutions & apps

Get tools to grow your business and web presence. Find the right tools for your specific needs, set up online payments and keep track of your site's analytics.

Managing your business

Get tools to grow your business and web presence.

Designing with Wixel