Skip to content

KodiniTools/Bildkonverter

Repository files navigation

🎨 Bildkonverter Pro - Schnelle Bildbearbeitung im Browser

Eine leistungsstarke, moderne Bildbearbeitungs-Anwendung für den Browser. Bearbeiten, optimieren und konvertieren Sie Ihre Bilder direkt im Browser - ohne Installation, ohne Upload zu externen Servern.

📋 Inhaltsverzeichnis


✨ Features

🖼️ Bildverarbeitung

  • Mehrere Formate: JPEG, PNG, WebP, AVIF
  • Keine Dateigröße-Limits: Verarbeitung läuft komplett im Browser
  • Keine Cloud-Uploads: Ihre Bilder bleiben auf Ihrem Gerät
  • Echtzeit-Vorschau: Sehen Sie Änderungen sofort
  • Undo/Redo: Machen Sie Änderungen rückgängig oder wiederholen Sie sie

🎨 Umfangreiche Bearbeitungswerkzeuge

  • 8+ Bildfilter: Helligkeit, Kontrast, Sättigung, Schärfe und mehr
  • Professionelle Effekte: Weichzeichner, Vignette, Schatten
  • Farbmanipulation: HSL-Anpassungen, Temperatur, Tint
  • Bild-Transformationen: Drehen, Spiegeln, Zuschneiden
  • Text & Wasserzeichen: Fügen Sie eigene Texte hinzu

⚡ Benutzerfreundlichkeit

  • Responsive Design: Funktioniert auf Desktop, Tablet und Smartphone
  • Zweisprachig: Deutsch und Englisch
  • Dark/Light Mode: Passen Sie das Design Ihren Vorlieben an
  • Tastaturkürzel: Schneller Workflow für Power-User
  • Filter-Presets: Speichern Sie Ihre Lieblings-Einstellungen

🖌️ Bildbearbeitung

Unterstützte Eingabeformate

  • JPEG/JPG - Das gängigste Bildformat
  • PNG - Mit Transparenz-Unterstützung
  • WebP - Modernes, effizientes Format
  • AVIF - Neuestes Format mit bester Kompression
  • GIF - Animationen (als Einzelbild)

Basis-Bearbeitung

Die App bietet alle wichtigen Bildbearbeitungsfunktionen:

Belichtung & Farbe

  • Helligkeit: Machen Sie Ihr Bild heller oder dunkler (-100 bis +100)
  • Kontrast: Verstärken oder verringern Sie den Kontrast (0 bis 200)
  • Sättigung: Von Schwarz-Weiß bis zu kräftigen Farben (0 bis 200)
  • Farbtemperatur: Wärmere oder kühlere Bildstimmung
  • Tint: Grün-/Magenta-Verschiebung für perfekte Farben

Schärfe & Details

  • Schärfe: Erhöhen Sie die Bildschärfe für klarere Details
  • Weichzeichner: Sanfte Unschärfe für künstlerische Effekte
  • Rauschunterdrückung: Reduzieren Sie Bildrauschen

Transformationen

  • Drehen: 90° im oder gegen den Uhrzeigersinn
  • Spiegeln: Horizontal oder vertikal
  • Zuschneiden: Freie Auswahl oder feste Seitenverhältnisse
  • Skalieren: Ändern Sie die Bildgröße in Pixel oder Prozent

🎭 Filter & Effekte

Wenden Sie professionelle Filter mit einem Klick an oder passen Sie einzelne Parameter individuell an.

Vordefinierte Filter

Die App bietet verschiedene voreingestellte Filter für schnelle Ergebnisse:

📸 Fotografische Filter

  • Schwarz-Weiß: Klassischer monochromer Look
  • Sepia: Vintage-Look mit warmem Braunton
  • Grayscale: Neutrale Graustufen-Konvertierung
  • High Contrast: Dramatische Kontrast-Verstärkung
  • Soft Focus: Weicher, traumhafter Effekt

🌈 Kreative Effekte

  • Vintage: Retro-Look mit reduzierten Farben
  • Cool Tone: Kühle, bläuliche Farbgebung
  • Warm Tone: Warme, orange-rötliche Töne
  • Vibrant: Verstärkte Farbsättigung
  • Faded: Verblasster, pastelliger Look

