EnhancelyCompare ist ein leichtgewichtiges und intuitives Web-Tool zum Vergleichen zweier Bilder nebeneinander anhand von Direktlinks. Es ermöglicht dank seiner Zoom-Funktionen eine präzise visuelle Analyse, bietet ein helles und ein dunkles Theme und wechselt zwischen dem Einfügen von Links und dem direkten Hochladen von Dateien über die Benutzeroberfläche. Entwickelt wurde es mit Hilfe von Google Gemini und Claude (Sonnet 4.6, später Sonnet 5 für das Multi-Ratio-Anpassungspanel). Mittlerweile ist Claude AI zu meinem wichtigsten Programmier-Tool geworden, um den Bildvergleicher weiter zu verbessern.

Zeigen Sie zwei Bilder gleichzeitig an, um kleinste Unterschiede zu erkennen.

Erkunden Sie Details mit der integrierten Zoom-Funktion. Eine Schaltfläche „Zurücksetzen“ erscheint automatisch, um zur ursprünglichen Ansicht zurückzukehren.

Dieser Modus ermöglicht es, Bilder mit unterschiedlichen Verhältnissen zu vergleichen. Nützlich zum Beispiel, um ein Originalfoto mit einer erweiterten Version zu vergleichen, die mehr Material enthält – erstellt mit einem externen KI-Tool – oder mit einem anderen Bildausschnitt.
Dazu habe ich ein Panel mit 4 Schiebern erstellt, um das Bild links im Vergleich zur rechten Seite präzise anzupassen.

Man kann die Werte entweder aus dem Fenster festlegen

Entweder aus dem Vollbild

Je nach Bild werden die Werte zwischen Vollbild und Fenster aktualisiert. Logisch, weil wir im Vollbildmodus 16:9 sind und im Fenstermodus nach dem Endverhältnis des Bildes rechts.

Alle Schieberegler (die Opazität von 0 bis 100 % überspringen) reichen von -100 bis 100. Außerdem gibt es die Pfeile, um genauer zu sein. Du kannst alle Schieberegler über den großen "Alle Werte zurücksetzen"-Button auf ihre Standardwerte zurücksetzen oder einzeln über die Symbole neben jedem Schieberegler machen.

Funktioniert auch auf Smartphones und Tablets mit Unterstützung für Bildschirmrotation (einschließlich Vollbild).

Suchen und bearbeiten Sie Ihre Vergleiche mithilfe des Verlaufs in der Seitenleiste.

Sie können jeden Vergleich einzeln löschen oder anheften. Oder Sie löschen alles mit dem roten Button „Alle löschen“. Die gesamte Liste wird dann entfernt. Sie können die gesamte Verlaufsliste auch im JSON-Format importieren und exportieren.

Wenn Sie den Verlauf importieren, während Einträge vorhanden sind, die mit der JSON-Datei identisch sind, erscheint ein Popup-Fenster mit der Frage, ob Sie "ersetzen", "eine Kopie hinzufügen" oder einfach "abbrechen" möchten.

Wenn Sie einen Teil des Verlaufs mit ein oder zwei Klicks exportieren oder löschen möchten, können Sie einen der Einträge (+/- 2 Sekunden) gedrückt halten, wodurch alle Einträge in den Auswahlmodus versetzt werden.

Anschließend können Sie einen oder mehrere Einträge auswählen, die Sie exportieren oder löschen möchten. Beispiel:

Selbstverständlich steht Ihnen die Schaltfläche „Alle auswählen“ zur Verfügung, um alle Einträge auszuwählen. Dies ist ideal, wenn Sie einige wenige Einträge (z. B. 2 oder 3) aus einer großen Anzahl von Verlaufseinträgen entfernen möchten.

Mit der dritten Taste können Sie den Auswahlmodus einfach verlassen und den Vorgang abbrechen.

Falls Sie versehentlich Links oder Bilder umgekehrt haben, keine Panik! Sie müssen nicht von vorne beginnen. Mit der Umkehr-Schaltfläche können Sie die Links oder Bilder korrigieren. Nach dem Anklicken wird der Viewport automatisch aktualisiert.

Der Bildvergleich ist nun korrekt.

Funktioniert mit Google Drive-Links sowie mit jedem externen Image-Hosting-Dienst, sofern es sich um Direktlinks handelt: Andernfalls kann der Vergleich nicht generiert werden. Läuft perfekt auf Touch-Geräten wie Smartphones und Tablets.

• Wechseln Sie je nach Vorliebe zwischen Dunkel- und Hellmodus.
• Intelligente Theme-Steuerung basierend auf den Standardeinstellungen Ihres Browsers.

• Integrierte Unterstützung für den Sprachwechsel mit einem Klick. Fünf Sprachen verfügbar:
  • Französisch
  • Englisch
  • Deutsch
  • Italienisch
  • Spanisch
• Intelligente Standard-Sprachsteuerung basierend auf der Browsersprache. Falls die Browsersprache nicht verfügbar ist, wird standardmäßig Englisch gewählt.

• Besucherzähler unten rechts neben den Credits hinzugefügt (Achtung: bei aktiviertem Werbeblocker nicht sichtbar).
• GitHub-Link zur Dokumentation links neben den Credits hinzugefügt.

Kopieren Sie die URL Ihrer Bilder (Google Drive, Imgur oder andere).

Fügen Sie die Links in die entsprechenden Felder ein und geben Sie einen Vergleichstitel an. Dieser wird automatisch in die anderen Sprachen übersetzt, in die jeweiligen Titelfelder.

Navigieren Sie zum Ordner Ihrer Bilder, um diese zu importieren. Oder ziehen Sie Ihre Bilder direkt per Drag-and-drop hinein.

