Zum Inhalt springen
Michael Zogot
← Alle Projekte
LiveWerkstatt · Bildformate in wenigen Klicks · 2026

Image Resizer

Image Resizer bringt Bilder in wenigen Klicks auf das passende Format: zuschneiden, einpassen, skalieren und als JPEG, PNG oder WebP exportieren, auch mehrere Bilder in einem Durchgang. Es ist die erste App, die ich per Vibe Coding mit KI gebaut habe, und bis heute mein täglicher Begleiter.

Promovideo: Bild ablegen, Format wählen, Ausschnitt zoomen oder ganzes Bild einpassen und als JPEG, PNG oder WebP herunterladen
Key Visual: dieselbe Oberfläche auf Smartphone und Laptop, ein Foto in drei Formaten
Key Visual: dieselbe Oberfläche auf Smartphone und Laptop, ein Foto in drei Formaten
Startseite: Bilder ablegen, verarbeitet wird lokal im Browser
Startseite: Bilder ablegen, verarbeitet wird lokal im Browser
Eigene Maße und Fit-Modus mit Hintergrundfarbe oder weichgezeichnetem Hintergrund
Eigene Maße und Fit-Modus mit Hintergrundfarbe oder weichgezeichnetem Hintergrund
Formatvorlagen nach Kategorien, daneben Zuschnitt, Metadaten, Wasserzeichen, Drehen und Qualität
Formatvorlagen nach Kategorien, daneben Zuschnitt, Metadaten, Wasserzeichen, Drehen und Qualität
Vorschau mit Zoom, Ausgabegröße und geschätzter Dateigröße vor dem Download
Vorschau mit Zoom, Ausgabegröße und geschätzter Dateigröße vor dem Download

1.

App, die ich per Vibe Coding gebaut habe

39

Formatvorlagen in sechs Kategorien

0

Uploads, alles bleibt im Browser

10

letzte Bilder mit Konto wieder abrufbar

Ausgangslage

Ich muss ständig Bilder auf feste Maße bringen: KI-Bilder mit krummen Formaten wie 1920 × 1072, Vorschaubilder für YouTube, Beiträge und Banner für Social Media. Mit den üblichen Werkzeugen war das jedes Mal langwierig: Maße nachschlagen, zuschneiden, Format wählen, Metadaten entfernen, Bild für Bild. Ein Werkzeug, das mehrere Bilder mit wenigen Klicks auf die passende Größe bringt und die gängigen Formate schon kennt, gab es nicht. Also habe ich es gebaut, entlang meines eigenen Arbeitsablaufs.

Was es kann

  1. 1
    Vorlagen für jeden Zweck39 Formate in sechs Kategorien: Bildschirm, Skalierung, X, YouTube, Facebook und LinkedIn. Eigene Maße per Eingabe oder Regler, häufige Formate als Favoriten.
  2. 2
    Zuschneiden oder einpassenAusschnitt per Ziehen verschieben und zoomen oder das ganze Bild einpassen, auf Wunsch mit weichgezeichnetem Hintergrund statt Rand.
  3. 3
    Viele Bilder, ein DurchgangMehrere Bilder auf einmal als JPEG, PNG oder WebP exportieren, mit einstellbarer Qualität und Wasserzeichen. iPhone-Fotos im HEIC-Format werden direkt umgewandelt.
  4. 4
    Metadaten entfernenEXIF-, GPS- und KI-Angaben auf Wunsch löschen, sensible Bereiche verpixeln. Die Bilder werden im Browser verarbeitet und nie hochgeladen.
  5. 5
    Ohne Konto nutzbarSeite öffnen und loslegen. Wer sich mit Google oder E-Mail anmeldet, findet die letzten zehn Bilder wieder und kann sie später weiterbearbeiten.
  6. 6
    Als App im DockAls Progressive Web App auf Mac und iPhone installierbar. Bei mir liegt sie im Dock: ein Klick, Bild anpassen, wieder schließen.

Technik

  • HTML, CSS, JavaScript ohne Framework
  • Canvas-Bildverarbeitung
  • heic2any
  • Firebase Auth
  • IndexedDB
  • PWA mit Service Worker
  • Electron (Mac-App)
Nächstes WerkzeugUltimateFinder · Finder-Visor für macOS
Weiter →