top of page

Managing your media

Wixel

Wixel: Creating and Editing Images


Unlock your creative potential with Wixel’s intuitive image tools. Whether you’re building graphics for your website, social channels, or digital campaigns, Wixel gives you all the options you need to craft standout visuals.


Bring your ideas to life by creating unique AI-generated visuals. Then use Wixel's suite of photo editing features to crop, filter, and fine-tune every detail. With so many ways to edit and enhance, your images will always look just right for any project.


A marketing screenshot of generating images in Wixel.

Note:


Actions that involve generating and editing an image with AI use AI credits.



Creating an image


Create unique, high-quality AI-generated images. Describe your idea, define your style, and let the Wixel Agent bring your vision to life.


To create an image:


Desktop browser


  1. Go to Wixel.

  2. Choose how to generate the image you want in the text box:

    • Describe what you want to create: Enter a description like "Create an image of a puppy". You can also specify the style or mood of the image.

    • Add a reference image: Click the Add icon

      Wixel: Creating and Editing Images

      in the text box to upload an image, then describe what you want to create with it.

    • Promote your business on social media: Create posts for a product launch, a service, or event. Name the type of post you want (e.g. "Create an Instagram story") and you'll automatically get the right size for that platform.

      Tip: Add a link to your site or business page to get a post that matches your logo, fonts, and colors.

  3. Click the Generate icon

    Wixel: Creating and Editing Images

    .

  4. Once the image is generated, choose what you want to do:

    • Preview the image: Click the Preview icon

      Wixel: Creating and Editing Images

      to open each image and view it larger.

    • Download an image: Hover over the relevant image and click the Download icon

      Wixel: Creating and Editing Images

      to save it to your device.

    • Edit an image: Hover over the relevant image and click Select. This will add the image to the project so you can continue modifying it.


Tip:


You can always scroll back up in your history with the Wixel Agent to download or add other images to your project.


A screenshot of using the Wixel Agent to create an image in Wixel.

Wixel app


  1. Go to your project in the Wixel app.

  2. Open the chat with the Wixel Agent and choose how to generate an image:

    • Describe what you want to create: Write a description like "Create an image of a puppy". You can also specify the style or mood of the image.

    • Add a reference image: Click the Add icon

      Wixel: Creating and Editing Images

      on the chat to upload a reference image, then describe what you want to create using that image.

    • Promote your business on social media: Create posts tailored to the right dimensions for social media for a product launch, to promote a product or service, or to announce an event. To begin, tell the Wixel Agent to "Create a social media post".

  3. Once the images are generated, choose what you want to do:

    • Preview an image: Tap the Preview icon

      Wixel: Creating and Editing Images

      to open each image and view it larger.

    • Download an image: Tap the Download icon

      Wixel: Creating and Editing Images

      on the relevant image to save it to your device.

    • Edit an image: Tap Select on the relevant image. This will add the image to the project so that you can continue modifying it.


Tip:


You can always scroll back up in your history with the Wixel Agent to download or add the other images to your project.


A screenshot of a chat with the Wixel Agent in the Wixel mobile browser.


Adding an image to your design


Upload an image from your computer or choose an image from Wixel's public media.


To add an image:


Desktop browser


  1. Go to your project in Wixel.

  2. Click the relevant design.

  3. Choose how to add an image:

    • Upload your own image: Click the Upload icon

      Wixel: Creating and Editing Images

      on the toolbar to upload an image from your computer.

    • Browse Wixel's public media: Click the Media icon

      Wixel: Creating and Editing Images

      on the toolbar to select an image.


A screenshot of the Media panel in the toolbar in Wixel.

Wixel app


  1. Go to your project in the Wixel app.

  2. Select the relevant design.

  3. Tap the Edit icon

    Wixel: Creating and Editing Images

    on the right.

  4. Tap + Elements on the action bar.

  5. Choose how to add an image:

    • Add elements: Add images from Media from Wix.

    • Upload media: Add an image from your mobile device's photo library or take a photo.


A screenshot of images in the Add elements panel in the Wixel mobile browser.


Editing an image


Once you’ve added an image to your project, make it your own with Wixel’s photo editing tools. Tweak your image directly in your project - use AI to remove or replace backgrounds, try out different filters, crop or adjust your image, and more.


You can chat with the Wixel Agent for instant AI-powered edits, or use manual controls for precise adjustments.


Note:


The AI editing tools, such as Smart Actions and Select Area, use AI credits.


To edit an image:


Desktop browser


  1. Go to your project in Wixel.

  2. Click the relevant image in your project.

  3. Choose from the available editing options on the action bar:


Browse a list of smart actions to quickly edit and enhance your image. These actions can help you save time editing while allowing you to generate new images of products, characters, people, and more.

  1. Click Smart Actions.

  2. Select an action.

  3. Customize the action using the available options on the right side of the window.

  4. Click Generate.


Click Remove BG to remove the image's background in one click.


