CodeKitHub¿Qué es esta herramienta?
El Generador de publicaciones de Instagram es una herramienta de maquetación que funciona en el navegador y recrea la tarjeta de publicación del feed de Instagram —el avatar circular con anillo degradado, un @usuario con marca de verificación azul opcional, un área de foto de relleno, la fila de acciones corazón/comentario/compartir/guardar, un contador de likes, un texto con hashtags y la línea "Ver los N comentarios"— para que escribas tu propio contenido y lo exportes como imagen para compartir.
Solo para entretenimiento y diseño: esta herramienta está pensada para bromas, memes, diapositivas de presentaciones, prototipos de UI/UX y contenido para redes sociales. Nunca debe usarse para fabricar pruebas fraudulentas, acosar o difamar a alguien, ni para hacerse pasar por la publicación real de una persona —esto puede ser ilegal según tu jurisdicción y va en contra del propósito de esta herramienta.
Nada de lo que escribes sale de tu dispositivo: toda la publicación se dibuja con la API de Canvas HTML directamente en tu navegador, y el PNG se genera y descarga localmente. No hay subida a servidores, ni cuenta, ni seguimiento de tu contenido.
¿Por qué utilizarlo?
- Estás presentando una propuesta de campaña a un cliente y quieres mostrar cómo se vería la publicación final en el feed, con hashtags y número de likes realistas, antes de invertir en producción real.
- Preparas un meme sobre una publicación viral inventada y necesitas que la captura tenga el aspecto exacto del feed de Instagram, insignia azul incluida, para que el chiste resulte creíble.
- Diseñas la pantalla de un feed social para tu propia app y necesitas datos de ejemplo realistas —avatar, texto, contador de likes— en vez de "Lorem ipsum" genérico para las capturas de la presentación.
- Estás enseñando a un cliente cómo se ve un buen uso de hashtags en una publicación, y prefieres una maqueta clara y editable en vez de tener que buscar un ejemplo real ajeno.
- Quieres ilustrar en un artículo o guía de marketing cómo cambia la percepción de una publicación según el número de likes y comentarios que muestra, sin usar una cuenta real como ejemplo.
Cómo utilizarlo
- Define el nombre de usuario (@handle), el color del avatar o sube una foto, y activa la insignia de verificación.
- Escribe el texto y los hashtags, y elige si mostrar un área de foto de relleno.
- Establece el número de likes y comentarios que se muestran bajo la publicación.
- Observa cómo se actualiza la vista previa en tiempo real y haz clic en "Download PNG" para guardar la imagen.
Ejemplo
Entrada
Usuario: "@alex.rivera" · Verificado: activado · Texto: "La hora dorada en la costa nunca decepciona ✨" · Hashtags: "#travel #sunset #ocean" · Likes: "4,281" · Comentarios: "63"Resultado
Una imagen PNG de 480×576 que muestra una publicación de feed de Instagram: avatar con anillo degradado y nombre de usuario con marca azul de verificación, un área de foto de relleno, la fila corazón/comentario/compartir/guardar, "4,281 likes", el texto con hashtags en azul, y "View all 63 comments".La imagen se genera al instante en el canvas de vista previa en vivo y se descarga con un solo clic: sin esperas, sin subidas.
Qué puedes personalizar
- Nombre de usuario (@handle), color del avatar o foto subida, e insignia azul de verificación activable.
- Texto de la publicación con hashtags, renderizado en el azul característico de los enlaces de Instagram.
- Contador de likes y de comentarios, mostrados exactamente como en las publicaciones reales de Instagram.
- Un área opcional de foto de relleno, con las proporciones cuadradas propias de las imágenes de feed de Instagram.
Uso responsable
Este generador existe para facilitar la creación de imágenes de publicaciones de Instagram claramente ficticias, con fines de humor, narrativa y diseño. No es una herramienta para fabricar pruebas, orquestar acoso ni hacer creer a alguien que una publicación falsa es real. Si vas a compartir una imagen creada con esta herramienta, considera añadir contexto (como "falso" o "maqueta") para que quede claro que no es una publicación real de Instagram, sobre todo cuando el tema pueda confundirse con una persona o unos hechos reales.
Elegir la herramienta correcta según lo que necesitas mostrar
| Necesitas mostrar… | Herramienta recomendada |
|---|---|
| Una publicación permanente del feed con hashtags y likes | Generador de publicaciones de Instagram (esta herramienta) |
| Solo el hilo de reacciones bajo una publicación | Generador de comentarios de Instagram |
| Una Story vertical de pantalla completa | Generador de Stories de Instagram |
| Una página de perfil completa con bio y estadísticas | Generador de perfiles de Instagram |
Preguntas frecuentes
¿Es legal o ético usar esta herramienta?
La herramienta en sí es legal para entretenimiento, maquetas, presentaciones y trabajo de diseño. Lo que no es legal ni ético es usar la imagen generada para engañar a alguien —por ejemplo, presentándola como una publicación real para cometer fraude, acosar o difamar a una persona, o suplantar contenido real de alguien. Según tu lugar de residencia, ese tipo de mal uso puede constituir fraude, difamación o acoso. Úsala solo con fines claramente ficticios o ilustrativos.
¿La herramienta sube mi texto o mis números a algún sitio?
No. Todo lo que introduces permanece en la memoria de tu navegador y se dibuja directamente en un elemento canvas mediante JavaScript. El archivo PNG se genera y descarga en tu dispositivo; nada se envía nunca a un servidor.
¿Puedo desactivar la insignia de verificación?
Sí: la marca azul junto al nombre de usuario es un simple interruptor, así que puedes generar maquetas tanto de cuentas verificadas como no verificadas.
¿Puedo subir una foto real como avatar o como imagen del feed?
Puedes subir una foto real para el avatar circular. La imagen del feed en sí es, por diseño, un rectángulo de color de relleno, para mantener la herramienta simple y evitar la tentación de hacer pasar la foto real de otra persona como tu propia publicación.
¿Qué tamaño de imagen exporta?
La vista previa y el PNG exportado usan una proporción propia de tarjeta de feed, que se ve natural al compartirla en redes sociales o al insertarla en una presentación.
¿Debería usar este generador u otro de los generadores de maquetas de Instagram?
Si estás maquetando una publicación de feed permanente con texto, hashtags y contador de likes/comentarios, usa este generador de publicaciones. Si necesitas una Story vertical a pantalla completa, usa el Generador de Stories de Instagram; si solo necesitas el hilo de comentarios bajo una publicación, usa el Generador de comentarios de Instagram; si necesitas una página de perfil completa con biografía y cuadrícula de publicaciones, usa el Generador de perfiles de Instagram.
¿Puedo escribir el número de likes con formato abreviado, como "12.4k"?
Sí — el campo de likes acepta cualquier texto, así que puedes escribir tanto un número exacto ("4,281") como una cifra abreviada ("12.4k") según el formato que Instagram mostraría para ese volumen de interacción.
¿Los hashtags necesitan el símbolo # o la herramienta lo añade automáticamente?
Escribe los hashtags exactamente como quieres que aparezcan, símbolo # incluido, en el campo de texto. La herramienta no añade ni elimina símbolos automáticamente; simplemente renderiza el texto que introduzcas en el azul característico de los enlaces de Instagram.
¿Puedo maquetar una publicación de carrusel con varias imágenes?
Esta herramienta genera la vista de una sola imagen del feed, sin el indicador de puntos de carrusel de varias fotos. Para simular un carrusel necesitarías generar varias publicaciones individuales por separado y presentarlas en secuencia.
¿Qué diferencia hay entre poner el contador de comentarios en 0 y dejarlo vacío?
Si pones 0, la herramienta mostrará "View all 0 comments" o simplemente ocultará la línea según cómo esté implementado el conteo, replicando lo que sucede en una publicación real recién publicada sin interacción todavía. Un campo vacío puede comportarse de forma distinta, así que para una maqueta realista de una publicación sin comentarios, usa 0 explícitamente.