Visualizador de Fotos / Foto‑Betrachter

Aplicación web sin build (CDN) para visualizar y navegar imágenes localmente, leer EXIF (GPS/altitud), filtrar por metadatos embebidos en el nombre del archivo, ordenar, hacer zoom/pan y descargar la imagen actual. No se requiere servidor ni instalación.

Build‑freie Web‑App (CDN) zum lokalen Betrachten von Bildern, Lesen von EXIF (GPS/Höhe), Filtern anhand im Dateinamen kodierter Metadaten, Sortieren, Zoomen/Pannen und Herunterladen des aktuellen Bildes. Kein Server, keine Installation nötig.

Español

• Abrí index.html en tu navegador (funciona por file:// o http(s) local).
• Cargar imágenes: botón “Cargar imágenes” o arrastrar y soltar sobre el visor. Podés seleccionar varias o una carpeta (según navegador).
• Navegación: flechas del teclado (izquierda/derecha) o botones ◀ ▶.
• Filtros (barra superior):
  • Finca: F1/F2/F3
  • Aruco: G1/G2/G3/P1/P2/P3 (coincide si contiene cualquiera de los seleccionados)
  • Altura: 60m/80m/100m (se interpreta desde nombres como Finca-Altura-arucos-toma, aceptando M60 o 60m)
  • Si el filtro devuelve 0 resultados aparece “Limpiar filtros”.

Formato de nombres (requerido para filtros)

• Estructura: Finca-Altura-arucos-toma
• Ejemplos válidos:
  • F1-M60-P1P2-5.JPG → Finca F1 · Altura 60m · Arucos P1,P2 · Toma 5
  • F2-80m-G1-12.jpg → Finca F2 · Altura 80m · Aruco G1 · Toma 12
• Altura puede escribirse como M60 o 60m (se normaliza a 60m/80m/100m).
• Los arucos pueden ir concatenados (P1P2, G1G2G3) o separados por comas.
• Panel lateral:
  • Ordenar por: Nombre, Tamaño, Modificada, Fecha EXIF, Altitud (asc/desc).
  • Árbol de archivos: refleja la jerarquía y el orden actual.
  • Detalles: Nombre editable (con “Guardar como…”), tamaño, fechas y GPS (si EXIF disponible). Enlace a Google Maps cuando hay coordenadas.
• Zoom y pan: rueda del mouse o botones +/−, “Reset” para volver al encuadre. Arrastrá para panear cuando el zoom > 1.
• Descargar: botón “Descargar” para guardar la imagen actual.
• Idioma: botón “Deutsch/Español” en la barra superior cambia todos los textos de la interfaz.

Limitaciones

• El renombrado “en sitio” del archivo no se realiza (solo “Guardar como…”). Para manipular archivos en disco se necesitaría la File System Access API en contexto seguro (Chrome/Edge + localhost/https).
• La lectura de EXIF desde URL locales puede variar por navegador.
• Todo ocurre localmente en tu navegador; no se suben imágenes a ningún servidor.

Deutsch

• index.html im Browser öffnen (funktioniert via file:// oder lokalem http(s)).
• Bilder laden: „Bilder laden“ oder per Drag‑and‑Drop in den Viewer. Mehrfachauswahl möglich (je nach Browser auch Ordner).
• Navigation: Pfeiltasten (links/rechts) oder Buttons ◀ ▶.
• Filter (obere Leiste):
  • Finca: F1/F2/F3
  • Aruco: G1/G2/G3/P1/P2/P3 (erfüllt, wenn eines der ausgewählten vorkommt)
  • Höhe: 60m/80m/100m (aus Dateinamen wie Finca-Altura-arucos-toma erkannt; sowohl M60 als auch 60m)
  • Wenn 0 Treffer: „Filter löschen“ erscheint.
• Seitenleiste:
  • Sortieren nach: Name, Größe, Geändert, EXIF‑Datum, Höhe (auf/absteigend).
  • Dateibaum: zeigt Hierarchie und aktuelle Reihenfolge.
  • Details: Bearbeitbarer Name (mit „Speichern unter…“), Größe, Datum und GPS (falls EXIF vorhanden). Link zu Google Maps bei Koordinaten.
• Zoom & Pan: Mausrad oder +/−, „Zurücksetzen“ für Standardansicht. Bei Zoom > 1 ziehen zum Pannen.
• Herunterladen: „Herunterladen“ speichert das aktuelle Bild.
• Sprache: „Deutsch/Español“‑Button in der oberen Leiste wechselt alle UI‑Texte.

Dateiname‑Format (für Filter erforderlich)

• Struktur: Finca-Altura-arucos-toma
• Gültige Beispiele:
  • F1-M60-P1P2-5.JPG → Finca F1 · Höhe 60m · Aruco(s) P1,P2 · Aufnahme 5
  • F2-80m-G1-12.jpg → Finca F2 · Höhe 80m · Aruco G1 · Aufnahme 12
• Höhe kann als M60 oder 60m geschrieben werden (normalisiert zu 60m/80m/100m).
• Arucos können zusammengehängt (P1P2, G1G2G3) oder kommasepariert sein. Einschränkungen
• Direktes Umbenennen im Dateisystem erfolgt nicht (nur „Speichern unter…“). Für Schreibzugriff wäre die File System Access API im sicheren Kontext (Chrome/Edge + localhost/https) nötig.
• EXIF‑Lesen kann je nach Browser unterschiedlich funktionieren.
• Alles läuft lokal im Browser; es werden keine Bilder hochgeladen.