Der 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.
So nutzt du diesen Prompt
Kopiere den Prompt oben oder klicke einen "Öffnen in"-Button um ihn direkt in deiner bevorzugten KI zu starten. Du kannst den Text dann an deinen Anwendungsfall anpassen — z.B. Platzhalter wie [dein Thema] durch echten Kontext ersetzen.
Welches KI-Modell funktioniert am besten
Diese Prompts sind für Bild-Generierungs-Modelle geschrieben (Stable Diffusion, Midjourney, DALL-E 3, Flux) — nicht für Chat-LLMs. Kopiere sie in dein Bild-Tool. Midjourney v7 ist Spitze bei photorealistischen Portraits; Stable Diffusion 3.5 am besten für Fine-Tuning und Custom-Checkpoints; DALL-E 3 integriert nahtlos mit ChatGPT.
Diesen Prompt anpassen
Behalte Style-Descriptors und Lighting-Keywords — das macht den Output konsistent. Motiv, Hintergrund und Pose kannst du frei ändern. Füge Qualitäts-Modifiers hinzu oder entferne sie: "hyper-detailed", "cinematic lighting", "35mm film". Bei Stable Diffusion: Gewichts-Syntax (keyword:1.3) zur Betonung.
Typische Anwendungsfälle
- Konsistente Social-Media-Visuals in Masse generieren
- Hero-Bilder für Blog-Posts oder Landing-Pages erstellen
- Concept-Art und Mood-Boards für Kunden produzieren
- Produkt-Fotografie ohne Studio
- Persönliche Avatare und Profilbilder erstellen
Variationen
Passe den Tonfall an (lockerer, technischer), ändere das Ausgabeformat (Aufzählungen vs. Absätze) oder füge Einschränkungen hinzu (Wortlimits, Zielgruppe).
Verwandte Prompts