Redimensionador de Imágenes
Elige una imagen y redimensiónala a un ancho y alto exactos o por porcentaje. La imagen se procesa por completo en tu navegador con la API Canvas — nunca se sube a ningún servidor.
Redimensiona una imagen sin subirla a ningún sitio
Esta herramienta carga tu imagen en un <img>,
lee sus dimensiones reales en píxeles desde naturalWidth/naturalHeight, y luego la
dibuja en un <canvas> con el ancho y alto que
elijas usando ctx.drawImage(img, 0, 0, nuevoAncho, nuevoAlto). El
canvas se encarga del remuestreo, y canvas.toBlob() convierte el resultado en un archivo
descargable — cada paso ocurre dentro de tu pestaña del
navegador, así que una foto privada nunca tiene que salir de tu
dispositivo solo para redimensionarse.
Ejemplo práctico
Supongamos que tu foto original mide 1200 × 800 px. Escribe 50 en el campo de porcentaje y ambos campos se actualizan al instante a 600 × 400 px — justo la mitad en cada dirección, porque el escalado por porcentaje aplica el mismo factor a las dos dimensiones. ¿Prefieres un tamaño exacto? No hace falta cambiar nada más — con "Bloquear relación de aspecto" activado, escribir 600 solo en el campo de ancho calcula automáticamente un alto de 400 (600 × 800/1200 = 400), así que la imagen redimensionada conserva sus proporciones originales sin cálculos manuales.
Preguntas frecuentes
¿La imagen se sube a algún servidor?
No. El archivo se lee localmente con la API FileReader del navegador, se dibuja en un elemento <canvas> dentro de la página, y la versión redimensionada se genera con canvas.toBlob() — todo eso ocurre en tu dispositivo. Nada se envía a un servidor, así que no hay paso de subida, ni espera, ni preocupación por fotos privadas.
¿Por qué el ancho y el alto cambian juntos?
Cuando "Bloquear relación de aspecto" está marcado, editar una dimensión recalcula la otra usando la proporción de la imagen original, para que el resultado no salga estirado ni aplastado. Desmárcalo si quieres deliberadamente una relación distinta — por ejemplo, para forzar una miniatura cuadrada a partir de una foto panorámica.
¿Cuál es la diferencia entre píxeles exactos y el campo de porcentaje?
Ambos controlan el mismo redimensionado, solo que desde puntos de partida distintos. Los píxeles exactos te dejan apuntar a un tamaño específico, como 800×600 para la foto de un anuncio. El campo de porcentaje escala ambas dimensiones por el mismo factor en un solo paso — 50% reduce a la mitad ancho y alto al instante — lo cual es más rápido cuando no te importa el tamaño final exacto en píxeles.
¿Redimensionar reduce la calidad de la imagen?
Reducir una imagen (downscaling) suele verse bien — el renderizador de canvas del navegador suaviza los píxeles al remuestrear. Ampliar una imagen (upscaling) no puede inventar detalle que no existía, así que las fotos de origen muy pequeñas se verán más suaves al agrandarlas. Para mejores resultados, parte siempre del original más grande que tengas.