Technical Architecture: High-Quality Interpolation & Aspect-Ratio Geometry
Resizing a raster image requires computing a new grid of pixels `(W_new × H_new)` from an existing source bitmap `(W_src × H_src)`. Naive nearest-neighbor scaling introduces jagged stair-stepping (aliasing) on diagonal lines and text, especially when downsampling 4K camera photos (`4032 × 3024`) to web thumbnails (`800 × 600`).
ViewAnyFile.app’s Image Resizer leverages hardware-accelerated 2D canvas contexts configured with `imageSmoothingQuality = "high"` (bicubic / Lanczos-grade GPU filtering):
- Proportional Aspect-Ratio Locking: When the aspect lock is active, modifying the target width automatically recalculates height as `H_new = round(W_new × (H_src / W_src))`, preventing horizontal or vertical stretching.
- Alpha-Channel Preservation: Transparent PNG and WebP graphics are resampled in premultiplied 32-bit RGBA space so drop shadows and anti-aliased icon edges remain free of dark halos.
- Standard Social & Web Dimensions: Quickly target OpenGraph (`1200 × 630`), Full HD (`1920 × 1080`), Instagram Portrait (`1080 × 1350`), or square avatar (`512 × 512`) resolutions with zero server uploads.
Pixels vs. Percentage Scaling: When to Use Each
Use Exact Pixels (px) when preparing assets for a fixed layout slot — such as a CMS featured image, an app store screenshot, or an ID photo requirement. Use Percentage (%) when you want to halve (`50%`) or quarter (`25%`) the resolution of a camera photo while effortlessly preserving its native proportions. Afterward, you can further optimize byte size with our Image Compressor or isolate the subject with our AI Background Remover.