kunthawat/moreminimore-marketing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Base code

Browse Source
This commit is contained in:
Kunthawat Greethong
2026-01-08 22:39:53 +07:00
parent 697115c61a
commit c35fa52117
2169 changed files with 626670 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

334
docs-site/docs/features/image-studio/templates.md Normal file
View File

@@ -0,0 +1,334 @@
# Image Studio Templates Guide
Templates automatically configure dimensions, aspect ratios, and provider settings for specific platforms and use cases. This guide covers all available templates and how to use them effectively.
## Overview
Templates eliminate the need to manually calculate dimensions and configure settings. Simply select a template, and Image Studio automatically sets up everything for optimal results on your target platform.
### Key Benefits
- **Automatic Sizing**: No manual dimension calculations
- **Platform Optimization**: Optimized for each platform's requirements
- **Provider Recommendations**: Templates suggest best providers
- **Style Guidance**: Templates include style recommendations
- **Time Saving**: Quick setup for common use cases
## Template System
### How Templates Work
1. **Select Template**: Choose from available templates
2. **Auto-Configuration**: Dimensions, aspect ratio, and settings are applied
3. **Provider Suggestion**: Best provider is recommended
4. **Generate**: Create images with optimal settings
### Template Components
Each template includes:
- **Dimensions**: Width and height in pixels
- **Aspect Ratio**: Platform-appropriate aspect ratio
- **Provider Recommendation**: Suggested AI provider
- **Style Preset**: Recommended style (if applicable)
- **Use Cases**: When to use this template
## Platform Templates
### Instagram Templates
#### Feed Post (Square)
- **Dimensions**: 1080x1080 (1:1)
- **Use Case**: Standard Instagram feed posts
- **Best For**: Product showcases, brand posts, general content
- **Provider**: Ideogram V3 or Stability Core
#### Feed Post (Portrait)
- **Dimensions**: 1080x1350 (4:5)
- **Use Case**: Vertical Instagram posts
- **Best For**: Portraits, tall products, vertical compositions
- **Provider**: Ideogram V3 or Stability Core
#### Story
- **Dimensions**: 1080x1920 (9:16)
- **Use Case**: Instagram Stories
- **Best For**: Vertical content, announcements, behind-the-scenes
- **Provider**: Ideogram V3
- **Note**: Consider safe zones for text
#### Reel Cover
- **Dimensions**: 1080x1920 (9:16)
- **Use Case**: Instagram Reel thumbnails
- **Best For**: Video thumbnails, engaging visuals
- **Provider**: Ideogram V3
### LinkedIn Templates
#### Post
- **Dimensions**: 1200x628 (1.91:1)
- **Use Case**: Standard LinkedIn feed posts
- **Best For**: Professional content, B2B marketing, thought leadership
- **Provider**: Ideogram V3 or Stability Core
#### Post (Square)
- **Dimensions**: 1080x1080 (1:1)
- **Use Case**: Square LinkedIn posts
- **Best For**: Visual content, infographics, brand posts
- **Provider**: Ideogram V3
#### Article
- **Dimensions**: 1200x627 (2:1)
- **Use Case**: LinkedIn article cover images
- **Best For**: Article headers, long-form content
- **Provider**: Stability Core or Ideogram V3
#### Company Cover
- **Dimensions**: 1128x191 (4:1)
- **Use Case**: LinkedIn company page banners
- **Best For**: Company branding, page headers
- **Provider**: Stability Core
- **Note**: Very wide format, consider text placement
### Facebook Templates
#### Feed Post
- **Dimensions**: 1200x630 (1.91:1)
- **Use Case**: Standard Facebook feed posts
- **Best For**: General posts, announcements, engagement
- **Provider**: Ideogram V3 or Stability Core
#### Feed Post (Square)
- **Dimensions**: 1080x1080 (1:1)
- **Use Case**: Square Facebook posts
- **Best For**: Visual content, product showcases
- **Provider**: Ideogram V3
#### Story
- **Dimensions**: 1080x1920 (9:16)
- **Use Case**: Facebook Stories
- **Best For**: Vertical content, temporary posts
- **Provider**: Ideogram V3
- **Note**: Consider safe zones
#### Cover Photo
- **Dimensions**: 820x312 (16:9)
- **Use Case**: Facebook page cover photos
- **Best For**: Page branding, headers
- **Provider**: Stability Core
- **Note**: Wide format, consider text placement
### Twitter/X Templates
#### Post
- **Dimensions**: 1200x675 (16:9)
- **Use Case**: Standard Twitter/X posts
- **Best For**: News, updates, general content
- **Provider**: Ideogram V3 or Stability Core
#### Card
- **Dimensions**: 1200x600 (2:1)
- **Use Case**: Twitter card images
- **Best For**: Link previews, article shares
- **Provider**: Ideogram V3
#### Header
- **Dimensions**: 1500x500 (3:1)
- **Use Case**: Twitter/X profile headers
- **Best For**: Profile branding, headers
- **Provider**: Stability Core
- **Note**: Very wide format
### YouTube Templates
#### Thumbnail
- **Dimensions**: 1280x720 (16:9)
- **Use Case**: YouTube video thumbnails
- **Best For**: Video thumbnails, engaging visuals
- **Provider**: Ideogram V3
- **Note**: Thumbnails need to be eye-catching
#### Channel Art
- **Dimensions**: 2560x1440 (16:9)
- **Use Case**: YouTube channel banners
- **Best For**: Channel branding, headers
- **Provider**: Stability Core
- **Note**: High resolution for large displays
### Pinterest Templates
#### Pin
- **Dimensions**: 1000x1500 (2:3)
- **Use Case**: Standard Pinterest pins
- **Best For**: Visual discovery, product showcases, tutorials
- **Provider**: Ideogram V3
- **Note**: Vertical format works best
#### Story Pin
- **Dimensions**: 1080x1920 (9:16)
- **Use Case**: Pinterest Stories
- **Best For**: Vertical content, temporary posts
- **Provider**: Ideogram V3
### TikTok Templates
#### Video Cover
- **Dimensions**: 1080x1920 (9:16)
- **Use Case**: TikTok video thumbnails
- **Best For**: Video covers, engaging visuals
- **Provider**: Ideogram V3
- **Note**: Vertical format, eye-catching design
### Blog Templates
#### Header
- **Dimensions**: 1200x628 (1.91:1)
- **Use Case**: Blog post featured images
- **Best For**: Article headers, featured images
- **Provider**: Ideogram V3 or Stability Core
#### Header Wide
- **Dimensions**: 1920x1080 (16:9)
- **Use Case**: Wide blog headers
- **Best For**: Full-width headers, hero images
- **Provider**: Stability Core
### Email Templates
#### Banner
- **Dimensions**: 600x200 (3:1)
- **Use Case**: Email newsletter banners
- **Best For**: Email headers, promotional banners
- **Provider**: Stability Core
- **Note**: Consider email client compatibility
#### Product Image
- **Dimensions**: 600x600 (1:1)
- **Use Case**: Email product images
- **Best For**: Product showcases in emails
- **Provider**: Ideogram V3
### Website Templates
#### Hero Image
- **Dimensions**: 1920x1080 (16:9)
- **Use Case**: Website hero sections
- **Best For**: Landing pages, homepage headers
- **Provider**: Stability Core or Ideogram V3
#### Banner
- **Dimensions**: 1200x400 (3:1)
- **Use Case**: Website banners
- **Best For**: Section headers, promotional banners
- **Provider**: Stability Core
## Using Templates
### Template Selection
1. **Open Template Selector**: Click template button in Create Studio
2. **Filter by Platform**: Select platform to see relevant templates
3. **Search Templates**: Use search to find specific templates
4. **Select Template**: Click template to apply it
5. **Auto-Configuration**: Settings are automatically applied
### Template Benefits
**Time Saving**:
- No manual dimension calculations
- Instant optimal settings
- Quick platform setup
**Optimization**:
- Platform-specific dimensions
- Optimal aspect ratios
- Provider recommendations
**Consistency**:
- Standard sizes across content
- Brand consistency
- Professional appearance
## Template Best Practices
### For Social Media
1. **Use Platform Templates**: Always use templates for social media
2. **Match Content Type**: Choose template that matches your content
3. **Consider Format**: Square vs. portrait vs. landscape
4. **Test Display**: Verify on actual platform
### For Marketing
1. **Consistent Sizing**: Use same templates across campaigns
2. **Platform Optimization**: Optimize for each platform
3. **Brand Alignment**: Ensure templates match brand guidelines
4. **Quality Settings**: Use Premium for important campaigns
### For Content Libraries
1. **Template Variety**: Use different templates for diversity
2. **Platform Coverage**: Generate for all relevant platforms
3. **Reusability**: Create assets that work across platforms
4. **Organization**: Tag by template type in Asset Library
## Template Recommendations
### By Content Type
#### Product Photography
- **Instagram**: Feed Post (Square) or Feed Post (Portrait)
- **Facebook**: Feed Post or Feed Post (Square)
- **Pinterest**: Pin
- **E-commerce**: Blog Header or Website Hero
#### Social Media Posts
- **Instagram**: Feed Post (Square) or Story
- **LinkedIn**: Post
- **Facebook**: Feed Post
- **Twitter**: Post
#### Blog Content
- **Featured Image**: Blog Header
- **Social Sharing**: Instagram Feed Post (Square)
- **Article Cover**: LinkedIn Article
#### Brand Assets
- **Profile Headers**: Twitter Header, LinkedIn Company Cover
- **Cover Photos**: Facebook Cover, YouTube Channel Art
- **Banners**: Website Banner, Email Banner
## Custom Templates (Coming Soon)
Future feature for creating custom templates:
- Save your own template configurations
- Share templates with team
- Brand-specific templates
- Custom dimensions and settings
## Troubleshooting
### Template Issues
**Wrong Dimensions**:
- Verify template selection
- Check platform requirements
- Use correct template for platform
**Quality Issues**:
- Adjust quality level
- Try different provider
- Check template recommendations
**Format Mismatch**:
- Verify template matches use case
- Check aspect ratio requirements
- Consider alternative templates
## Next Steps
- See [Create Studio Guide](create-studio.md) for template usage
- Check [Workflow Guide](workflow-guide.md) for template workflows
- Review [Social Optimizer](social-optimizer.md) for platform optimization
---
*For technical details, see the [Implementation Overview](implementation-overview.md). For API usage, see the [API Reference](api-reference.md).*