⭐ Spezialeffekte

  • Vignette: Dunkle Ecken für Fokus auf die Mitte
  • Glow: Sanftes Leuchten
  • Sharpen: Erhöhte Schärfe und Klarheit
  • Blur: Künstlerische Unschärfe
  • Noise: Film-Körnung hinzufügen

Erweiterte Farbkorrektur

Für präzise Anpassungen stehen professionelle Werkzeuge zur Verfügung:

  • HSL-Anpassung: Farbton (Hue), Sättigung (Saturation), Helligkeit (Lightness)
  • Farbbalance: Separate Kontrolle für Highlights, Midtones und Shadows
  • Farbkurven: Präzise Tonwert-Anpassungen
  • Weißabgleich: Korrektur von Farbstichen

🎯 Presets

Presets ermöglichen es Ihnen, Ihre Lieblings-Filtereinstellungen zu speichern und mit einem Klick anzuwenden.

Standard-Presets

Die App kommt mit professionellen vordefinierten Presets:

  • Portrait: Optimiert für Hautfarben und weiche Kontraste
  • Landschaft: Verstärkte Farben für Natur und Himmel
  • Food: Warme, appetitliche Farbtöne
  • Architektur: Hohe Schärfe und klare Kontraste
  • Nacht: Optimierung für Low-Light-Aufnahmen
  • Instagram-Styles: Beliebte Social-Media-Looks

Eigene Presets erstellen

  1. Stellen Sie alle gewünschten Filter ein
  2. Klicken Sie auf "Preset speichern"
  3. Geben Sie einen Namen ein
  4. Das Preset erscheint in Ihrer Bibliothek

Preset-Verwaltung

  • Speichern: Unbegrenzt viele eigene Presets
  • Umbenennen: Presets jederzeit umbenennen
  • Löschen: Nicht mehr benötigte Presets entfernen
  • Export: Presets als Datei exportieren
  • Import: Presets von anderen Geräten importieren
  • Teilen: Presets mit anderen Nutzern teilen

💾 Export & Formate

Exportieren Sie Ihre bearbeiteten Bilder in verschiedenen Formaten und Qualitätsstufen.

Unterstützte Export-Formate

JPEG (.jpg, .jpeg)

  • Beste Verwendung: Fotos, Bilder mit vielen Farben
  • Vorteile: Kleine Dateigröße, universell unterstützt
  • Nachteile: Keine Transparenz, verlustbehaftet
  • Qualität: Einstellbar von 0-100%

PNG (.png)

  • Beste Verwendung: Grafiken, Logos, Bilder mit Transparenz
  • Vorteile: Verlustfrei, unterstützt Transparenz
  • Nachteile: Größere Dateigröße als JPEG
  • Qualität: Verlustfrei

WebP (.webp)

  • Beste Verwendung: Moderne Websites
  • Vorteile: 30% kleinere Dateigröße als JPEG, Transparenz-Unterstützung
  • Nachteile: Nicht auf allen älteren Browsern
  • Qualität: Einstellbar, verlustfrei oder verlustbehaftet

AVIF (.avif)

  • Beste Verwendung: Modernste Websites
  • Vorteile: 50% kleinere Dateigröße als JPEG bei gleicher Qualität
  • Nachteile: Noch eingeschränkte Browser-Unterstützung
  • Qualität: Einstellbar

Export-Einstellungen

Qualität

  • Maximum (100%): Beste Qualität, große Dateigröße
  • Hoch (85-95%): Sehr gute Qualität, ausgewogene Größe (empfohlen)
  • Mittel (70-84%): Gute Qualität für Web
  • Niedrig (50-69%): Kleine Dateigröße, sichtbare Qualitätsverluste

Größe

  • Original: Behält die ursprüngliche Auflösung
  • Prozentual: Skaliert um einen Prozentsatz (z.B. 50%, 75%, 150%)
  • Feste Breite: Setzt eine feste Breite, Höhe wird proportional angepasst
  • Feste Höhe: Setzt eine feste Höhe, Breite wird proportional angepasst
  • Maximale Abmessungen: Passt in die angegebenen Abmessungen, behält Seitenverhältnis

Metadaten

  • EXIF-Daten beibehalten: Original-Kameradaten (Datum, Kameramodell, Einstellungen)
  • Metadaten entfernen: Für Datenschutz und kleinere Dateigröße

✍️ Text & Wasserzeichen

Fügen Sie professionelle Texte und Wasserzeichen zu Ihren Bildern hinzu.

