Design website mockups and resize banners with ChatGPT 4o

Initial Website Mockup Prompt

Aspect Ratio Revision Prompt

Steps to Create and Resize Website Banners with ChatGPT 4o

1. Log in to your ChatGPT account and ensure you are using the GPT-4o model.
2. Type a detailed prompt including design elements such as a menu, center text, and a visual theme (e.g., resort/vacation).
3. Press Enter and wait for ChatGPT to generate the mockup image.
4. Click on the generated image to view it in focus mode.
5. Click the 'Select' button or use the revision chat box to request format changes.
6. Type a specific command to resize it, for example: 'Create this in 16:9 format for me'.
7. Use the 'Select' tool to highlight specific areas of the image if you want to perform a targeted 'Revision', such as removing or replacing objects.
8. Click the 'Download' button in the top-right corner once you are satisfied with the new 16:9 format result.