Click Smart Layers to take a single-layer image and automatically break it down into multiple editable image objects and text layers.


Pinpoint specific areas in your design to remove unwanted elements or replace with AI-generated visuals.

  1. Click Select Area on the action bar.

  2. Choose a tool to select the area you want to edit:

    • Select object

      Wixel: Creating and Editing Images

      : Click an object in the image to automatically select it.

    • Select area

      Wixel: Creating and Editing Images

      : Click and drag to draw a rectangle over the area you want to edit.

    • Mark area

      Wixel: Creating and Editing Images

      : Manually brush over the area you want to edit.

      • Drag the slider to adjust the brush size.

      • Click the Select more icon

        Wixel: Creating and Editing Images

        or Select less icon

        Wixel: Creating and Editing Images

        to refine your selection.

  3. Choose what to do with the selected area:

    • Erase the selected area: Click Remove on the action bar to remove it entirely from the image.

    • Edit the image: Describe how you want to change the image:

      1. In the Edit selection textbox, enter a description of the change you want to make (e.g. "Make the lamp gold").

      2. (Optional) Click the Add reference image icon

        Wixel: Creating and Editing Images

        to add an image from your device or from the Wixel Media Manager.

      3. Click Generate.

Tip: Click Save Selection on the action bar to save the selected object or area to your Wixel Media Manager so you can reuse it in the future.


Improve the image's lighting and color in one click. Click the More Tools dropdown and click Enhance.

Tip: Click the View original image icon

Wixel: Creating and Editing Images

at the top corner of the image to compare the 'before' and 'after'.


Automatically improve the resolution of your image.

Note: The maximum image width/height for upscaling is 3,000px. Upscaling your image may increase the size it appears on your site.

  1. Click the More Tools dropdown and click Upscale Image.

  2. Choose by how much to scale the image by (e.g. 2x, 4x).

  3. Click Upscale.


Expand your image in any direction, and let AI fill in realistic details to complete the picture.

  1. Click the More Tools dropdown and click Expand.

  2. Choose a predefined ratio size (e.g. 1:1, 16:9, 3:2).

  3. Click Expand.


Cut and resize your image. Depending on your project, you may need to crop images for optimal display on desktop, mobile, or social media.

  1. Click the More Tools dropdown and click Crop.

  2. Choose how to crop your image:

    • Freeform: Manually click and drag the corners of the image with your mouse.

    • Fixed ratio: Crop your image to a predefined size and ratio (e.g. 1:1, 9:16).

    • Custom Size: Enter specific dimensions for the Width and Height fields

  3. Click Crop to confirm the change.


Instantly change the look and feel of your image by applying various styles,from bold and vibrant to soft and muted. Filters help you quickly achieve a cohesive look that matches your design's tone and mood.

  1. Click the More Tools dropdown and click Filters.

  2. Select a filter.

  3. (Optional) Drag the slider to adjust the intensity.


Fine-tune your image's light, color, and effects, adjusting elements like brightness, saturation, and sharpness.

  1. Click the More Tools dropdown and click Adjust.

  2. Drag the sliders to adjust the effects.

Tip: Click Reset to remove any changes you made.


  1. Click the More Tools dropdown and click Borders & Corners.

  2. Choose what to do:

    • Adjust the image's borders:

      • Drag the slider to make the border thicker or thinner.

      • Click the color circle to change the border's color and opacity.

    • Adjust the image's corners: Drag the slider to make the corners of your image more square or round.

      Tip: Click the Settings icon

      Wixel: Creating and Editing Images

      to design each corner separately.


Saving an image to your media:


Click the More Actions icon


Wixel: Creating and Editing Images

on the action bar and click Save to add the edited image to your media.


A screenshot of the photo editing tools in Wixel.

Wixel app


  1. Go to your project in the Wixel app.

  2. Select the relevant image in your project.

  3. Swipe right on the action bar to choose from the available editing options:


Browse a list of smart actions to quickly edit and enhance your image. These actions can help you save time editing while allowing you to generate new images of products, characters, people, and more.

  1. Tap the Smart Actions icon

    Wixel: Creating and Editing Images

    .

  2. Select an action.

  3. Customize the action using the available options.

  4. Tap Generate.


Tap the Remove BG icon

Wixel: Creating and Editing Images

to automatically remove the image's background.


Tap the Enhance icon

Wixel: Creating and Editing Images

to automatically improve the image's lighting and color.

Tip: Tap the View original image icon

Wixel: Creating and Editing Images

at the top corner of the image to compare the 'before' and 'after'.


Pinpoint specific areas in your design to remove unwanted elements or replace with AI-generated visuals.

  1. Tap the Select Area

    Wixel: Creating and Editing Images

    on the action bar.

  2. Brush over the area you want to edit:

    • Drag the slider to adjust the brush size

    • Tap Select more or Select less to refine your selection.

  3. Tap Next.

  4. Describe in the Edit selection textbox how you want to change the image (e.g. "Make the lamp gold").

  5. (Optional) Tap the Add reference image icon

    Wixel: Creating and Editing Images

    to use an existing photo from your device or take a photo with your device's camera.

  6. Tap Generate.