Text-Features

  • Mehrere Texte: Fügen Sie beliebig viele Textelemente hinzu
  • Positionierung: Freie Platzierung oder vordefinierte Positionen (Ecken, Mitte)
  • Schriftarten: Auswahl aus verschiedenen Schriftarten
  • Schriftgröße: Flexibel einstellbar
  • Farben: Beliebige Textfarben
  • Transparenz: Von vollständig durchsichtig bis opak

Wasserzeichen

Schützen Sie Ihre Bilder mit Wasserzeichen:

Wasserzeichen-Typen

  • Text-Wasserzeichen: Copyright-Text, Ihr Name, URL
  • Logo-Wasserzeichen: Laden Sie Ihr Logo hoch
  • Wiederholende Muster: Wasserzeichen über das ganze Bild

Wasserzeichen-Optionen

  • Position: 9 vordefinierte Positionen oder frei platzierbar
  • Größe: Anpassbare Größe
  • Transparenz: Dezentes oder auffälliges Wasserzeichen
  • Drehung: Diagonale oder horizontale Platzierung
  • Abstand: Vom Bildrand

Anwendungsfälle

  • Copyright-Schutz: Schützen Sie Ihre Fotos vor unerlaubter Nutzung
  • Branding: Fügen Sie Ihr Logo zu Produktfotos hinzu
  • Social Media: Signieren Sie Ihre Bilder
  • Portfolio: Markieren Sie Ihre professionellen Arbeiten

⌨️ Tastaturkürzel

Arbeiten Sie schneller mit praktischen Tastaturkürzeln.

Allgemeine Shortcuts

  • Strg + O: Bild öffnen
  • Strg + S: Bild speichern
  • Strg + Z: Rückgängig (Undo)
  • Strg + Y / Strg + Shift + Z: Wiederholen (Redo)
  • Strg + 0: Zoom zurücksetzen (100%)
  • Esc: Dialog schließen

Bearbeitung

  • R: Um 90° nach rechts drehen
  • L: Um 90° nach links drehen
  • H: Horizontal spiegeln
  • V: Vertikal spiegeln
  • C: Zuschneiden aktivieren
  • F: Filter-Panel öffnen/schließen

Ansicht

  • + / =: Hineinzoomen
  • -: Herauszoomen
  • Leertaste + Maus: Bild verschieben (Hand-Werkzeug)
  • F11: Vollbild-Modus

Presets

  • 1-9: Preset 1 bis 9 anwenden
  • Strg + P: Preset speichern
  • Alt + P: Preset-Manager öffnen

🚀 Installation & Setup

Online-Nutzung

Die App kann direkt im Browser genutzt werden - keine Installation erforderlich!

Lokale Installation (für Entwickler)

# Repository klonen
git clone [repository-url]

# In das Projektverzeichnis wechseln
cd Bildkonverter

# Dependencies installieren
npm install

# Development-Server starten
npm run dev

# Für Production bauen
npm run build

Die Anwendung läuft standardmäßig auf http://localhost:5173


⚙️ Einstellungen

Passen Sie die App nach Ihren Wünschen an.

Design & Darstellung

Theme

  • Hell: Klassisches helles Design
  • Dunkel: Augenschonender Dark Mode
  • Automatisch: Passt sich Ihrem System an

Sprache

  • Deutsch: Vollständige deutsche Übersetzung
  • English: Complete English translation
  • Die Spracheinstellung wird gespeichert und beim nächsten Besuch wiederhergestellt

Performance

Vorschau-Qualität

  • Hoch: Beste Qualität, höherer Ressourcenverbrauch
  • Mittel: Ausgewogen (empfohlen)
  • Niedrig: Schnellere Verarbeitung auf älteren Geräten

Auto-Vorschau

  • Ein: Änderungen werden sofort angezeigt
  • Aus: Vorschau wird nur auf Knopfdruck aktualisiert (spart Ressourcen)

Export-Standardwerte

Setzen Sie Ihre bevorzugten Export-Einstellungen:

  • Standard-Format: JPEG, PNG, WebP oder AVIF
  • Standard-Qualität: 0-100%
  • Dateinamens-Schema: Original, mit Datum, mit Zeitstempel