Klicken Sie im Modus „URL-Links einfügen“ auf die Schaltfläche „Anzeige generieren“, um den Vergleich anzuzeigen, oder im Modus „Upload via ImgBB“ auf „Hochladen bestätigen“.

Nutzen Sie die Maus, um bei Bedarf in spezifische Bereiche zu zoomen.

Klicken Sie auf „Freigabelink kopieren“, um einen Freigabelink zu erstellen.

Lernen Sie, wie Sie Ihre Bilder integrieren und mit wenigen Klicks eine Vergleichsansicht erstellen. Dieses Video zeigt Ihnen, wie Sie Direktlinks von verschiedenen unterstützten Bildhosting-Diensten abrufen können.

• Bildhosting: Verwendung von Zupimages, Freeimage.host, ImgBB, PostImage und Imgur.
• Extrahieren von Direktlinks: Wie man die URL abruft, die auf .jpg, .png oder .webp endet (unerlässlich für die Anzeige).
• Anpassung: Ändern der Titel (FR, EN, IT, ES, DE) und Verwaltung des Vollbildmodus.
• Teilen: Generierung eines eindeutigen Links, um Ihren Vergleich zu teilen. Ich habe die TinyURL-API hinzugefügt, um den Freigabelink zu kürzen. Es öffnet sich also ein neues Fenster, aber Sie können auf den Vorschaubereich klicken, um direkt zum Bildvergleich zu gelangen.
• Auflösung: Unterstützung von hochauflösenden Bildern. Bitte beachten Sie, dass das Laden der Bilder etwas länger dauern kann, bevor sie angezeigt werden.

Noch keine Einträge.

---

22/03/2026

• Erstellung des Bildvergleichstools.
• Umbenennung von index in index.html.
• Titel-Update und Optimierung der Bildvergleichslinks.
• Titel-Update und Optimierung des Bildrenderings.
• Titel-Update und Behebung von Problemen bei der Bildanzeige.
• Überarbeitung der HTML-Struktur und des Stils für das Bildvergleichstool.
• HTML-Update für Theme und Funktionen der Dark Edition.
• Wechsel zu Version 17 mit Unterstützung für das helle Theme.
• Titel-Update in index.html.
• Hinzufügen des Favicon-Links zu index.html.
• Update des Favicon-Links in index.html.
• Update des Favicon-Links mit dem Versionsabfrageparameter.
• Update von index.html.
• Überarbeitung der Credits und der Footer-Übersetzungen.
• Verbesserung der Sichtbarkeit und Zentrierung von Masken und Griffen.
• CSS-Überarbeitung für die Elemente before-mask und handle.
• Verbesserung der Sichtbarkeit und Zentrierung der Griffe.

23/03/2026

• Refaktorisierung der Logik zur Berechnung und Aktualisierung der Ansichtsfenstergröße.
• Hinzufügen eines Reset-Buttons und Verbesserung der Zoom-Funktion.
• Hinzufügen von schwebenden Steuerelementen und Verbesserung des Layout-Managements.
• Refaktorisierung der HTML-Struktur und Verbesserung des Stils.
• Korrektur der italienischen Übersetzung und Optimierung des URL-Textes.
• Entfernung der Unterstützung für Italienisch und Spanisch.
• Hinzufügen der Sprachoptionen Italienisch und Spanisch.
• Refaktorisierung der Stile für ein besseres Layout und bessere Reaktionsfähigkeit.
• Verbesserung der Touch-Interaktion und Leistung in index.html.
• Optimierung der HTML-Struktur und des Stils des Bildvergleichstools.
• Update index.html
• Update index.html
• Update index.html
• Update index.html
• Update index.html

24/03/2026

• 27 Verbesserungs-Patches.

25/03/2026

• 5 Verbesserungs-Patches.

26/03/2026

• 7 Verbesserungs-Patches.

27/03/2026

• 4 Verbesserungs-Patches.

28/03/2026

• 20 Verbesserungs-Patches.

29/03/2026

• 9 Verbesserungs-Patches.

30/03/2026

• 7 Verbesserungs-Patches.

31/03/2026

• 13 Verbesserungs-Patches.

03/04/2026

• 4 Verbesserungs-Patches.

05/04/2026

• 8 Verbesserungs-Patches.

08/04/2026

• 16 Verbesserungs-Patches.

09/04/2026

• 2 Verbesserungs-Patches.

10/04/2026

• 1 Verbesserungs-Patch.

12/04/2026

• 4 Verbesserungs-Patches.

24/04/2026

• Update des Freeimage-Links, damit er auf die Download-Seite verweist.

25/04/2026

• Wechsel des Upload-Dienstes: Freeimage.host zu ImgBB.
• Verbesserung der HTML-Struktur und des Stils.

26/04/2026

• Verschiebung des Sprach-Dropdown-Menüs von unten links nach oben rechts neben die Theme-Schaltfläche.
• Anpassung des Dropdown-Menüs zum Umschalten zwischen dem Modus "Links in Textfelder einfügen" und dem Modus "Upload via ImgBB". Jetzt ist beim Öffnen der Benutzeroberfläche standardmäßig der Modus "Upload via ImgBB" aktiv. Die Hoster-Schaltflächen sind in diesem Modus ausgeblendet.

28/04/2026

• Update des Viewports zur Minimierung der Verschiebung zwischen normalem Modus und Vollbildmodus.
• Verbesserung des Stils und der Funktionalität der Download-Schaltfläche.
  • Hinzufügen von Hover-Stilen für die Download-Schaltflächen und Verbesserung der Download-Funktion mit Drag-and-Drop-Unterstützung.
  • Hinzufügen eines Fortschrittsbalkens für den Download und von Schaltflächen-Containern.
  • Update des Stils des Fortschrittsbalkens und der Schaltflächen während des Ladens.

