Redimensionador de imagen
Redimensiona imágenes por píxeles o porcentaje en tu navegador - sin subida.
Suelta una imagen, elige nuevas dimensiones (píxeles o porcentaje), bloquea la relación de aspecto para escalar proporcionalmente, y descarga. El original no se modifica ni sube - la copia se genera localmente vía Canvas.
Cómo usarla
Drop an image
Drag a PNG / JPG / WebP / AVIF / GIF onto the dropzone or click to pick one.
Set the new dimensions
Type pixels (lock aspect ratio for proportional scaling) or use the percentage shortcut (50%, 25%).
Download
The resized copy downloads with `-resized` appended to the filename. The original is untouched.
¿Qué es?
An image resizer changes the pixel dimensions of an image - shrinking it to save bandwidth, or fitting it to a target spec. The browser's Canvas API handles the actual resampling using bilinear or bicubic interpolation depending on the engine. Quality is preserved when you shrink; upsizing can't add detail that wasn't in the source.
Cuándo usarla
Resizing photos before uploading to a service with a max file size, fitting an image to a specific design slot (1200×630 for OG, 1080×1080 for Instagram), or batch-shrinking a screenshot for a documentation page. Anywhere you need to change pixel dimensions without round-tripping through Photoshop.
Errores comunes
Forgetting to lock the aspect ratio and ending up with a stretched / squashed image. Saving the same image at the same dimensions repeatedly (each save through a lossy format like JPG loses a little quality - the so-called 'generational loss'). And upsizing in the hope of recovering detail - it doesn't work; pick a higher-res source instead.
Preguntas frecuentes
- Pixels or percentage?
- Pixels when you have a target spec (e.g. 'must be exactly 1200×630 for OG image'). Percentage when you're just shrinking ('half the size of the original'). Lock the aspect ratio in either mode to avoid stretched output.
- Does upsizing improve quality?
- No. Upsizing (e.g. 500px → 2000px) doesn't add detail; Canvas interpolates between existing pixels. The result looks blurry compared to a true 2000px source. Use this tool to shrink confidently; for upsizing, find a higher-resolution source or use an AI upscaler.
- What format is the output?
- Same format as the input (PNG stays PNG, JPG stays JPG). To change the format too, run the output through the image-converter tool.
Herramientas relacionadas
Más en esta categoría
- Conversor de colores (HEX, RGB, HSL)
- Generador de degradados CSS
- Generador de sombra CSS
- Generador de favicon
- Comprobador de contraste
- Generador de paleta de colores
- Generador de tonos de color
- Generador de clip-path CSS
- Generador de border-radius
- Generador cubic-bezier
- Generador de filtro CSS
- Generador de glassmorphism
- Conversor de imagen
- Compresor de imagen
- Imagen a Base64
- Recortador de imagen
- Selector de color de imagen