Resize images to a 28x28 micro icon size for compact UI and tiny controls
Drag & drop or click to select your image (Max 20MB)
Supports JPG, PNG, GIF, WEBP formats
Perfect dimensions for your specific needs with professional results
28x28 is an ultra-compact square for tiny UI icons, status dots, notification badges, and compact navigation elements where space is tight in dense panels.
Small size keeps toolbars and dense lists lightweight, reducing layout shift and keeping interfaces responsive on slower devices and low-memory browsers.
Ideal for pixel-aligned icon grids, letting designers keep spacing consistent across dense dashboards and tables while matching 4px or 8px grid systems.
Smart crop centers simple shapes so they remain readable when shrunk to micro sizes with limited pixels and avoids fuzzy edges or off-center marks.
Great for monochrome icons or flat graphics; PNG keeps edges crisp at very small scales and avoids color fringing on thin strokes in small UI labels.
Standardize micro assets so small controls match across screens, components, and button sets, keeping menus tidy and visually consistent across toolbars and filters.
Everything you need to know about resizing images to 28x28
28x28 is a micro square for tiny UI icons, status indicators, and compact navigation elements. It keeps interfaces light and aligned in dense lists or toolbars, where space and loading time are critical for micro controls and dashboards.
It can work for small UI icons, but many browsers expect 32x32 or larger for favicons. Use 28x28 when a system requires it, and consider exporting 32x32 or 48x48 for broader compatibility across browsers and devices.
28x28 is smaller and tighter, while 32x32 gives a bit more breathing room for strokes and readable symbols. Choose 28x28 for dense UI and 32x32 for favicons or menus where clarity matters and common icon sets target 32px.
Use smart crop to center the simplest part of the icon. Avoid thin details, and leave a tiny margin so strokes do not touch the edges. Preview at small size to ensure the shape is still recognizable and not muddy or clipped.
PNG is often best for icons because it preserves crisp edges and transparency; WebP can reduce size if supported. JPEG is not ideal for flat icons because compression can blur edges at tiny sizes and introduce artifacts.
Upscaling adds pixels but not new detail. Start from a larger, clean vector or high-res source; otherwise tiny images may look soft. The tool will keep edges smooth, but it cannot invent detail that is not present.
At 300 DPI, 28x28 prints under 0.1 inches, so it is only for digital UI and tiny proofs. For print, use larger sizes to avoid jagged edges; 300x300 or higher is safer. This size is mostly for UI mockups and quick previews.
File sizes are typically tiny, often just a few KB. PNG with transparency can add a bit of weight, but 28x28 remains very small; compress if you serve many icons on one page or bundle them into sprite sheets to keep UI fast.
Yes, our image resizing tool is completely free to use. No registration required, no watermarks, and no hidden fees. Simply upload your image and resize it to your desired dimensions.
Absolutely! All image processing is done locally in your browser. Your images are never uploaded to our servers, ensuring complete privacy and security of your files.
Jump to the most commonly used image sizes for your projects