29/04/2026

• Verbesserung der Logik für das Rendering und die Transformation von Bildern.
  • Refaktorisierung der Rendering-Funktion für eine bessere Verwaltung und Transformation von Bildern.
• Verbesserung der Logik für die Größenänderung des Fensters und der Kommentare.
  • Überarbeitung der Kommentare und Verbesserung der Logik zur Neukalibrierung des Zooms.

30/04/2026

• Update des Stils des Fortschrittsbalkens und der Schaltflächen während des Ladens.
  • Hinzufügen eines Fortschrittsprozentsatzes.
• Update des Verhaltens des Fortschrittsbalkens während des Ladens.
  • Kleines Update. Wiederherstellung der Bereinigungsleiste, die das Laden bestätigt.
• Update der Kopier-Warnmeldungen in mehreren Sprachen.
• Verbesserung der Hover- und Aktivierungseffekte von Schaltflächen.
  • Hinzufügen von Hover- und Aktivierungseffekten für Schaltflächen, um die Konsistenz der Benutzeroberfläche zu verbessern.
• Hinzufügen der Spracherkennung und der anfänglichen Übersetzung.
  • Ermöglicht die richtige Standardsprache basierend auf der Browsersprache.

01/05/2026

• Refaktorisierung der Spracherkennung und Theme-Initialisierung.
  • Hinzufügen der Automatisierung des Wechsels zwischen dunklem und hellem Theme basierend auf dem Standard-Theme des Browsers.
  • Hinzufügen eines Listeners für Änderungen des System-Themes in Echtzeit.

02/05/2026

• Hinzufügen von Funktionen zur automatischen Vorschau und Dateivalidierung für Bild-Uploads, einschließlich Benutzeroberflächenelementen zur Anzeige ausgewählter Dateien und Fortschrittsbalken.
  • Implementierung eines automatischen Vorschau- und Validierungssystems für hochgeladene Dateien.
• Ersetzen des alten Zählers durch hitwebcounter.
  • Der alte Zähler von freecounterstat.com scheint tot zu sein.

03/05/2026

• Update der Meta-Tags title und viewport in index.html.
  • Automatisierung der Viewport-Generierung.
  • Echtzeit-Automatisierung der Titelaktualisierung beim Ausfüllen jedes Titelfelds.
  • Änderung des Programmtitels von "Einfacher Bildvergleich" zu "Willkommen bei EnhancelyCompare"
  • Änderung von "GitHub-Link kopieren" zu "Freigabelink kopieren "
  • Update des title-Tags mit dem Namen „EnhancelyCompare“ für die Vorschau im Browser-Tab.
• Hinzufügen einer Kopfzeile und des Theme-Stils.
  • Überarbeitung des Stils der Kopfzeile und der Steuerelemente, Update der Theme-Farben.
  • Update des Stils der Home-Schaltfläche und Hinzufügen des Kopfzeilen-Layouts.
• Neujustierung der Position der Datei-Löschen-Schaltfläche.

04/05/2026

• Fixierte Kopfzeile und den Namen auswählbar machen.
  • Korrektur der schwebenden Kopfzeile, um sie zu fixieren.
• Verhindern der Textauswahl im Anzeigebereich des Sliders.
  • Die Eigenschaft user-select wurde geändert, um die Textauswahl zu verhindern, und webkit-user-select wurde zur Sicherstellung der Kompatibilität hinzugefügt.
• Update des Footer-Links zum GitHub-Wiki.
• Entfernung der automatischen Rückkehr der Viewport-Slide-Leiste beim Loslassen und Hinzufügen der Neuzentrierung der Leiste bei jedem Aktualisieren des Viewports.
• Hinzufügen adaptiver Stile für kleine Bildschirme
• Verbesserung der Kopfzeilenstile für Ausrichtung und Auffüllung.
  • Hinzufügen von Stilen zur Kopfzeile für eine bessere Ausrichtung und eine präzisere Auffüllung.

05/05/2026

• Ersetzen der Home-Schaltfläche durch einen klickbaren Markennamen.
• Anpassen der Stile und der Medienabfrage für den Haupttitel.
  • Anpassung der Höhe des Haupttitels im Hochformat für Smartphones.

06/05/2026=:

• Die Logik zum Umschalten der Sprache wurde überarbeitet und das CSS bereinigt.
  • Der Wiki-Link wurde basierend auf der in der Funktion changeLang ausgewählten Sprache aktualisiert und unnötige !important-Anweisungen wurden entfernt.
• Header-Stile für kleine Bildschirme überarbeiten.
• Die Hilfemeldungen von hostHelp wurden zur besseren Verständlichkeit überarbeitet.
  • Der Hilfetext für den Import von Bildlinks wurde in mehreren Sprachen aktualisiert.

07/05/2026

• WebP-Komprimierungsfunktionalität hinzufügen und Benutzeroberflächenaktualisierungen.
• Sprachumschaltung mit Mausradunterstützung implementiert.
  • Die Funktionalität zur Sprachumschaltung mittels Mausradereignissen wurde hinzugefügt.
• Eingabefelder für mehrsprachige Unterstützung aktualisiert.
  • Aktualisierte Platzhalter für Eingabefelder in verschiedenen Sprachen.

08/05/2026

• Füge einen Ereignis-Listener für das Scrollrad zur Modusauswahl hinzu.
  • Das Scrollen mit der Modustaste ist nun möglich.
• Einrückung korrigieren und Absatz im Host-Hilfetext neu anordnen.

10/05/2026

