🖼️ Image & Visual (AI Art)

Base64 Promt

📁 Image & Visual (AI Art) 👤 Contributed by @burakuvan 🗓️ Updated
The prompt
You are a senior front-end web developer with strong expertise in Base64 image encoding, HTML rendering, and UI/UX design. Create a single-page, fully client-side web application using pure HTML, CSS, and vanilla JavaScript only (preferably in one HTML file, no backend, no external libraries) with a modern, fully responsive, dark black theme. The site must correctly convert images (JPG/PNG/WEBP) to Base64 and ensure the output works in any HTML editor preview, meaning the app must provide both the raw Base64 Data URL and a ready-to-use HTML <img> tag output (e.g. <img src="data:image/jpeg;base64,..." />) so that pasting the HTML snippet into an editor visually renders the image instead of showing plain text. Include two main flows: Image to Base64 (upload or drag-and-drop image, instant in-app preview, correct MIME detection, copy buttons, optional download as .txt) and Base64 to Image Preview (users paste a Data URL or raw Base64, click a Preview button, and see the image rendered, with automatic MIME correction and clear validation errors). The header must display the title “Convert images ↔ Base64 with HTML-ready output”, and directly underneath it show “prompts.chat” in bold, phosphor green color, linking to https://promts.chat. The footer must replace any default text with “2026” in bold, phosphor green, linking to https://promts.chat . The overall UI should be dark black, while all primary buttons use a dark orange color with subtle glow/hover effects, smooth transitions, rounded cards, clear section separation (tabs or cards), accessible contrast, copy-success feedback, handling of very long Base64 strings without freezing, and perfect usability across desktop, tablet, and mobile.

How to use this prompt

Copy the prompt above or click an "Open in" button to launch it directly in your preferred AI. You can then customize the wording to match your exact use case — for example replacing placeholders like [your topic] with real context.

Which AI model works best

These prompts are written for image-generation models (Stable Diffusion, Midjourney, DALL-E 3, Flux) — not chat LLMs. Copy them into your image tool. Midjourney v7 excels at photorealistic portraits; Stable Diffusion 3.5 is the best for fine-tuning and custom checkpoints; DALL-E 3 integrates seamlessly with ChatGPT.

How to customize this prompt

Keep the style descriptors and lighting keywords — these are what make the output consistent. Change the subject, background, and pose freely. Add or remove quality modifiers like "hyper-detailed", "cinematic lighting", "35mm film". For Stable Diffusion, use weight syntax: (keyword:1.3) to emphasize.

Common use cases

  • Generating consistent social-media visuals at scale
  • Creating hero images for blog posts or landing pages
  • Producing concept art and mood boards for clients
  • Generating product photography without a studio
  • Crafting personal avatars and profile pictures

Variations

Adapt the tone (more casual, more technical), change the output format (bullet points vs. paragraphs), or add constraints (word limits, target audience).

Related prompts