{"id":952,"date":"2025-08-13T11:08:35","date_gmt":"2025-08-13T09:08:35","guid":{"rendered":"https:\/\/germanmallo.com\/?p=952"},"modified":"2026-10-05T08:15:51","modified_gmt":"2026-10-05T06:15:51","slug":"automatizar-miniaturas-webapp","status":"publish","type":"post","link":"https:\/\/germanmallo.com\/en\/automatizar-miniaturas-webapp\/","title":{"rendered":"As\u00ed hice mi webapp para automatizar la creaci\u00f3n de miniaturas para mis posts"},"content":{"rendered":"<p>\u00bfTe imaginas tener una miniatura \u00fanica para cada post de tu blog, pero sin perder tiempo en Photoshop? Desde hace meses, cada art\u00edculo que publico en el <a href=\"https:\/\/germanmallo.com\/en\/blog\/\">blog<\/a> lleva una imagen personalizada: fondo desenfocado, titular grande y los iconos de las tecnolog\u00edas que menciono. El resultado es visualmente atractivo, aunque el proceso manual era lento y repetitivo.<\/p>\n<h3 id=\"el-problema-mucho-esfuerzo-para-una-sola-imagen\">El problema: mucho esfuerzo para una sola imagen<\/h3>\n<p>Antes, crear cada thumbnail implicaba buscar iconos, abrir Photoshop, desenfocar el fondo, ajustar el texto y exportar el PNG. Si me acordaba, guardaba el PSD para futuras ediciones. Este proceso pod\u00eda llevar hasta 20 minutos por imagen y, adem\u00e1s, era f\u00e1cil olvidar alg\u00fan paso.<\/p>\n<h3 id=\"la-soluci-n-automatizar-el-dise-o-con-c-digo-abierto\">La soluci\u00f3n: automatizar el dise\u00f1o con c\u00f3digo abierto<\/h3>\n<p>Para ahorrar tiempo y mantener la calidad, decid\u00ed crear una herramienta que hiciera todo el trabajo por m\u00ed. Utilic\u00e9 <strong>Python<\/strong> y varias librer\u00edas como Pillow y Flask para desarrollar una aplicaci\u00f3n completa que genera thumbnails profesionales en segundos.<\/p>\n<h3 id=\"-c-mo-funciona-el-generador-de-thumbnails-\">\u00bfC\u00f3mo funciona el generador de thumbnails?<\/h3>\n<p>La aplicaci\u00f3n es muy sencilla y est\u00e1 pensada para cualquier usuario, incluso si no tienes experiencia en dise\u00f1o:<\/p>\n<ol>\n<li><strong>Sube tu imagen de fondo<\/strong> (PNG, JPG, WEBP).<\/li>\n<li><strong>Escribe el t\u00edtulo<\/strong> que aparecer\u00e1 en la miniatura.<\/li>\n<li><strong>A\u00f1ade hasta 4 iconos<\/strong> para destacar tecnolog\u00edas o temas.<\/li>\n<li><strong>Haz clic en \u00abGenerar Thumbnail\u00bb<\/strong> y descarga el resultado en PNG optimizado.<\/li>\n<\/ol>\n<p>Todo el procesamiento ocurre en tu dispositivo, as\u00ed que tus im\u00e1genes nunca salen de tu ordenador. La herramienta es completamente <strong>gratuita y de c\u00f3digo abierto<\/strong>.<\/p>\n<h3 id=\"caracter-sticas-t-cnicas-sin-complicaciones-\">Caracter\u00edsticas t\u00e9cnicas (sin complicaciones)<\/h3>\n<ul>\n<li>Resoluci\u00f3n profesional: <strong>1920\u00d71080px<\/strong>.<\/li>\n<li>Texto grande, legible y con efectos de sombra profesionales.<\/li>\n<li>Iconos centrados y escalados autom\u00e1ticamente.<\/li>\n<li>Fondo desenfocado para destacar el contenido.<\/li>\n<li>Interfaz web moderna con drag &amp; drop.<\/li>\n<li>Tambi\u00e9n disponible como script de l\u00ednea de comandos.<\/li>\n<\/ul>\n<h3 id=\"instalaci-n-y-uso-local\">Instalaci\u00f3n y uso local<\/h3>\n<p>El proyecto est\u00e1 disponible en <strong>GitHub<\/strong> y puedes ejecutarlo en tu propio ordenador:<\/p>\n<pre><code class=\"lang-bash\"># Clona <span class=\"hljs-keyword\">el<\/span> repositorio\ngit clone http<span class=\"hljs-variable\">s:<\/span>\/\/github.<span class=\"hljs-keyword\">com<\/span>\/<span class=\"hljs-keyword\">tu<\/span>-usuario\/auto-thumbnail\n<span class=\"hljs-keyword\">cd<\/span> auto-thumbnail\n\n# Instalaci\u00f3n autom\u00e1tica\n.\/install_dependencies.<span class=\"hljs-keyword\">sh<\/span>\n\n# Ejecutar <span class=\"hljs-keyword\">la<\/span> aplicaci\u00f3n web\n.\/launch_app.<span class=\"hljs-keyword\">sh<\/span>\n<\/code><\/pre>\n<p>Una vez ejecutado, abre tu navegador en <code>http:\/\/localhost:5000<\/code> y \u00a1listo! Tendr\u00e1s acceso completo a la herramienta.<\/p>\n<h3 id=\"-por-qu-usar-este-generador-\">\u00bfPor qu\u00e9 usar este generador?<\/h3>\n<ul>\n<li><strong>Ahorra tiempo<\/strong>: Olv\u00eddate de procesos manuales y errores.<\/li>\n<li><strong>Mejora tu imagen de marca<\/strong>: Mant\u00e9n un estilo coherente en todos tus posts.<\/li>\n<li><strong>Control total<\/strong>: Todo funciona en tu ordenador, sin depender de servicios externos.<\/li>\n<li><strong>Privacidad absoluta<\/strong>: Tus archivos nunca abandonan tu dispositivo.<\/li>\n<li><strong>C\u00f3digo abierto<\/strong>: Puedes modificarlo y adaptarlo a tus necesidades.<\/li>\n<\/ul>\n<h3 id=\"consejos-para-thumbnails-que-funcionan\">Consejos para thumbnails que funcionan<\/h3>\n<ul>\n<li>Usa t\u00edtulos cortos y claros (m\u00e1ximo 8 palabras).<\/li>\n<li>Elige colores llamativos y contrastados.<\/li>\n<li>A\u00f1ade iconos relevantes para reforzar el mensaje.<\/li>\n<li>Mant\u00e9n la composici\u00f3n equilibrada y evita saturar la imagen.<\/li>\n<\/ul>\n<h3 id=\"-quieres-probarlo-\">\u00bfQuieres probarlo?<\/h3>\n<p>El proyecto completo est\u00e1 disponible en mi repositorio de GitHub. Incluye:<\/p>\n<ul>\n<li><strong>Aplicaci\u00f3n web<\/strong> con interfaz moderna<\/li>\n<li><strong>Script de l\u00ednea de comandos<\/strong> para uso avanzado<\/li>\n<li><strong>Documentaci\u00f3n completa<\/strong> de instalaci\u00f3n y uso<\/li>\n<li><strong>C\u00f3digo fuente<\/strong> totalmente modificable<\/li>\n<\/ul>\n<p>\ud83d\udc49 <strong><a href=\"https:\/\/github.com\/Dreiko98\/auto_thumbnail\" target=\"_blank\" rel=\"noopener\">Ver proyecto en GitHub<\/a><\/strong><\/p>\n<h3 id=\"-te-interesa-una-versi-n-online-\">\u00bfTe interesa una versi\u00f3n online?<\/h3>\n<p>Aunque actualmente solo est\u00e1 disponible para uso local, si hay suficiente inter\u00e9s podr\u00eda desplegarlo nuevamente como servicio web. <strong>\u00a1D\u00e9jame saber en los comentarios si te gustar\u00eda tener acceso online!<\/strong><\/p>\n<hr \/>\n<p><strong>\u00bfTe ha resultado \u00fatil este post?<\/strong> Comp\u00e1rtelo con otros creadores y d\u00e9jame tu opini\u00f3n en los comentarios. Si pruebas la herramienta o tienes ideas para mejorarla, \u00a1me encantar\u00eda escuchar tu experiencia!<\/p>\n<p><strong>\u00bfNecesitas que despliegue la versi\u00f3n web?<\/strong> Escr\u00edbeme y evaluar\u00e9 ponerla online de nuevo si hay demanda suficiente.<\/p>","protected":false},"excerpt":{"rendered":"<p>\u00bfTe imaginas tener una miniatura \u00fanica para cada post de tu blog, pero sin perder tiempo en Photoshop? Desde hace meses, cada art\u00edculo que publico en el blog lleva una imagen personalizada: fondo desenfocado, titular grande y los iconos de las tecnolog\u00edas que menciono. El resultado es visualmente atractivo, aunque el proceso manual era lento [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":989,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[79],"tags":[92,211,132,90],"class_list":["post-952","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-automatizacion","tag-automatizacion","tag-creacion-de-contenido","tag-desarrollo-web","tag-python"],"acf":[],"_links":{"self":[{"href":"https:\/\/germanmallo.com\/en\/wp-json\/wp\/v2\/posts\/952","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/germanmallo.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/germanmallo.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/germanmallo.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/germanmallo.com\/en\/wp-json\/wp\/v2\/comments?post=952"}],"version-history":[{"count":1,"href":"https:\/\/germanmallo.com\/en\/wp-json\/wp\/v2\/posts\/952\/revisions"}],"predecessor-version":[{"id":4514,"href":"https:\/\/germanmallo.com\/en\/wp-json\/wp\/v2\/posts\/952\/revisions\/4514"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/germanmallo.com\/en\/wp-json\/wp\/v2\/media\/989"}],"wp:attachment":[{"href":"https:\/\/germanmallo.com\/en\/wp-json\/wp\/v2\/media?parent=952"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/germanmallo.com\/en\/wp-json\/wp\/v2\/categories?post=952"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/germanmallo.com\/en\/wp-json\/wp\/v2\/tags?post=952"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}