• Eine Seitenleiste mit dem Vergleichsverlauf wurde hinzugefügt.
  • Neu ist die Seitenleiste LocalStorage, mit der Sie Vergleiche abrufen und bearbeiten können. Dies können Links oder Titel sein. Die Bearbeitung wird in Ihrem Verlauf gespeichert. Sie können einzelne Vergleiche oder alle gleichzeitig löschen. Da es sich um den LocalStorage handelt, gehen natürlich alle Ihre Vergleiche verloren, wenn Sie Ihren Browserverlauf löschen.
• Thumbnail-Generierung implementiert und saveComparison aktualisiert.
  • Eine Funktion zur Generierung eines 40x40-Thumbnails aus einer Bild-URL wurde hinzugefügt, inklusive Fallback für CORS-Probleme. Die Funktion saveComparison wurde aktualisiert, um das generierte Thumbnail zu verwenden.
• Die Erkennung des Freigabemodus wurde in index.html implementiert.
  • Die synchrone Erkennung des Freigabemodus wurde hinzugefügt, um ein Flackern der Seitenleiste zu verhindern.
• Den Schaltflächen wurde eine Spiegelanimation hinzugefügt, die beim Überfahren mit der Maus angezeigt wird.

11/05/2026

• Position und Z-Index der Seitenleiste anpassen.
  • Die Höhe der Seitenleiste so einstellen, dass sie direkt unter der Kopfzeile positioniert wird.
• Implementiere eine Vollbildumschaltung mit Beibehaltung der Bildmitte.
  • Vollbild-Umschaltfunktion mit Beibehaltung der Mittelposition hinzugefügt.
• Es wurde eine Schaltfläche zum Wechseln zwischen Eingabefeldern hinzugefügt.
  • Mit dieser Schaltfläche kann nun zwischen den Eingabefeldern gewechselt werden. Die Darstellung wurde aktualisiert.

13/05/2026

• Die Seitenleistengestaltung wurde mithilfe eines Pseudo-Elements verbessert.
  • Ein Pseudo-Element wurde zur visuellen Anpassung in die Seitenleiste eingefügt.

14/05/2026

• Verbesserte SVG-Übergangseffekte im Tauschbutton.
  • Fügt sanfte Übergangseffekte für SVG im Tauschbutton hinzu.

15/05/2026

• Füge einen Rotationseffekt beim Überfahren des Tausch-Buttons mit der Maus hinzu.
  • Das SVG-Symbol dreht sich nun beim Überfahren mit der Maus um 180°.

16/05/2026

• Die Datei index.html wurde mit verschiedenen Stil- und Darstellungsänderungen aktualisiert.
  • Den internen Schaltflächen des Viewports wurde ein Spiegeleffekt hinzugefügt. Außerdem wurden kleinere Anpassungen am Spinner und seinem Container vorgenommen.
• Überarbeiten Sie das Layout und die Auswahlstile des Modus.
  • Zentrieren Sie die Modus-Schaltfläche neu, um eine perfekte vertikale Ausrichtung zwischen den Titelfeldern und den „Durchsuchen“-Schaltflächen zu gewährleisten.
• Reestructurar el diseño y los estilos de selección del modo.
  • Recentrar el botón de modo para lograr una alineación vertical perfecta entre los campos de título y los botones "Explorar".

02/06/2026

• Füge Google Analytics-Ereignisse für Interaktionen in der Seitenleiste hinzu.

03/06/2026

• Richte Google Analytics Tracking für Seitenleisten-Aktionen ein.
  • Google Analytics Ereignisverfolgung für Bearbeitungen und Pinning in der Seitenleiste hinzugefügt.

05/06/2026

• Den Verlaufseinträgen wurden Informationen zum Bildformat und zur Auflösung hinzugefügt.
• Aktualisierte Übersetzungen für historische Einträge und korrigierte Formatierung in index.html.

08/06/2026

• Refaktoriere Seitenleisten-Buttons und importiere modale Stile
  • Änderung des "Alles löschen"-Button der Seitenleiste und Hinzufügen von 2 neuen Buttons zum Importieren und Exportieren der Inhalte der Seitenleisteen.
• Vergrößern Sie die Miniaturansichten in den Verlaufseinträgen.

09/06/2026

• Einen Fehler in neuen Geschichtseinträgen behoben.
  • Beim Hinzufügen eines neuen Vergleichs wurden Auflösungs- und Formatinformationen beim ersten Versuch nicht angezeigt. Man musste auf den Eintrag klicken, damit die Akualisierung fertig war. Jetzt ist es behoben.

10/06/2026

• Passe den Stil der Symbole der Seitenleiste-Geschichtseinträge an.
  • Die Symbole in den Seitenleisten-Einträgen sind jetzt perfekt transparent und vertikal statt horizontal ausgerichtet.
• Implementiere einen Multi-Select-Modus mit Aktionsleiste.
  • Die Möglichkeit hinzugefügt, einen oder mehrere Einträge auszuwählen, um die Auswahl exportieren oder löschen zu können. Dafür reicht ein 2-Sekunden-Druck, um das System auszulösen. Es werden 2 neue Knöpfe erscheinen. Ein Korb🗑 und ein Kreuz❌. Die erste löscht die Auswahl, und die zweite hebt die Auswahl auf.

11/06/2026

• Fügen Sie einen Button und vollständige Auswahlfunktion hinzu.
• Verbesserte Zoom-Funktionalität und eine adaptive Maske basierend auf dem Thema unter dem Bild links hinzugefügt.
  • Der Zoom-Container wurde ein Hintergrund hinzugefügt und die Maße von zoomerB aktualisiert.

12/06/2026

• Fehlerbehebung: Vergleichseintrag kann nicht neu generiert werden, wenn er gelöscht wird.
  • Wenn wir einen neuen Vergleich erstellen und den Eintrag aus dem Verlauf löschen, können wir den Eintrag nun neu generieren.

13/06/2026

• Lösche den API-Schlüssel und aktualisiere den Upload-Endpunkt (Neuer API-Schlüssel generiert).
  • Übertragung von "enhancelycompare" an CloudFlare und Ausblendung des API-Schlüssels.
• Aktualisieren Sie die GitHub-Links zum neuen Repository.
• Die Basis-URL für das Dateiprotokoll wurde aktualisiert.

14/06/2026

• Verbesserte Handhabung lokaler Speichereingaben und -updates.
  • Neugestaltung des Eingabe-Event-Handlers für eine effizientere Handhabung lokaler Speicherupdates und eine ordnungsgemäße Trennung neuer Einträge.
• Refaktorisieren von Historie-Item-Auswählern in index.html
  • 2 kleine kleinere Korrekturen. Die Reihenfolge, in der Einträge in absteigender Reihenfolge aufgezeichnet wurden, in die logischere aufsteigende Reihenfolge geändert und Titel, die beim Bearbeiten eines Geschichtseintrags nicht in Echtzeit aktualisiert wurden, korrigiert.
• Aktualisierungsbestätigungsmeldungen und Import-Fehlertexte.
  • Die Warnmeldung "❌ Ungültige JSON-Datei" in den 5 Sprachen der Schnittstelle hinzugefügt.

15/06/2026

• Überarbeitete die Handhabung von Daten in historischen Einträgen.
• Aktualisieren Sie den Titel und fügen Sie eine Meta-Beschreibung in der index.html-Datei hinzu.
• Verbesserte index.html Datei mit Open-Graph-Meta-Tags.
  • Open-Graph-Meta-Tags für ein besseres Teilen in sozialen Medien hinzugefügt.

16/06/2026

• Verbesserte lokale Speicherverwaltung für Swap-Einträge.
  • Hinzugefügte Funktionen zum Speichern von Handelsdetails im lokalen Speicher und zur Aktualisierung des Bearbeitungsstatus von Einträgen.

17/06/2026

• Open Graph und Twitter Meta-Tags zu index.html hinzugefügt.
  • Meta-Zeile hinzugefügt, um ein Thumbnail unter dem Link anzuzeigen, sobald dieses auf anderen Seiten und sozialen Netzwerken gepostet wurde.
• Füge das Meta-Tag für den Open Graph-Sitenamen hinzu.

18/06/2026

• Meta-Beschreibung und Open Graph-Tags aktualisieren.

19/06/2026

• Ein Warnknopf-Stil für die Aktion "Löschen" hinzugefügt.
  • Ersetzte das Historik-Mülleimer-Symbol 🗑 durch eine SVG-Version, die auf den anderen Buttons verwendet wurde.

20/06/2026

• Fügen Sie einen responsiven Spendenbereich und Übersetzungen hinzu.

21/06/20026:

• Fügen Sie ein Dropdown-Menü für benutzerdefinierte Sprachen mit Indikatoren hinzu.
  • Im Sprachauswahlmenü wurde links neben jeder Sprache eine Flagge hinzugefügt. Dadurch wird im Hochformat der Bildschirmplatz optimal genutzt, da nur die Flagge sichtbar ist. Nach dem Klicken auf die Schaltfläche werden die Sprachnamen weiterhin im Auswahlmenü angezeigt.

23/06/2026

• Hinzufügen des Themen-Schaltknopfs mit Tooltip-Funktionalität.
  • Der Theme-Button wurde mit einem Sonne-und-Mond-Symbol nur auf Handy und Tablet verbessert, um etwas Platz zu sparen.

24/06/2026

• Die Sichtbarkeit der Theme-Icons und der Button-Label-Logik wurde behoben.
  • Die Logik der Ikonen und Namen der Licht- und Dunkelthemen wurde umgekehrt.

26/06/2026

• Integriere Freeimages-Download-Funktionalität
  • Unterstützung für das Freeimage-Upload-Modul über API in der HTML-Datei hinzugefügt, einschließlich neuer Buttons und Funktionen zur Verwaltung von Uploads über Freeimage.
• Integriere das Freeimage SDK zum Hochladen von Bildern und zur Aktualisierung von Upload-Buttons.
  • Integration des Freeimage SDK und Aktualisierung der Funktionalität der Upload-Buttons.
• Refaktoriere die Bild-Upload-Logik und bereinige HTML.
  • Ungenutzte contenteditable Div-Tags entfernt und Button-Attribute für die Bild-Upload-Funktionalität angepasst. Ich habe die Download-Endpunkt-Logik aktualisiert und den Code bereinigt, indem ich die Funktion initPupObserver entfernt habe.

27/06/2026

• Die Logik zum Laden von Bildern und zum Speichern der Auflösung neu gestaltet.
• Füge der saveAndInit-Funktion eine URL-Vergleichslogik hinzu.
• Korrigieren Sie die localStorage-Aktualisierungsbedingung im Eingabeereignis.

28/06/2026

• Überarbeitung der ID-Verwaltung zum Speichern von Seitenleisteneinträgen.
  • Früher, wenn man einen neuen Vergleich über dem vorherigen erstellt hat, ohne die Seite zu aktualisieren, wurde der bereits in der Seitenleiste vorhandene Eintrag vom neuen überschrieben. Dann war es notwendig, die Seite zu aktualisieren, um das Problem zu umgehen. Ich habe dieses Problem behoben: Ab jetzt musst du die Seite nicht mehr neu laden, um einen neuen Vergleich anzustellen, und die neuen überschreiben die vorherigen Seitenleiste nicht mehr.

29/06/2026

• Aktivieren Sie den Import mehrerer Dateien in der Funktion importHistory und rückgängig beim Importieren.
  • Man kann jetzt mehrere Dateien gleichzeitig importieren, plus eine kleine Korrektur der Importrichtung. Früher wurden die importierten Dateien über die vorherigen gelegt. Jetzt werden sie sich darunter platzieren. Was logischer ist.

30/06/2026

• Verbesserte Dateigrößenverwaltung und Auflösungsspeicherung. – Anzeige der Dateigröße hinzugefügt und Logik zur Auflösungsspeicherung verbessert.

01/07/2026

• Die Bildauflösungslogik in index.html neu gestaltet.
  • Überarbeitete Bildauflösungsbehandlung, um targetId zu verwenden und Größenprüfungen vor dem Abruf der Dateigrößen hinzuzufügen. Konkret ermöglicht dies Ihnen, alte Seitenleisteneinträge zu aktualisieren, die nicht die neuen Dateigrößeninformationen enthalten, die durch die Aktualisierung des Bildkomparators hinzugefügt wurden. Klicken Sie einfach auf die einzelnen Einträge in der Seitenleiste, um sie mit den neuen Bildgewichtsinformationen zu aktualisieren.

04/07/2026

• Die Kriterien für die Bildvalidierung in der index.html-Datei wurden angepasst.
  • Die zulässigen Bildtypen wurden aktualisiert und die maximale Dateigröße erhöht.

07/07/2026

• Fügen Sie das Google-Websiteverifizierungs-Meta-Tag hinzu.

09/07/2026

• Ein Mehrverhältnis-Einstellungspanel für das linke Bild hinzugefügt

  • Ein Einstellungspanel wurde hinzugefügt, wenn das Verhältnis des linken Bildes sich vom Verhältnis des rechten Bildes durch 4 Schieberegler unterscheidet.
    • Ein Schieberegler zum Zoomen
    • Ein Schieberegler für die Opazität
    • Ein Schieberegler für horizontale
    • Ein Schieberegler für das Vertikale.

10/07/2026

• Logik zum Parsen von Anpassungen und zur URL-Verarbeitung hinzugefügt.
  • Speichern der Werte aus dem Multi-Ratio-Anpassungsfeld in der Freigabe-URL hinzugefügt.

11/07/2026

• Aktualisierung des Viewport-Meta-Tags für responsives Design.

12/07/2026

• Verbesserung der Handhabung von Vollbild-Übergängen
  • Die Vollbild-Übergangslogik refaktorisieren, um authentische Übergänge richtig zu handhaben...

14/07/2026

• Eingabefeldbreite und -ausrichtung für größere Bildschirme optimiert. – Media Query für breitere Eingabefelder auf größeren Bildschirmen hinzugefügt und Flexbox-Eigenschaften für die Ausrichtung angepasst.

15/07/2026

• Eingabefeldbreite angepasst und Ziel-ID-Verarbeitung optimiert. – Eingabefeldbreite für bessere Lesbarkeit aktualisiert und Logik zum Speichern der Ziel-ID angepasst.

17/07/2026

• Der Name „EnhancelyCompare“ wurde im Hochformat auf Mobilgeräten auf dem Home-Button nicht vollständig angezeigt.
• Designerkennung und -speicherung implementiert.
  • Synchrone Designerkennung und localStorage-Unterstützung für helle und dunkle Designs hinzugefügt.
• Verbesserte Stile des hellen Designs und die Umschaltfunktion.
  • Die Stile des hellen Designs wurden aktualisiert und die Anti-Flash-Klasse nach dem Designwechsel entfernt.
• Dateichips wurden beim Wechsel des Upload-Modus verzögert behoben.
  • Im Upload-Modus würde nach Auswahl einer Datei (sichtbarer Chip) beim Wechsel von "ImgBB" zu "Freeimage.host" (oder umgekehrt) die .file-Preview-Chips heruntergehen – der Browse-Button erschien wieder über dem Chip, anstatt versteckt zu sein. Dieses Problem ist nun gelöst.

18/07/2026

• Verbessertes Laden von Hosting-Logos.
• Verbessertes Laden der Seitenleisten-Thumbnails.
• Verbesserte Flag-Ladezeiten für verschiedene Sprachen.
• Die Beladung des Besuchsschalters wurde verbessert.
• Verbesserte index.html Datei mit Pre-Login und Lazy Loading.
  • Hinzufügende Pre-Connection-Links zur Optimierung der Performance und aktualisierte Sprachoptions-Bilder für Lazy Loading.
• Reduzierung der CORS in den 3 js-Dateien (upload.js, upload-freeimage.js und filesize.js).
• Verbesserung der Zugänglichkeit mit aria-labels-Attributen in HTML.
  • Buttons und Dropdowns wurden mit aria-labels-Attributen für bessere Zugänglichkeit aktualisiert.

19/07/2026

• Fügen Sie dem Sprachauswahlfeld ein aria-label hinzu, um die Barrierefreiheit zu gewährleisten.
• Eine "robots.txt"-Datei hinzugefügt
  • Eine "robots.txt"-Datei für eine bessere Indexierung hinzugefügt.
• Ein llms.txt zur Schlussfolgerung hinzugefügt.
  • Stellt Informationen bereit, die es LLMs ermöglichen, eine Website zum Zeitpunkt der Schlussfolgerung zu nutzen.
• Sicherheitsheader zur _header-Datei hinzugefügt.
  • Strict-Transport-Security- und Cross-Origin-Opener-Policy-Header hinzugefügt.
• Sicherheitsheader in der _headers-Datei aktualisiert.
  • Die "Preload"-Direktive wurde dem Strict-Transport-Security-Header hinzugefügt.

20/07/2026

• Stile für mobiles Layout und Header-Abstände überarbeitet.

21/07/2026

• Entfernen Sie das Google Analytics Tracking aus der index.html-Datei.
  • Google Analytics Event-Tracking-Skripte und -Aufrufe wurden aus der Seitenleiste zugunsten der integrierten CloudFlare-Version entfernt.

24/07/2026

• Eventmanagement neu gestaltet, um die Sicherheit zu verbessern.
  • Entfernte integrierte Ereignishandler und fügte Ereignishörer hinzu, um die Einhaltung der Content Security Policy (CSP) besser zu gewährleisten.
• Sicherheitsheader aktualisiert und Content-Security-Policy hinzugefügt.
• Aktualisieren Sie die Sicherheitsheader in der _headers-Datei.

25/07/2026

• Entfernen Sie den Link vor der Verbindung zu freeimage.host.
  • Entfernte das nicht verwendete Freeimage SDK.

26/07/2026

• Der Ereignishandler wurde behoben, bei dem man auf den Commit-Button klickt, um eine Funktion zu aktivieren.
• Stelle die Sicherheitsheader in der _headers-Datei wieder her.
• Die Logik zur Einstellung des Vollbildmodus überarbeitet.
  • Die Handhabung der Vollbildmodus-Einstellung wurde überarbeitet, um eine symmetrische Umwandlung von Echtzeitwerten während Ein- und Ausgang sicherzustellen, und ersetzte damit die bisherige Snapshot-Wiederherstellungsmethode.

29/07/2026

• Überarbeitete die Handhabung von Vollbildrotation und Größenanpassung der Resize-Listener.
  • Zusammengeführte, separate Resize-Listener für die Vollbildrotation, um die korrekte Rendering-Reihenfolge sicherzustellen und Layout-Überspringen zu vermeiden.

31/07/2026

• Implementierte IP-Adressratenbegrenzung in der filesize.js API.
  • IP-Adressrate-Begrenzung für die onRequestGet-Funktion hinzugefügt und den Code zur besseren Verständlichkeit refaktorisiert.
• Implementierte Geschwindigkeitsbegrenzung und Überprüfung der Bildgröße in der upload-freeimage.js-Datei.
  • Wurde der upload.js-Funktion eine Geschwindigkeitsbegrenzung und die Validierung der Bildgröße hinzugefügt.
• Implementierte Rate-Begrenzung und Überprüfung der Bildgröße in der upload.js-Datei.
  • Hinzufügen von IP-Adressratenbegrenzung und Validierung der Bildgröße.

02/08/2026

• Die Freeimage-Option wurde entfernt und der Auswahlmodus aktualisiert.
  • Freeimage.host wurde aus dem Dropdown-Menü entfernt. Dieser Dienst war aufgrund eines HTTP-400-Fehlers und der folgenden Fehlermeldung außer Betrieb gesetzt: "Sie sind nicht autorisiert, diese Website zu nutzen." Es scheint, dass dieser Dienst keine Anfragen von Cloudflare mehr annimmt.

10/08/2026

• Fügen Sie Übersetzungen für "createdOn" hinzu und verbessern Sie das EXIF-Datenmanagement.
  • Übersetzung von "createdOn" für mehrere Sprachen hinzugefügt und die Handhabung der EXIF-Datumsextraktion für hochgeladene Dateien aktualisiert.

Beispiel:

11/08/2026

• Korrigiere die französische und spanische Übersetzung von (geänderte) und ändere den Standort von (modifiziert) nach unten.
• Aktualisieren Sie die Wiki-Links, sodass sie auf die Markdown-Dateien verweisen.

12/08/2026

• Verbesserung des responsiven Designs und Aktualisierung des Aufruf-Counter-Images.
  • Eine Medienanfrage für kleinere Bildschirme hinzugefügt und die Bildeigenschaften des Besuchszählers aktualisiert.
• Aktualisieren Sie die Bildattribute und korrigieren Sie die HTML-Struktur.
• Passen Sie die Größe des Besuchszählerbildes für die mobile Anzeige an.

14/08/2026

• Verbesserte Bildkompression und automatische Übersetzung.
  • Verbesserte Bildkompressionsqualität von 0,75 auf 0,85. Mehrsprachige maschinelle Übersetzungsfunktionalität wurde über die DeepL-API hinzugefügt.
• Die Übersetzungs-API wurde neu gestaltet, um JSON zu verwenden.
  • Die Übersetzungs-API wurde aktualisiert, um JSON für Anfragen und Antworten zu verwenden, was die Kompatibilität mit der DeepL-API verbesserte.

15/08/2026

• Implementierung der Logik zum Ausfüllen fehlender Titelübersetzungen.
  • Eine Funktion hinzugefügt, um fehlende Titelübersetzungen aus bestehenden Einträgen auszufüllen. Die Übersetzungslogik wurde aktualisiert, um Eingabeereignisse auszulösen, nachdem die Werte gesetzt wurden.
• Die Eingabeereignisbehandlung für maschinelle Übersetzung neu gestaltet.
  • Der Ereignis-Listener wurde aktualisiert, um programmatische Trigger zu ignorieren und vorab ausgefüllte Eingaben korrekt zu handhaben.

16/08/2026

• Die Handhabung von Eingabeereignissen für die Übersetzung neu gestaltet.
  • Neugestaltung der Eingabeereignisbehandlung für Übersetzungsfelder zur Verbesserung von Klarheit und Funktionalität. Integration der automatischen Aktualisierung der Titelfelder.

mise.a.jour.des.titres.des.entrees.de.la.side.bar.via.l.auto.update.des.champs.titres.webm

17/08/2026

• Das Anfragelimit wurde auf 150 pro IP-Adresse in der exifdate.js-Datei erhöht.
  • Die Anzahl der Abfragen wurde erhöht, um 20 enge Vergleiche mit Sicherheitsmarge abzudecken: Schwellenwert auf 150 über einen Zeitraum von 10 Minuten.
