This article refers to the previous version of Wixel. A new version was released in December 2025. If you're unsure whether you’re using the new or previous Wixel, view more information here.Wixel’s A...

Wixel: An overview of AI capabilities

Discover how to leverage Wixel's powerful AI tools to create stunning designs and enhance your images effortlessly. This article guides you through features like the AI image generator, avatar maker, and portrait generator, allowing you to produce high-quality visuals, refine existing images, and customize backgrounds. Learn how to edit with AI, expand images, and more, so you can elevate your creative projects and achieve professional results.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title"></div><div class="info-content"><div>This article refers to the previous version of Wixel. A new version was released in December 2025. If you're unsure whether you’re using the new or previous Wixel, <a data-composite="true" href="https://support.wix.com/en/article/wixel-differences-between-the-old-and-new-wixel" target="">view more information here</a>.</div></div></div></div><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 <a data-composite="true" href="https://www.wix.com/wixel/ai-image-generator" target="_blank">AI image generator</a>, 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-maker" level="3">Avatar Maker</h2></div><div data-component-type="text"><div>Turn real-life images into your own virtual persona with an <a data-composite="true" href="https://www.wix.com/wixel/ai-image-generator/avatar-maker" target="_blank">avatar maker</a>, to give a personal and creative touch to your designs. Avatars are perfect for adding charm to <a data-composite="true" href="https://www.wix.com/wixel/invitation-maker" target="_blank">birthday invitations</a>, 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 Maker.</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 with an <a data-composite="true" href="https://wix.com/wixel/ai-image-generator/ai-portrait-generator" target="_blank">AI portrait generator</a>. 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 <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/background-remover" target="_blank">remove the background</a> 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="edit-with-ai" level="3">Edit with AI</h2></div><div data-component-type="text"><div>Edit, replace, or <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/photo-eraser" target="_blank">remove specific objects</a> in your image. Using this tool, you can edit an image by describing what to change, selecting an object, or brushing over an area of the image. 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/10/16/c3b4c7ab-717b-477d-a014-990f03155104/32870b5a-5bc3-4f8d-899d-a90830e2d621.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-editing-an-image-with-ai" target="">Learn more about using Edit with AI</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><a data-composite="true" href="https://www.wix.com/wixel/photo-editor/ai-image-extender" target="_blank">Expand an image</a> 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">Can I use these AI tools on my mobile device?</h4><div class="collapsible-content"><div>Yes, Wixel's AI tools are accessible on the <a data-composite="true" href="https://support.wix.com/en/article/wixel-about-the-wixel-mobile-app" target="">Wixel mobile app</a> as well.</div><div><br /></div><div><strong>Tip: </strong><a data-composite="true" href="https://ghakj.app.link/?deeplink=" target="_blank">Download the Wixel mobile app</a> or go to <a data-composite="true" href="http://www.wix.com/wixel" target="_blank">www.wix.com/wixel</a> to start designing on the go.</div></div></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>Note: </strong></div><div>The <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/background-remover/background-changer" target="_blank"><strong>Replace Background</strong></a><strong> </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.</div></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 <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/image-resizer" target="_blank">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.</li>      <li><a data-composite="true" href="https://www.wix.com/wixel/photo-editor/photo-filters" target="_blank"><strong>Color filters</strong></a><strong>: </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 <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/image-enhancer" target="_blank">auto-enhance your image</a>.</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>

This article refers to the previous version of Wixel. A new version was released in December 2025. If you're unsure whether you’re using the new or previous Wixel, view more information here.Create hi...

Wixel: Generating an image with AI

Discover how to create stunning AI-generated images quickly using Wixel. By simply describing your vision and customizing the output, you can produce high-quality visuals for banners, blog posts, and more. This article guides you through the image generation process, including tips for enhancing your prompts and reusing them for future designs. Unleash your creativity and bring your ideas to life effortlessly!

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title"></div><div class="info-content"><div>This article refers to the previous version of Wixel. A new version was released in December 2025. If you're unsure whether you’re using the new or previous Wixel, <a data-composite="true" href="https://support.wix.com/en/article/wixel-differences-between-the-old-and-new-wixel" target="">view more information here</a>.</div></div></div></div><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>at the bottom left.</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 <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/image-cropper" target="_blank">cropping</a>, <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/ai-image-extender" target="_blank">expanding</a>, <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/background-remover" target="_blank">removing the background</a> or applying <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/photo-filters" target="_blank">color filters</a>.</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>

This article refers to the previous version of Wixel. A new version was released in December 2025. If you're unsure whether you’re using the new or previous Wixel, view more information here.Remove th...

Wixel: Removing an image's background with AI

Discover how to remove the background from images using Wixel's intuitive background remover tool. This feature allows you to create clean, transparent backgrounds for logos, product images, and more, enhancing the professional look of your projects. Learn how to use this tool effectively and explore options for replacing backgrounds with AI-generated designs to match your creative vision.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title"></div><div class="info-content"><div>This article refers to the previous version of Wixel. A new version was released in December 2025. If you're unsure whether you’re using the new or previous Wixel, <a data-composite="true" href="https://support.wix.com/en/article/wixel-differences-between-the-old-and-new-wixel" target="">view more information here</a>.</div></div></div></div><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 <a data-composite="true" href="https://www.wix.com/logo/maker" target="_blank">logos</a>, 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="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 background</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 or tap 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">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 <strong>Edit with AI </strong>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 <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/background-remover/transparent-background-maker" target="_blank">transparent backgrounds</a>, 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>

This article refers to the previous version of Wixel. A new version was released in December 2025. If you're unsure whether you’re using the new or previous Wixel, view more information here.Easily tr...

Wixel: Editing an image with AI

Discover how to transform your images using Wixel’s powerful Edit with AI tool. This feature allows you to easily remove unwanted elements or replace them with AI-generated visuals by simply describing your desired changes or selecting specific areas. Enhance your designs with precision and creativity, making your images stand out effortlessly. Learn more about the tool and its capabilities in the full article.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title"></div><div class="info-content"><div>This article refers to the previous version of Wixel. A new version was released in December 2025. If you're unsure whether you’re using the new or previous Wixel, <a data-composite="true" href="https://support.wix.com/en/article/wixel-differences-between-the-old-and-new-wixel" target="">view more information here</a>.</div></div></div></div><div data-component-type="text"><div>Easily transform your images with AI using Wixel’s <strong>Edit with AI</strong> tool. Simply describe what you want to change in the image or pinpoint specific areas in your design to remove unwanted elements or replace with AI-generated visuals.</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="editing-an-image-with-ai" level="3">Editing an image with AI</h2></div><div data-component-type="text"><div>The <strong>Edit with AI</strong> 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>Edit with AI </strong>at the top.</li>  <li>Choose how to edit your image:
    <ul>
      <li><strong>Write a prompt: </strong>Describe what you want to change in the image using the textbox.</li>      <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>(If you selected an object or marked an area) Choose what to do:
    <ul>
      <li><strong>Edit the image:</strong> Describe in the textbox how you want to change the image.</li>      <li><strong>Delete:</strong> Remove the selected object or area entirely.</li>    </ul>  </li>  <li>Click <strong>Close </strong>when you're done.</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/10/16/093e1104-7ff6-4ae0-a310-479310c8464e/6b79f335-b13d-44e4-aad3-f44be1000781.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 edit the image or delete and element in the image. You don’t use any credits by simply clicking the <strong>Edit with AI </strong>button.</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 this tool work, and how can it enhance my designs?</h4><div class="collapsible-content"><div>Edit with AI 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">How do I remove text or words from my image?</h4><div class="collapsible-content"><div>Use the <strong>Delete</strong> option to erase any unwanted text or words from your image. The selected text is removed, and the tool automatically fills in the empty space.</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></div></div>

This article refers to the previous version of Wixel. A new version was released in December 2025. If you're unsure whether you’re using the new or previous Wixel, view more information here.Bring you...

Wixel: Using the photo editing tools

Discover how to utilize Wixel's powerful photo editing tools to enhance your images for various projects, whether for websites, social media, or print. Learn to adjust, crop, expand, and apply filters to create stunning visuals. This article also provides insights into using AI features for background replacement and object editing, ensuring your designs look polished and professional. Dive in to unlock your creative potential with Wixel!

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title"></div><div class="info-content"><div>This article refers to the previous version of Wixel. A new version was released in December 2025. If you're unsure whether you’re using the new or previous Wixel, <a data-composite="true" href="https://support.wix.com/en/article/wixel-differences-between-the-old-and-new-wixel" target="">view more information here</a>.</div></div></div></div><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 <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/ai-image-extender" target="_blank">expand an image</a>, 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">Edit with AI</h4><div class="collapsible-content"><div><a data-composite="true" href="https://www.wix.com/wixel/photo-editor/photo-eraser" target="_blank">Remove or replace specific objects</a> 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-editing-an-image-with-ai" target="">Learn more about the Edit with AI 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><a data-composite="true" href="https://www.wix.com/wixel/photo-editor/background-remover" target="_blank">Remove or replace the image background</a>. 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="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>Remove Background</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>    </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 <strong>Replace Background</strong> 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>

This article refers to the previous version of Wixel. A new version was released in December 2025. If you're unsure whether you’re using the new or previous Wixel, view more information here.Turn real...

Wixel: Generating an avatar with AI

Discover how to create personalized avatars using Wixel to enhance your designs with a unique touch. This article guides you through generating avatars from real-life images, perfect for event invitations, social media, and more. Learn about customizing your avatars, selecting image sizes, and utilizing them effectively in your projects to boost engagement and branding. Dive into the full article to explore the creative possibilities with Wixel's avatar feature!

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title"></div><div class="info-content"><div>This article refers to the previous version of Wixel. A new version was released in December 2025. If you're unsure whether you’re using the new or previous Wixel, <a data-composite="true" href="https://support.wix.com/en/article/wixel-differences-between-the-old-and-new-wixel" target="">view more information here</a>.</div></div></div></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 in <a data-composite="true" href="https://www.wix.com/wixel" target="_blank">Wixel</a>. Avatars are perfect for adding charm to <a data-composite="true" href="https://www.wix.com/wixel/invitation-maker" target="_blank">event invitations</a>, 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><a data-composite="true" href="https://www.wix.com/wixel/ai-image-generator/avatar-maker" target="_blank">Create an avatar using AI</a> 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><a data-composite="true" href="https://www.wix.com/wixel/ai-image-generator/avatar-maker" target="_blank"><strong>Generate avatar</strong></a><strong>:</strong> This feature transforms an uploaded image into a customizable, AI-generated persona designed to fit any creative theme or style.</li>  <li><a data-composite="true" href="https://wix.com/wixel/ai-image-generator/ai-portrait-generator" target="_blank"><strong>Generate portrait image</strong></a><strong>:</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>

This article refers to the previous version of Wixel. A new version was released in December 2025. If you're unsure whether you’re using the new or previous Wixel, view more information here.Turn ever...

Wixel: Generating a professional portrait with AI

Transform your everyday photos into stunning professional portraits using Wixel’s AI-powered portrait generator. This article guides you through the process of generating high-quality images tailored for various needs, from LinkedIn profiles to promotional materials. Learn how to upload images, customize styles, and save your creations effortlessly, ensuring you stand out with polished visuals.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title"></div><div class="info-content"><div>This article refers to the previous version of Wixel. A new version was released in December 2025. If you're unsure whether you’re using the new or previous Wixel, <a data-composite="true" href="https://support.wix.com/en/article/wixel-differences-between-the-old-and-new-wixel" target="">view more information here</a>.</div></div></div></div><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 <a data-composite="true" href="https://wix.com/wixel/ai-image-generator/ai-portrait-generator" target="_blank">AI-powered portrait generator</a> 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="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="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><a data-composite="true" href="https://wix.com/wixel/ai-image-generator/ai-portrait-generator" target="_blank"><strong>Generate portrait</strong></a><strong>:</strong> Creates professional, business-focused portraits for polished designs.</li>  <li><a data-composite="true" href="https://www.wix.com/wixel/ai-image-generator/avatar-maker" target="_blank"><strong>Generate avatar</strong></a><strong>:</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 <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/image-cropper" target="_blank">cropping</a> or <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/ai-image-extender" target="_blank">expanding</a> the image, <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/background-remover" target="_blank">removing the background</a>, or applying <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/photo-filters" target="_blank">color filters</a>.</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>

This article refers to the previous version of Wixel. A new version was released in December 2025. If you're unsure whether you’re using the new or previous Wixel, view more information here.Effortles...

Wixel: Generating image variations with AI

Discover how to effortlessly create multiple variations of any image using AI in Wixel. By uploading your image and customizing the style, you can generate diverse visuals that maintain your original concept. This tool allows you to refine your images and enhance your visual content, making it perfect for tailored branding and creative projects. Learn more about the process and features to maximize your design potential.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title"></div><div class="info-content"><div>This article refers to the previous version of Wixel. A new version was released in December 2025. If you're unsure whether you’re using the new or previous Wixel, <a data-composite="true" href="https://support.wix.com/en/article/wixel-differences-between-the-old-and-new-wixel" target="">view more information here</a>.</div></div></div></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. 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 <a data-composite="true" href="https://www.wix.com/wixel/ai-image-generator" target="_blank">generate images</a> 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-your-ai-credits-4033015" target="">Learn more about your AI credits.</a></div></div></div></div>

This article refers to the previous version of Wixel. A new version was released in December 2025. If you're unsure whether you’re using the new or previous Wixel, view more information here.Elevate y...

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. This article guides you through adding decorative elements to create personalized projects, from invitations to promotions, while offering tips on customizing colors and layering elements. By following these steps, you can elevate your design and make it truly unique.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title"></div><div class="info-content"><div>This article refers to the previous version of Wixel. A new version was released in December 2025. If you're unsure whether you’re using the new or previous Wixel, <a data-composite="true" href="https://support.wix.com/en/article/wixel-differences-between-the-old-and-new-wixel" target="">view more information here</a>.</div></div></div></div><div data-component-type="text"><div>Elevate your designs with Wixel’s versatile Add Elements panel. <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/add-text-to-photo" target="_blank">Add text</a>, shapes, stickers, and icons to personalize your projects with ease. Design anything from bold <a data-composite="true" href="https://www.wix.com/wixel/invitation-maker" target="_blank">invitations</a> 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">Tips:</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>Some stickers are part of a sticker pack, giving you many more options in the same aesthetic. Hover over a sticker – 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" /> will appear if there are more options to look at.</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. <a data-composite="true" href="https://www.wix.com/wixel/ai-image-generator" target="_blank">AI-generated images</a>), 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 <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/background-remover" target="_blank">background removal</a>, or <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/image-converter" target="_blank">convert files</a> to formats like SVG for further customization.</div><div><br /></div><div><strong>Note: </strong>To download files in SVG format, you need to <a data-composite="true" href="https://support.wix.com/en/article/wixel-upgrading-to-a-wixel-pro-plan" target="">upgrade your plan</a>.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/07/16/473ed34c-b65c-41f7-bc1b-bd091e2ed585/bc8d835a-4cda-4db0-aed5-fb16432b19bf.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>

Wixel: Replacing an image's background with AI

Discover how to effortlessly enhance your visuals by using Wixel's Replace Background tool. This feature allows you to customize image backgrounds with AI-generated designs or select from solid colors, patterns, and images. By following simple steps, you can create striking results that elevate your creative projects, whether for eCommerce, social media, or branding. Learn how to make your images stand out and achieve polished, high-quality visuals with minimal effort.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title"></div><div class="info-content"><div>This article refers to the previous version of Wixel. A new version was released in December 2025. If you're unsure whether you’re using the new or previous Wixel, <a data-composite="true" href="https://support.wix.com/en/article/wixel-differences-between-the-old-and-new-wixel" target="">view more information here</a>.</div></div></div></div><div data-component-type="text"><div>Elevate your visuals and customize your background to suit your creative goals effortlessly with <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/background-remover/background-changer" target="_blank">Wixel's Replace Background</a> 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 using AI in Wixel, allowing you to adjust proportions effortlessly while ensuring the added details blend seamlessly with the original photo. This tool is perfect for creating marketing assets or social media posts that require flexible image sizes. By following simple steps, you can enhance your designs without compromising quality, making your visuals stand out.

<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 <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/image-resizer" target="_blank">resize your image</a> 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>

Frames and layers help you keep your creative projects organized and flexible from start to finish. With frames, you can design for multiple formats, like Facebook, Instagram, and LinkedIn posts, all ...

Wixel: Managing frames and layers in your design

