Let your images optimize themselves in minutes with generative AI. Just enter your site, select the images you want improved, and add our script or image URL. Our AI tests and learns what works over time, generating images that perform better and better.

Note: This feature is deprecated. We’re working on a new, improved version that will allow you to optimize your images within our core product. We’ve released our leading-edge image background generation model on Hugging Face if you’d like to try it out.

Featured as the #1 Product of the Day on Product Hunt!

Welcome!

We’re glad you’re here. This guide is designed to walk you through Living Images—letting your images optimize themselves. Let’s get started!

Note: Not a developer? No problem. We’ll be launching a script integration you can paste into your website very soon.

Getting Started

You can either sign up through our website and get your first A/B test set up or sign up without any preliminary setup.

To create a new A/B test, head over to the home page if you’re a new user, or click Create new A/B test in the dashboard if you’re an existing user.

Steps

  1. Input a Website URL

    Don’t have a website? No problem—just enter any website URL. You always have the option to manually upload your image.

  2. Choose an Image

    Select one of the images we fetch from your website or upload one of your own.

  3. Select Modification Type

    Decide if you’d like to alter the background of the image or modify the entire image. Typically, product photos are preferable for background changes, while stock photos suit full-image modifications.

  4. Generate a Concept

    Coframe evaluates your website, the selected image, and the type of modification to generate a concept. If you’re not satisfied with the initial concept, feel free to regenerate it or create a whole new prompt.

  5. Generate Variations

    Once you’re happy with the prompt, our custom AI model will generate four different variations of your image. This process may take up to 30 seconds or longer during peak demand periods. Pick one of these images or refresh the set as desired.

  6. Confirm Your Image

    Confirm your chosen image. Once approved, your test will become visible on your dashboard.

Integration

After test creation, you’ll be able to view your images and integrate them into your website using either of the following methods:

  • URL/API
  • Script (coming soon)

Note: All images served are in .webp format to minimize latency.

Integration Details

URL/API Integration

  • Difficulty: Requires coding.
  • Typical Integration Time: 10 minutes.

To integrate an A/B test, find the See instructions button on the test you want to integrate.

Image Integration:

You’ll find a URL. Paste this URL where the image would normally load.

Warning: Some frameworks and website builders cache images. If your tool (like React or Webflow) does this, you may need to use the script method.

Custom Parameters:

You can set custom parameters in the URL to adjust the image:

  • ?w=<> (width of the image)
  • ?h=<> (height of the image)
  • ?v=<> (image variant; either “a” or “b”)
  • ?version=<> (the round of the image)

We randomize the image on the server side (our CDN). We determine conversions by tracking the IP address of the viewing client, which also locks the image to that IP address. Thus, loading the image from the same IP address will always show the same image.

Tracking Conversions:

After integrating the URL, the next crucial step is setting up conversions—without this, the algorithm won’t function.

To log conversions, send a POST request to our endpoint from your client:

POST https://api.img.coframe.ai/api/v2/images/conversions
Content-Type: application/json

{
  "project_id": "your_project_id"
}

Info: You can find your project ID in the instructions on the dashboard.

It’s crucial to make this request from the client side because we link the viewed image with the client’s IP address.

Script Integration

  • Difficulty: Non-technical.
  • Typical Integration Time: 2 minutes.

This method is Coming Soon!

Dashboard Features

In the dashboard, you can:

  • Track Progress: Estimate the duration until the A/B test completion.
  • Pause A/B Test: Select the ellipsis underneath the image you want to set, choose Only show this image. This pauses the experiment, displaying only the chosen image. You can resume it by selecting Resume on the other image.
  • Swap Images: Click the ellipsis under the image you want to swap and choose Replace. You’ll be redirected to the chat where you can generate a new image with AI or upload one of your own.
  • Toggle Auto-Approve: With auto-approve on, Coframe will auto-implement images, selecting winners each time and learning from the process. If auto-approve is off, you’ll need to check the dashboard manually and approve any new images generated once the A/B test concludes.
  • View History: See a historical record of all the images tested and their respective conversion rates.

Note: After creating an account, each set of four image generations counts as one generation.

For support, join our Slack community.

For any custom requirements, reach out to our team at team@coframe.com.