Why does my generated image look different?
Sometimes the generated image doesn't match what you see in the editor.
Common Causes
1. Font Not Loading
Symptom: Text appears in a different font
Cause: Custom font not available or slow to load
Fix:
- Use Google Fonts (always available)
- For custom fonts, ensure they're properly uploaded
- Contact support for font issues
2. Image URL Issues
Symptom: Image shows as broken or placeholder
Cause: Dynamic image URL is inaccessible
Fix:
- Ensure image URL is publicly accessible
- Check URL doesn't require authentication
- Verify URL returns an actual image (not HTML)
3. Text Overflow
Symptom: Text is cut off or wraps unexpectedly
Cause: Dynamic text is longer than the placeholder
Fix:
- Set text box to auto-resize
- Use smaller font size
- Truncate long text in your code
4. Color Differences
Symptom: Colors look slightly different
Cause: Color space differences (RGB vs CMYK)
Fix:
- For web: use RGB colors
- For print: request PDF format
- Ensure consistent color profiles
Debugging Tips
- Test with the Integrations page - Use the built-in tester before coding
- Check the preview - Editor preview should match output
- Simplify - Test with minimal dynamic elements first
- Compare - Download both editor export and API render