ChatGPT and Images
from sandeepk
I’ve been working on a few side projects and using ChatGPT for ideation and brainstorming around ideas and features for the MVP. As part of this, I needed a logo for my app. Naturally, I turned to AI to help me generate one.
However, I noticed that when generating images, ChatGPT doesn’t always follow the guidelines perfectly. Each time I asked for a new version, it would create a completely different image, which made it difficult to iterate or make small tweaks.
But I found a better way.
Instead of generating a brand new image every time, I first explained my app idea and the name. ChatGPT generated an image I liked.
So I asked ChatGPT to generate the JSON for the image instead. I then manually tweaked the JSON file to adjust things exactly the way I wanted. When I asked ChatGPT to generate the image based on the updated JSON, it finally created the image as per my request — no random changes, just the specific adjustments I needed.
Exploration Phase
{
"image": {
"file_name": "splitX_icon_with_text.png",
"background_color": "black",
"elements": [
{
"type": "text",
"content": "SplitX",
"font_style": "bold",
"font_color": "white",
"position": "center",
"font_size": "large"
},
{
"type": "shape",
"shape_type": "X",
"style": "geometric split",
"colors": [
{
"section": "top-left",
"gradient": ["#FF4E50", "#F9D423"]
},
{
"section": "bottom-left",
"gradient": ["#F9D423", "#FC913A"]
},
{
"section": "top-right",
"gradient": ["#24C6DC", "#514A9D"]
},
{
"section": "bottom-right",
"gradient": ["#514A9D", "#E55D87"]
}
],
"position": "center behind text",
"style_notes": "Each quadrant of the X has a distinct gradient, giving a modern and vibrant look. The X is split visually in the middle, aligning with the 'Split' theme."
}
]
}
}
Final Design
Updated JSON
{
"image": {
"file_name": "splitX_icon_with_text.png",
"background_color": "transparent",
"elements": [
{
"type": "shape",
"shape_type": "X",
"style": "geometric split",
"colors": [
{
"section": "top-left",
"gradient": [
"#FF4E50",
"#F9D423"
]
},
{
"section": "bottom-left",
"gradient": [
"#F9D423",
"#FC913A"
]
},
{
"section": "top-right",
"gradient": [
"#24C6DC",
"#514A9D"
]
},
{
"section": "bottom-right",
"gradient": [
"#514A9D",
"#E55D87"
]
}
],
"position": "center ",
"style_notes": "Each quadrant of the X has a distinct gradient, giving a modern and vibrant look. The X is split visually in the middle, aligning with the 'Split' theme."
}
]
}
}
If you want to tweak or refine an image, first generate the JSON, make your changes there, and then ask ChatGPT to generate the image using your updated JSON. This gives you much more control over the final result.
Cheers!
P.S. Feel free to check out the app — it's live now at https://splitx.org/. Would love to hear what you think!