Assets a producir
+38% eficiencia
Como la IA esta transformando la nutricion clinica
Blog hero · fotorrealista
Hero de Blog
1200 × 630 px
Flux Schnell
Prompt listo para ejecutar
"A female nutritionist in a modern clinic reviewing patient data on a laptop, health dashboard floating above the screen, soft natural window light, shallow depth of field, clean commercial photography, white and green tones, 4K, 1200x630"
Fotorrealista
~3s generacion
~0,003 EUR
WebP <200KB
30 segundos.
Plan nutricional completo.
NutriFlow AI
Post LinkedIn
1200 × 627 px
Ideogram 3.0
Prompt listo para ejecutar
"Bold typographic social media graphic, dark green gradient background #2D7D46 to #1A5C31, large white headline text '30 segundos. Plan nutricional completo.', lime green accent #7DC95E, dot grid texture, NutriFlow AI label bottom-right, minimal professional, 1200x627"
Texto incluido
Alta CTR
~0,08 EUR
Feed + Stories
Product Hunt
NutriFlow
AI-Powered Nutrition Planning for Clinics
Banner Product Hunt
1270 × 760 px
Figma Template
Instruccion de produccion
Tomar screenshots reales del dashboard NutriFlow en 2x. Enmarcar en mockup de MacBook. Agregar tagline "AI-Powered Nutrition Planning for Clinics" en Inter Bold. Fondo blanco limpio con sombras sutiles. Exportar 1270x760 PNG <500KB.
Screenshot real
Mockup laptop
0 EUR
<500KB
🌱
NutriFlow · nutriflow.io
Planes Nutricionales
con IA para tu Clinica
con IA para tu Clinica
nutriflow.io — Abre en nueva pestana
OG Image (Social Preview)
1200 × 630 px
Vercel OG
Codigo Vercel OG (fragmento)
ImageResponse con fondo #1A1A2E, logo verde, titulo "Planes Nutricionales con IA para tu Clinica" en Inter 800, subtitulo en verde lima, glow radial derecha. Generado dinamicamente por pagina via /api/og?title=...
Dinamico
Por pagina
0 EUR
Edge CDN
Selector de Modelo por Caso de Uso — NutriFlow
| Modelo | Mejor para | Texto en imagen | Calidad foto | Coste por imagen |
|---|---|---|---|---|
| Ideogram 3.0 | Posts con headline, graficos con texto de marca | ~0,08 EUR | ||
| Flux Pro 1.1 | Heroes de blog, imagenes fotorrealistas premium | ~0,05 EUR | ||
| Flux Schnell | Volumen, iteracion rapida, borradores | ~0,003 EUR | ||
| Gemini Image | Edicion de imagen existente, variaciones | ~0,04 EUR | ||
| Recraft V3 | Ilustraciones vectoriales, iconos de marca | ~0,06 EUR | ||
| Vercel OG | OG images dinamicas via JSX/HTML | 0,00 EUR |
Arbol de decision — Que modelo usar
Necesitas texto/headline en la imagen?
SI → Ideogram 3.0
No → siguiente
Es fotorrealista de alta calidad?
SI → Flux Pro 1.1
Borrador → Flux Schnell
Necesitas editar imagen existente?
SI → Gemini / Flux Kontext
No → siguiente
Es OG image / social preview?
SI → Vercel OG (gratis)
Ilustracion → Recraft V3
Estimacion de coste — 4 assets
Hero Blog (Flux Schnell x3 iteraciones)
~0,009 EUR
Post LinkedIn (Ideogram 3.0 x2)
~0,16 EUR
Banner Product Hunt (Figma template)
0,00 EUR
OG Image dinamica (Vercel OG)
0,00 EUR
Optimizacion WebP + CDN
0,00 EUR
Total estimado
~0,17 EUR
Checklist de optimizacion web
Antes de publicar cualquier imagen — NutriFlow
Servir en formato WebP con fallback JPEG via elemento <picture>
Ahorro tipico: 25-35% de peso vs JPEG. Cloudinary o Vercel Image Optimization lo hacen automatico.
Redimensionar al tamano de visualizacion — no servir 4000px en contenedores de 800px
Regla: generar al 2x del tamano CSS maximo. Hero blog: 1200px → servir 1200px, no mas.
Comprimir al 80% de calidad para fotos, near-lossless para screenshots de UI
Target: <200KB heroes blog, <150KB posts social, <500KB banners Product Hunt.
Lazy loading en imagenes below-the-fold con atributo loading="lazy"
Mejora LCP hasta 20% en paginas de blog con multiples imagenes.
Dimensiones explicitas (width + height) para evitar Cumulative Layout Shift
CLS <0.1 es Core Web Vital. Sin dimensiones, la pagina "salta" al cargar la imagen.
Alt text descriptivo por imagen — relevante para SEO y accesibilidad
Ejemplo: alt="Nutricionista usando NutriFlow dashboard para crear plan alimentario personalizado"
Meta OG tags completos para preview en redes sociales y mensajeria
og:image, og:image:width, og:image:height, twitter:card summary_large_image.