LumaTool
Lokale Verarbeitung

Icon-Resizer

Icon-Resizer resizes a PNG, JPG, WebP, or SVG icon into many square PNG outputs such as 16x16, 32x32, 128x128, 256x256, and 512x512.

Runs locallyNo uploadYour input is processed in your browser.

Icon-Resizer

Skaliere PNG, JPG, WebP oder SVG in gängige quadratische Größen mit contain, cover, Transparenz, Hintergrund und ZIP.

Was ist dieses Tool?

An icon resizer is a batch resizing tool for website icons, browser extensions, desktop shortcuts, PWA icons, plugin assets, and app handoff packages. It keeps the workflow simple: choose sizes, preview them, then download individual PNG files or a ZIP.

Unterstützte Eingaben

  • PNG images
  • JPG and JPEG images
  • WebP images
  • SVG logos and icons
  • Square source artwork is recommended
  • Large files should be kept under 10 MB for smooth browser processing

Ausgabedateien

  • icon-16.png
  • icon-24.png
  • icon-32.png
  • icon-48.png
  • icon-64.png
  • icon-128.png
  • icon-256.png
  • icon-512.png
  • custom square PNG sizes
  • lumatool-icon-sizes.zip

Größenguide

  • 16x16: browser small icon.
  • 24x24: compact UI icon.
  • 32x32: toolbar or favicon output.
  • 48x48: desktop shortcut.
  • 128x128: extension or plugin icon.
  • 256x256: high-resolution desktop icon.
  • 512x512: PWA or app handoff icon.

Eingabebeispiele

  • Company logo PNG
  • Personal blog avatar
  • SaaS product mark
  • SVG logo
  • Transparent square icon

Ausgabebeispiele

  • icon-16.png
  • icon-24.png
  • icon-32.png
  • icon-48.png
  • icon-64.png
  • icon-128.png

Typische Nutzung

  • Create browser extension icon sizes from one SVG or PNG.
  • Generate toolbar, desktop, plugin, and PWA PNG assets in one ZIP.
  • Check tiny 16x16 and 32x32 readability before shipping.
  • Add custom square sizes for internal design systems.
  • Batch resize icons without installing a desktop utility.

Best Practices

  • Start from high-resolution square artwork when possible.
  • Keep the subject centered and avoid tiny text inside small icons.
  • Use transparent backgrounds only when the mark remains visible on light and dark surfaces.
  • Use consistent file paths between exported files and HTML code.
  • After replacing favicons, clear browser cache or change filenames if the old icon remains visible.

Häufige Fehler

  • Uploading a low-resolution source and expecting sharp large icons.
  • Using artwork that touches the edge and gets clipped after rounding or cover mode.
  • Shipping only favicon.ico and forgetting Apple Touch Icon or manifest icons.
  • Leaving HTML paths that do not match the files in the public folder.
  • Not previewing 16x16 and 32x32 outputs before release.

Datenschutz und lokale Verarbeitung

Deine Datei wird lokal im Browser verarbeitet und nicht auf LumaTool-Server hochgeladen. Bilddecoding, Canvas, ICO, ZIP, Manifest und HTML entstehen clientseitig.

Beispiele

Eingabebeispiele

Beispieleingabe 
Company logo PNG
Personal blog avatar
SaaS product mark
Beispielausgabe 
icon-16.png
icon-24.png
icon-32.png

Icon-Resizer resizes a PNG, JPG, WebP, or SVG icon into many square PNG outputs such as 16x16, 32x32, 128x128, 256x256, and 512x512.

Ausgabebeispiele

Beispieleingabe 
one source icon image
Beispielausgabe 
icon-16.png
icon-24.png
icon-32.png
icon-48.png
icon-64.png

Deine Datei wird lokal im Browser verarbeitet und nicht auf LumaTool-Server hochgeladen. Bilddecoding, Canvas, ICO, ZIP, Manifest und HTML entstehen clientseitig.

Datenschutzhinweis

Deine Datei wird lokal im Browser verarbeitet und nicht auf LumaTool-Server hochgeladen. Bilddecoding, Canvas, ICO, ZIP, Manifest und HTML entstehen clientseitig.

Verwendung

  1. Schritt 1. Lade ein Bild hoch oder gib Icon-Pfade ein.
  2. Schritt 2. Wähle Optionen für Website, App oder PWA.
  3. Schritt 3. Prüfe Vorschau, Dateien, Manifest oder HTML-Code.
  4. Schritt 4. Lade Dateien, ZIP oder kopiere den generierten Code.

Praxisbeispiele

Create browser extension icon sizes from one SVG or PNG

Create browser extension icon sizes from one SVG or PNG.

Generate toolbar, desktop, plugin, and PWA PNG assets in one ZIP

Generate toolbar, desktop, plugin, and PWA PNG assets in one ZIP.

Check tiny 16x16 and 32x32 readability before shipping

Check tiny 16x16 and 32x32 readability before shipping.

Typische Anwendungsfälle

  • Create browser extension icon sizes from one SVG or PNG.
  • Generate toolbar, desktop, plugin, and PWA PNG assets in one ZIP.
  • Check tiny 16x16 and 32x32 readability before shipping.
  • Add custom square sizes for internal design systems.
  • Batch resize icons without installing a desktop utility.

FAQ

Can I resize SVG icons?

Yes. SVG input is sanitized, rendered locally, and exported as PNG sizes.

Will the icon be uploaded?

Nein. Die Verarbeitung läuft lokal im Browser und die Datei wird nicht an LumaTool-Server gesendet.

Can I keep the transparent background?

Yes. Keep transparent background enabled, or choose a custom background color for non-transparent PNG output.

What is the best size for icons?

It depends on the target. Check 16x16 and 32x32 for favicons, 128x128 for extensions, and 512x512 for PWA or app handoff.

Can I download all sizes at once?

Yes. Generate the selected sizes and download the ZIP package.

What is the difference between cover and contain mode?

Contain keeps the full image visible with possible padding. Cover fills the square and may crop edges.

Wofür eignet sich Icon-Resizer besonders?

Icon-Resizer eignet sich für schnelle Icon-Tools-Aufgaben im Browser, etwa Prüfen, Umwandeln, Bereinigen oder Formatieren.

Wie wird meine Eingabe verarbeitet?

Deine Datei wird lokal im Browser verarbeitet und nicht auf LumaTool-Server hochgeladen. Bilddecoding, Canvas, ICO, ZIP, Manifest und HTML entstehen clientseitig.

Ähnliche Tools

F

Favicon-Generator

Erstelle favicon.ico, PNGs, Apple Touch Icon, Android-Icons, Manifest, Vorschauen, HTML-Tags und ZIP lokal im Browser.

Icon-Tools Verfügbar Lokale Verarbeitung Kein Upload Jetzt nutzen A

App-Icon-Generator

Erzeuge iOS-, Android- und PWA-Icongrößen aus PNG, JPG, WebP oder SVG mit Safe-Area- und Rundungs-Vorschau.

Icon-Tools Verfügbar Lokale Verarbeitung Kein Upload Jetzt nutzen I

ICO-Konverter

PNG, JPG und WebP in mehrgrößige favicon.ico-Dateien umwandeln.

Bild-Tools Verfügbar Lokale Verarbeitung Kein Upload Jetzt nutzen B

Bild-Base64-Konverter

Bilder in Base64-Data-URLs umwandeln und Base64-Bilder anzeigen.

Bild-Tools Verfügbar Lokale Verarbeitung Kein Upload Jetzt nutzen S

SVG-Optimierer

Komprimiere, bereinige, prüfe, kopiere und lade SVGs herunter, ohne Scripts, Events, Metadaten und riskante Inhalte.

Icon-Tools Verfügbar Lokale Verarbeitung Kein Upload Jetzt nutzen