Discover how to effectively use frames and layers in Wixel to keep your creative projects organized and flexible. Learn to manage elements within your design, including grouping and ungrouping elements for easier editing. This article guides you through the features that allow you to arrange, lock, or remove parts of your project, helping you achieve a polished and professional result every time.

<div data-component-type="text"><div>Frames and layers help you keep your creative projects organized and flexible from start to finish. With frames, you can design for multiple formats, like Facebook, Instagram, and LinkedIn posts, all within a single project. </div></div><div data-component-type="text"><div>The Layers panel gives you complete control over every element in your design, making it easy to arrange, lock, or remove parts as you go. This lets you focus on your vision and achieve a polished, professional result every time.</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-frames-and-layers" level="3">Using frames and layers</h2></div><div data-component-type="text"><div>Learn how to work with frames and layers efficiently, to help your project stay organized.</div></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:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Manage frames</h4><div class="collapsible-content"><div>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 a frame.</div><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></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Manage layers</h4><div class="collapsible-content"><div>Select a frame to manage the layers within it.</div><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></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/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="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>This feature is only available on your desktop.</div></div></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 <strong>Layers </strong>panel. Open the <strong>Layers </strong>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 in Wixel effortlessly by adjusting fonts, sizes, colors, and effects to enhance your designs. Use the intuitive toolbar above your canvas to personalize your text, including options for rotation, duplication, and layering. This article guides you through the customization process, helping you create visually appealing text that fits perfectly into your project. Explore the full range of features to elevate your design today!

<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>Text color </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/10/21/2005ecb3-7609-4697-a3cf-5e7467c9c68c/ece216db-26a3-4fdc-9ee0-b79d68f72b2a.png" />: 
    <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>Highlight </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/10/21/9a63e8ab-a8bc-4873-84fb-e10bce89c0b6/51e91967-8cad-4d33-bf5b-84c66c3a4f55.png" /><strong>: </strong>Select a highlight color and control its opacity.</li>  <li><strong>Border </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/10/21/037153fd-754f-434b-bab6-a303a5c8c6e8/4725f981-90ff-4c7c-b4c0-04709ad3f68a.png" /><strong>: </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 options</h4><div class="collapsible-content"><div>Click the <strong>Shadow</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/10/21/48cfa154-fcd2-49bf-9626-8694ffaf2eaf/2d84b507-84b3-4b8b-a547-f433a94f2689.png" /> to customize the color, position, blur, and style of your text’s shadow using sliders.</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/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="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>Highlight a letter or word in the text box to individually customize them.</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 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, on the dashboard you can 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

Build your website and business with Wix. Try using our AI tools to create your website, customize templates, or hire professionals to build or enhance your online presence.

Getting started with Wix

Learn how to build your website and business using Wix.

Wix Editor basics

Using the Editor tools

Your site's layout

Strips and columns

Your site's structure

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 animations

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 your mobile site

Building a mobile site

Troubleshooting Editor sites

Using the Wix Editor

Using your dashboard

Managing your site

Managing Roles & Permissions

Getting started with AI

Using AI to create & manage your website

Using AI to set up your business

AI tools

Getting started with the editor

Using the editor tools

Structuring your site

Adding animations and effects

Branding your site

Troubleshooting your site

Using the Wix Harmony Editor

Media Manager basics

Uploading media

Purchasing media

Managing media

Troubleshooting media

Adding & managing media

Using the Pro Gallery

Editing images (Wix Photo Studio)

Getting started with Wixel

Creating and managing projects

Designing with Wixel

Upgrading and account management

Wixel

Managing your media

Wix Multilingual basics

Translating your website

Managing languages

SEO in Wix Multilingual

Creating a multilingual website

Privacy and GDPR

About accessibility

Making your site accessible

Advanced accessibility features

Building 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 CMS

Using CMS with other Wix products

Advanced CMS features

Wix for Developers

Test Site

SSO Login

Wix Blocks

Advanced features

Getting started with  Wix Vibe

Managing your Wix Vibe site

Customizing your Wix Vibe site

Publishing your Wix Vibe site

Using Wix Vibe

Read how to use the Wix Editor and manage content on your site. Discover how to protect your visitors' privacy and make your site accessible.

Creating a website

Design and manage your site with smart functionalities.


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

Wix Stores

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.