{"id":895,"date":"2025-12-03T18:44:44","date_gmt":"2025-12-03T18:44:44","guid":{"rendered":"https:\/\/tecnodoc.org.es\/?p=895"},"modified":"2026-01-15T18:22:07","modified_gmt":"2026-01-15T18:22:07","slug":"como-usar-apis-gratuitas-para-generar-imagenes","status":"publish","type":"post","link":"https:\/\/tecnodoc.org.es\/tony\/ai\/autom-make\/2025\/12\/03\/como-usar-apis-gratuitas-para-generar-imagenes\/","title":{"rendered":"C\u00f3mo usar APIs gratuitas para generar im\u00e1genes"},"content":{"rendered":"<h2>Introducci\u00f3n<\/h2>\n<p>En el desarrollo web moderno, disponer de im\u00e1genes de calidad es clave para el atractivo visual de un proyecto. Afortunadamente, existen varias APIs gratuitas que nos permiten obtener o generar im\u00e1genes de forma sencilla, sin incurrir en costes ni complicaciones. En este post aprender\u00e1s a consumir dos servicios populares\u2014Unsplash Source y Lorem Picsum\u2014mediante ejemplos pr\u00e1cticos en JavaScript y Python. \u00a1Empecemos!<\/p>\n<h2>APIs gratuitas y populares<\/h2>\n<p>Antes de sumergirnos en el c\u00f3digo, veamos brevemente las caracter\u00edsticas de estas APIs:<\/p>\n<ul>\n<li><strong>Unsplash Source<\/strong>: permite obtener im\u00e1genes libres con par\u00e1metros de tama\u00f1o y b\u00fasqueda de palabras clave en la URL. <em>Ojo, que \u00faltimamente da errores.<\/em><\/li>\n<li><strong>Lorem Picsum<\/strong>: genera im\u00e1genes de placeholder basadas en fotos aleatorias o por ID, con opciones de tama\u00f1o y filtros.<\/li>\n<li><strong>Pexels<\/strong> (opcional): ofrece un plan gratuito con API Key, ideal si necesitas buscar fotos tem\u00e1ticas. Requiere registro.<\/li>\n<\/ul>\n<h2>Uso b\u00e1sico de Unsplash Source<\/h2>\n<p>Unsplash Source no requiere autenticaci\u00f3n. Basta con construir la URL adecuada:<br \/>\n<code>https:\/\/source.unsplash.com\/800x600\/?nature,water<\/code><br \/>\nen la que \u201c800&#215;600\u201d indica el tama\u00f1o y \u201cnature,water\u201d las palabras clave separadas por comas. Cada petici\u00f3n devuelve una imagen aleatoria que cumpla esos criterios.<\/p>\n<h2>Uso b\u00e1sico de Lorem Picsum<\/h2>\n<p>Lorem Picsum funciona de forma similar para placeholders. Por ejemplo:<br \/>\n<code>https:\/\/picsum.photos\/id\/237\/800\/600<\/code><br \/>\ndevuelve la imagen con ID 237 a 800\u00d7600 p\u00edxeles. Si omites el ID:<br \/>\n<code>https:\/\/picsum.photos\/800\/600<\/code><br \/>\nobtendr\u00e1s una foto aleatoria del cat\u00e1logo.<\/p>\n<h2>Ejemplo en JavaScript (Fetch API)<\/h2>\n<p>Aqu\u00ed un fragmento para insertar una imagen de Unsplash Source en tu p\u00e1gina:<\/p>\n<pre><code>\nconst img = document.createElement('img');\nimg.src = 'https:\/\/source.unsplash.com\/400x300\/?technology,computer';\nimg.alt = 'Imagen generada por Unsplash Source';\ndocument.body.appendChild(img);\n  <\/code><\/pre>\n<p>Para Lorem Picsum bastar\u00eda cambiar la URL por <code>https:\/\/picsum.photos\/400\/300<\/code>. Con fetch() tambi\u00e9n podr\u00edas precargar la imagen y manejar errores.<\/p>\n<h2>Ejemplo en Python (requests)<\/h2>\n<p>Si trabajas en backend o scripts, usa <code>requests<\/code> para descargar la imagen:<\/p>\n<pre><code>\nimport requests\n\nurl = 'https:\/\/picsum.photos\/600\/400'\nresponse = requests.get(url)\nif response.status_code == 200:\n    with open('imagen.jpg', 'wb') as f:\n        f.write(response.content)\n        print('Imagen descargada correctamente')\nelse:\n    print('Error al obtener la imagen:', response.status_code)\n  <\/code><\/pre>\n<h2>Integraci\u00f3n en tu proyecto web<\/h2>\n<p>Estas APIs son ideales para galer\u00edas din\u00e1micas, fondos de secci\u00f3n o placeholders en periodos de desarrollo. Puedes combinar par\u00e1metros (tama\u00f1o, filtros, b\u00fasquedas) para personalizar al m\u00e1ximo el resultado. Recuerda respetar la atribuci\u00f3n si la documentaci\u00f3n oficial lo solicita y revisar los t\u00e9rminos de uso.<\/p>\n<h2>Conclusi\u00f3n<\/h2>\n<p>Usar APIs gratuitas de im\u00e1genes acelera tu flujo de trabajo y reduce dependencias. Con unos pocos ajustes de URL y l\u00edneas de c\u00f3digo en JavaScript o Python, tendr\u00e1s contenido visual atractivo y variado. \u00a1An\u00edmate a experimentar con diferentes keywords y tama\u00f1os para darle vida a tus proyectos!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Segundo art\u00edculo generado autom\u00e1ticamente con chatgpt en make<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[54],"tags":[46],"class_list":["post-895","post","type-post","status-publish","format-standard","hentry","category-autom-make","tag-ai"],"_links":{"self":[{"href":"https:\/\/tecnodoc.org.es\/tony\/wp-json\/wp\/v2\/posts\/895","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tecnodoc.org.es\/tony\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tecnodoc.org.es\/tony\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tecnodoc.org.es\/tony\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tecnodoc.org.es\/tony\/wp-json\/wp\/v2\/comments?post=895"}],"version-history":[{"count":2,"href":"https:\/\/tecnodoc.org.es\/tony\/wp-json\/wp\/v2\/posts\/895\/revisions"}],"predecessor-version":[{"id":897,"href":"https:\/\/tecnodoc.org.es\/tony\/wp-json\/wp\/v2\/posts\/895\/revisions\/897"}],"wp:attachment":[{"href":"https:\/\/tecnodoc.org.es\/tony\/wp-json\/wp\/v2\/media?parent=895"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tecnodoc.org.es\/tony\/wp-json\/wp\/v2\/categories?post=895"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tecnodoc.org.es\/tony\/wp-json\/wp\/v2\/tags?post=895"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}