What’s “Image to Layout”?
Image to Layout is an AI-powered conversion that transforms images and website URLs into detailed layout representations. Gempages takes advantage of advanced AI capabilities to transform your web design workflow. By effortlessly uploading an image or inputting a website URL, Image to Layout will seamlessly convert it into a detailed layout representation, eliminating the need for manual deconstruction.
How to use the “Image to Layout” feature
1. Access the Image to Layout feature
To begin creating a new page in the GemPages’ Dashboard with “Image to Layout”, simply click on the “Create new page” button and choose the desired page type. Please note that this feature is exclusively available for GemPages Editor v7.
Upon accessing the Editor for the first time, you will find the option to convert an image to a layout.
Alternatively, if you have already created a page, you can also access the Image to Layout feature by clicking on the AI icon on the left sidebar of your Editor.
2. Upload and Analyze
At this point, you will have two options:
- Paste an URL to create a layout: Input the URL into the box.
- Upload Image: Click on the text and select an image from your device to upload.
When finished, hit “Generate”.
After that, the system will start the process of analyzing data, detecting sections, and generating content.
3. Select and add a section to your page
After the system has detected the sections from the image or URL, the result will be presented in the right column. You will need to select the sections you want to insert into your page. By default, the system will select all sections. Uncheck the section you don’t want on your page.
After that, click on “Generate” to start generating content.
4. Customize the section
Feel free to click on the element on the layout to customize the content as you wish. If you want to add more sections to your page, you can drag and drop the element from the left sidebar without any problem.
Upload Image & URL requirements
- Maximum file size: 20MB
- No minimum file size requirement
- Minimum Width: 1440px
- Maximum Height: 20000px
- Supported formats: png, jpg, jpeg
When you begin uploading your image, you’ll notice these outlined conditions. Additionally, if your chosen image doesn’t meet these conditions, GemPages will alert you about the unmet requirement. For instance:
- No specific requirements
- Accepts all types of websites.