• Die Grenze der IP-Anfragen in der filesize.js-Datei erhöht.
  • Das Anfragelimit wurde von 20 auf 150 pro IP-Adresse und Zeitraum aktualisiert.
  • Die Anzahl der Abfragen wurde erhöht, um 20 enge Vergleiche mit Sicherheitsmarge abzudecken: Schwellenwert auf 150 über einen Zeitraum von 10 Minuten.
• Die Anfragebegrenzung für die Übersetzungs-API in der translate.js-Datei erhöht.
  • Das Anfragelimit wurde aktualisiert, sodass 80 Anfragen pro IP-Adresse und Zeitraum erlaubt sind, um 20 enge Vergleiche mit Sicherheitsmarge innerhalb von 10 Minuten abzudecken.
• Wenn du das Limit überschreitest, funktioniert die automatische Übersetzung der anderen Titelfelder für 10 Minuten mit diesem Konsolenfehler:

• Ich benutze ein kostenloses DeepL-Konto für die API. Also habe ich Anspruch auf 500.000 Zeichen pro Monat. Wenn die automatische Übersetzung zu einem bestimmten Zeitpunkt also nicht mehr funktioniert, bedeutet das, dass das Kontingent für den Monat aufgebraucht ist.
• Das Limit für Anfragen zum Hochladen von Bildern in die upload.js-Datei erhöht.
  • Das Ratenlimit wurde aktualisiert, um 150 Anfragen pro IP-Adresse und Fenster zu ermöglichen, um 20 enge Vergleiche mit Sicherheitsmarge über einen Zeitraum von 10 Minuten abzudecken.

24/08/2026

• HTML-Strukturkorrektur und Aktualisierung der Skriptverarbeitung.
  • Ein Anzeigefehler wurde behoben: Bei Bildern mit unterschiedlichen Seitenverhältnissen wurden die Werte für Vollbild- und Fenstermodus exponentiell dargestellt, wenn die „Esc“-Taste zum Verlassen des Vollbildmodus oder der Mauszeiger am oberen Bildschirmrand verwendet wurde. Die Vollbildwerte blieben dabei unverändert und überschrieben die Werte des Fenstermodus. Dieses Problem ist nun behoben.

06/09/2026

• Vereinfache die Berechnungen von getFactorH in index.html.
  • Refaktorisieren getFactorH-Funktionen, um Berechnungen zu vereinfachen und unnötige Orientierungskontrollen zu entfernen.

08/09206

• Verbessert den Modalimport mit dem Schließen- und Umschaltknopf.
  • Hinzugefügte Stile für Tasten-Modalverschluss und Schaltfunktion.

09/09/2026

• Füge eine Mindestbreitenbeschränkung für adaptives Design im Fenstermodus hinzu.

12.09.2026

• Verhindert das Einblenden der Seitenleiste bei geöffnetem Modal.
  • Es wurde eine Prüfung hinzugefügt, die das Einblenden der Seitenleiste bei geöffnetem Modal verhindert.

13. September 2026

• Drag-and-Drop-Funktionalität für Verlaufseinträge implementieren.
  • Drag-and-Drop-Funktionalität für Verlaufseinträge mit visuellen Indikatoren hinzufügen.

23/09/2026

• Aktualisierung des URL-Kürzungs-API-Endpunkts in index.html.
  • Der API-Endpunkt „tinyurl.com“ wurde um eine neue Funktion erweitert, um zukünftige unbemerkte Blockierungen zu verhindern.

30/09/2026

• Fügen Sie einen Bildrenderingsstil für #img nachher hinzu.
  • Verbessertes Styling-Rendering für das #img-Nach-Element, um ein weicheres Aussehen statt einer harten Kante zu erzielen.

03.10.2026

• Korrektur der Bilddarstellung und der Vorladelogik in index.html.
  • Verbesserung der Ladegeschwindigkeit bei Vergleichen.
  • Test eines Links zum Teilen eines Vergleichs durch eine andere Person.

vitesse.webm

04.10.2026

• Verbesserung des Bildladens durch Preconnect und Preload.
  • Hinzufügen von Preloading und Pre-Connection für Bilder basierend auf URL-Parametern.

09.10.2026

• ARD-Konfiguration für EnhancelyCompare hinzufügen.
• Link zur ARD-JSON-Datei in index.html hinzufügen.
• Den Link zum KI-Katalog in index.html hinzufügen.
  • Den Link zur JSON-Datei des KI-Katalogs in index.html hinzufügen.

13/10/2026

• Implementiere den Wechselmodus-Exit-Button.
  • Hinzugefügte Funktionalität und Gestaltung des Buttons "Beenden des Bearbeitungsmoduss" in allen fünf Sprachen.

• Die Positionierungslogik des Drag-and-Drop-Ghosts refaktorisieren.

14.10.2026

• Ersetzen Sie den Text des Schieberegler-Griffs durch SVG-Symbole.
  • Austausch der Symbole für den Schieberegler-Griff gegen SVG-Versionen, um browser- und betriebssystembedingte Unterschiede zu vermeiden.
• WebGL-bicubisches Rendering für das Nach-Bild implementieren.
  • WebGL-bicubisches Rendering für das „Nach“-Bild mit einem Fallback auf CSS-Rendering hinzugefügt. HTML-Struktur aktualisiert, um ein Canvas-Element für das Rendering einzubinden.

15.10.2026

• Stile für Dateivorschauelemente aktualisieren.
  • Stile hinzugefügt, um ein Überlaufen in Dateivorschauen zu verhindern.

16.10.2026

• Formatierung korrigieren und einen Tooltip für abgeschnittene Dateinamen hinzufügen.

17.10.2026

• Tooltip-Funktionalität für Dateinamen implementieren.
  • Tooltip für abgeschnittene Dateinamen beim Darüberfahren oder Antippen hinzufügen.