Learning Timeline
Key Insights
Default Image Size Tip
By default, ChatGPT often generates images in a square format. If you need a website banner, always specify '16:9 aspect ratio' in your initial prompt to avoid extra steps.
Detailed Revision Feature
Every time you click on a generated image, you can use the revision feature not just to change the size, but also to 'remove' or 'replace' specific elements within the image using simple text instructions.
Prompts
Initial Website Mockup Prompt
Target:
ChatGPT
Create a mockup for a resort website banner. Include a navigation menu at the top, center text that says 'Book Your Dream Vacation', and high-quality imagery of a luxury tropical resort. Ensure the design looks professional and modern.
Aspect Ratio Revision Prompt
Target:
ChatGPT
Create this in 16:9 format for me.
Step by Step
Steps to Create and Resize Website Banners with ChatGPT 4o
- Log in to your ChatGPT account and ensure you are using the GPT-4o model.
- Type a detailed prompt including design elements such as a menu, center text, and a visual theme (e.g., resort/vacation).
- Press Enter and wait for ChatGPT to generate the mockup image.
- Click on the generated image to view it in focus mode.
- Click the 'Select' button or use the revision chat box to request format changes.
- Type a specific command to resize it, for example: 'Create this in 16:9 format for me'.
- 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.
- Click the 'Download' button in the top-right corner once you are satisfied with the new 16:9 format result.