Datenschutz & Sicherheit

  • Offline-First: Alle Bilder werden lokal verarbeitet
  • Keine Uploads: Ihre Bilder verlassen nie Ihr Gerät
  • Keine Tracking: Keine Analyse-Tools oder Cookies
  • EXIF-Daten: Wählen Sie, ob Metadaten beibehalten werden sollen

🔧 Technologie

Frontend-Framework

Diese Anwendung ist entwickelt mit modernen Web-Technologien:

  • Vue 3 - Progressives JavaScript-Framework
  • Vite - Schneller Build-Tool
  • SCSS - Strukturiertes CSS
  • i18n - Mehrsprachigkeit (DE/EN)

Browser-APIs

  • Canvas API - Bildverarbeitung in Echtzeit
  • File API - Lokale Dateiverarbeitung
  • LocalStorage - Speicherung von Einstellungen und Presets
  • Web Workers - Performance-Optimierung (geplant)

Kompatibilität

Die App funktioniert in allen modernen Browsern:

  • ✅ Chrome/Edge (Version 90+)
  • ✅ Firefox (Version 88+)
  • ✅ Safari (Version 14+)
  • ✅ Opera (Version 76+)

Systemanforderungen

  • Moderner Browser mit JavaScript aktiviert
  • Mindestens 2 GB RAM empfohlen
  • Keine zusätzliche Software erforderlich

💡 Tipps & Tricks

Workflow-Optimierung

  1. Nutzen Sie Presets: Speichern Sie häufig verwendete Filter-Kombinationen
  2. Tastaturkürzel: Lernen Sie die wichtigsten Shortcuts für schnelleres Arbeiten
  3. Batch-Verarbeitung: Wenden Sie das gleiche Preset auf mehrere Bilder an
  4. Vorher-Nachher: Nutzen Sie die Vergleichsfunktion um Änderungen zu bewerten

Qualität vs. Dateigröße

  • Für Web: JPEG mit 80-85% Qualität ist meist optimal
  • Für Archivierung: PNG oder JPEG mit 95-100% Qualität
  • Für moderne Websites: WebP spart 30% Dateigröße bei gleicher Qualität
  • Für beste Kompression: AVIF (wenn Browser-Support vorhanden)

Häufige Anwendungsfälle

Social Media Optimierung

  1. Bild öffnen
  2. Preset "Instagram" oder "Facebook" wählen
  3. Optional: Wasserzeichen hinzufügen
  4. Als JPEG (85% Qualität) exportieren

Produktfotos

  1. Hintergrund aufhellen (Helligkeit +10-20)
  2. Kontrast leicht erhöhen (+10)
  3. Schärfe erhöhen
  4. Logo-Wasserzeichen hinzufügen
  5. Als PNG oder JPEG (95% Qualität) exportieren

Schnelle Korrekturen

  • Zu dunkel: Helligkeit +20, eventuell Schatten aufhellen
  • Zu blass: Sättigung +15, Kontrast +10
  • Unscharf: Schärfe-Filter anwenden
  • Farbstich: Farbtemperatur oder Tint anpassen

Performance-Tipps

  • Bei großen Bildern (>10 MP): Auto-Vorschau ausschalten
  • Für schnellere Bearbeitung: Bild zuerst auf Zielgröße skalieren
  • Browser-Tab aktiv lassen für beste Performance

👨‍💻 Author

Dinko Ramić - Kodini Tools


📄 Lizenz

MIT License - Siehe LICENSE-Datei für Details


🙋 Support & Feedback

Bei Fragen, Problemen oder Verbesserungsvorschlägen:

  • GitHub Issues: Fehler melden oder Features vorschlagen
  • Diskussionen: Erfahrungen austauschen und Tipps teilen
  • E-Mail: Direkter Support über die Website

🚀 Roadmap

Geplante Features für zukünftige Versionen:

  • 📊 Histogramm-Anzeige
  • 🔲 Erweiterte Zuschnitt-Funktionen (Freihand, Formen)
  • 🎨 Farbpaletten-Extraktion aus Bildern
  • 📸 Batch-Verarbeitung mehrerer Bilder
  • 🔄 Erweiterte Undo/Redo mit History-Vorschau
  • 🎯 KI-gestützte Filter und Verbesserungen
  • 📱 Progressive Web App (PWA) für Offline-Nutzung
  • 🖼️ Unterstützung für RAW-Formate

Viel Spaß beim Bearbeiten Ihrer Bilder! 🎨✨

About

Schnelle und sichere Bildkonvertierung

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •