Si has entrado a NeoByte, seguro te has fijado en las imágenes: la ciudad de neón de la portada, el tablero de ajedrez encendido, la red neuronal brillante. No las dibujé a mano: las generé con IA (y algo de código). Este es mi flujo real, por si quieres crear las tuyas.

Por qué SVG en vez de fotografías

Empecé probando generadores de imágenes clásicos, pero para un blog estático las imágenes vectoriales (SVG) ganan por goleada:

• Pesan poquísimo: kilobytes en vez de megabytes. El sitio carga al instante.
• Se escalan sin perder calidad: perfectas para móvil y escritorio.
• Son código: puedo retocarlas a mano, cambiar colores o animarlas (como el muñeco bailando del footer).

La paleta de NeoByte

El estilo cyberpunk del blog se apoya en tres colores fijos:

• Cian neón #00fff7 — el color principal, líneas y resaltes.
• Magenta #ff00e0 — los acentos y contrastes.
• Fondo oscuro #05060a — casi negro, para que el neón destaque.

Con esa paleta, todo encaja visualmente. Tener una paleta fija es lo que da coherencia al sitio aunque cada imagen sea distinta.

El flujo que sigo

1. Describo la escena con un prompt claro. Igual que en los artículos, el prompt importa. Ejemplo:

Escena cyberpunk de una ciudad de noche, rascacielos con ventanas de neón cian, luna magenta en el horizonte, estilo vectorial minimalista, fondo oscuro.

2. Pido una variante SVG. Algunos generadores dan SVG directamente; si no, genero la idea y la traduzco a SVG con ayuda de la IA.

3. Ajusto a mano. Aquí está el truco: nunca publico el resultado tal cual. Reviso los colores (deben ser la paleta del blog), el tamaño (la relación ancho/alto del contenedor) y elimino lo que sobre. El código SVG me permite ese control fino.

4. La nombro y la pruebo. La guardo en src/assets/ y verifico que se vea bien en la página antes de publicar.

Lo que aprendí

• La IA propone, yo decido: el resultado es mío porque ajusto cada detalle. Es mi estilo, no el genérico de la herramienta.
• Menos es más: las imágenes simples con neón se ven mejor que las sobrecargadas.
• La coherencia gana: misma paleta y mismo estilo en todo el sitio hacen que parezca profesional aunque sea un blog personal.

Pruébalo tú

Genera una imagen con la paleta cian-magenta-fondo oscuro y compárala con una versión sin colores definidos. Verás la diferencia. La IA es un pincel enorme: lo que la hace única es tu criterio para elegir qué dejar y qué quitar.

¿Quieres que prepare un artículo sobre cómo pasar de imagen generada a SVG editable? Es el paso que más trabajo da, y tengo unos trucos que te ahorrarán horas.