Automatically improve the resolution of your image.

Note: The maximum image width/height for upscaling is 3,000px. Upscaling your image may increase the size it appears on your site.

  1. Swipe on the action bar and tap the Upscale Image icon

    Wixel: Creating and Editing Images

    .

  2. Choose by how much to scale the image by (e.g. 2x, 4x).

  3. Tap Upscale.


Cut and resize your image. Depending on your project, you may need to crop images for optimal display on desktop, mobile, or social media.

  1. Swipe on the action bar and tap the Crop icon

    Wixel: Creating and Editing Images

    .

  2. Choose how to crop your image:

    • Freeform: Manually drag the corners of the image with your mouse.

    • Fixed ratio: Crop your image to a predefined size and ratio (e.g. 1:1, 9:16).

  3. Tap Crop to confirm the change.

Tip: You can also tap and drag the corners of the image to crop it.


Instantly change the look and feel of your image by applying various styles,from bold and vibrant to soft and muted. Filters help you quickly achieve a cohesive look that matches your design's tone and mood.

  1. Tap the Filter icon

    Wixel: Creating and Editing Images

    on the action bar.

  2. Select a filter.

  3. (Optional) Drag the slider to adjust the intensity.

  4. Tap the Done icon

    Wixel: Creating and Editing Images

    to confirm the changes.


Fine-tune your image's light, color, and effects, adjusting elements like brightness, saturation, and sharpness.

  1. Tap the Adjust icon

    Wixel: Creating and Editing Images

    on the action bar.

  2. Drag the slides to adjust the effects.

  3. Tap the Done icon

    Wixel: Creating and Editing Images

    to confirm the changes.

Tip: Tap Reset to remove any changes you made.


  1. Click the Corner Radius icon

    Wixel: Creating and Editing Images

    on the action bar.

  2. Drag the slider to make the corners of your element more square or round.

    Tip: Click the Settings icon

    Wixel: Creating and Editing Images

    to design each corner separately.

  3. Tap the Done icon

    Wixel: Creating and Editing Images

    to confirm the changes.


  1. Click the Borders icon

    Wixel: Creating and Editing Images

    on the action bar.

  2. Drag the slider to make the border thicker or thinner.

  3. Tap the color circle to change the border's color and opacity.

  4. Tap the Done icon

    Wixel: Creating and Editing Images

    to confirm the changes.


Saving an image to your media:


Tap More on the action bar and tap Save to add the edited image to your media.


A screenshot of the image editing options on the action bar in the Wixel app.

What's next?


Remix the image to create new designs that keep the same style, colors, and overall feel.



FAQs


Click a question below to learn more about this.


When asking the Wixel Agent to generate an image, 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:

  • Scene: Describe what’s happening (e.g. "a bustling city street at sunset").

  • Setting: Mention the environment or mood (e.g. "a lush green garden with glowing string lights").

  • Focus: State what the image should highlight (e.g. "a central character holding a book").


Yes, each time you generate or regenerate an image, one of your AI credits will be spent.


On the desktop browser:

  1. Click the design's frame details.

  2. Click Change Size on the action bar.

  3. Choose a preset size or set a custom size.

Tip: You can also click and drag the design's frame to adjust its size.

On the Wixel app:

  1. Select the relevant design.

  2. Tap the Edit icon

    Wixel: Creating and Editing Images

    .

  3. Tap the Change Size icon

    Wixel: Creating and Editing Images

    on the action bar.

  4. Choose a preset size or set a custom size.

Learn more about changing the frame size.


Yes, you can click the Undo icon

Wixel: Creating and Editing Images

at the top of the project to revert recent changes. Alternatively, press Ctrl + Z (Windows) or Cmd + Z (Mac) on your keyboard.


To save your image, click or tap the Save icon

undefined

on your action bar. When you want to use it for other parts of your project or to access it in the future, click + Elements on the action bar and find it under My Media.


Download your images by clicking Share & Download (on desktop) or tapping the Share & Download icon

Wixel: Creating and Editing Images

(on the Wixel mobile app) at the top of your project. Choose your desired file type, quality, and size, then click or tap Download.

Learn more about downloading your designs.


Yes. Ask the Wixel Agent for a plain code, a code styled to match your brand, or a poster with the code built in. Learn how to create a QR code.


Need A Professional Website?
Contact Us 
Today!

I'm a paragraph. I'm connected 

I'm a paragraph. I'm connected 

I'm a paragraph. I'm connected 

I'm a paragraph. I'm connected 

I'm a paragraph. I'm connected 

I'm a paragraph. I'm connected 

wix experts
Graphic2Traffic web design
©
bottom of page