Cambie el tamaño de las imágenes por porcentaje o dimensiones fijas mientras mantiene la relación de aspecto o tamaños personalizados.
Características
- Modos Múltiples: Cambiar tamaño por píxeles o porcentaje
- Bloqueo de Relación de Aspecto: Mantener proporciones originales
- Control Preciso: Establecer ancho y alto exactos
- Alta Calidad: Preservar calidad de imagen durante cambio de tamaño
Guía de uso
- Paso 1: Cargar una imagen
- Paso 2: Establecer dimensiones o porcentaje
- Paso 3: Descargar imagen redimensionada
Detalles técnicos
Algoritmos de Escalado de Imagen
El cambio de tamaño de imagen usa algoritmos de interpolación para calcular nuevos valores de píxel al cambiar dimensiones.
Resolución y Tamaño de Archivo
La resolución de imagen afecta el tamaño del archivo y la calidad.
Casos de Uso
Optimización web, generación de miniaturas, redes sociales, adjuntos de Email, aplicaciones móviles, preparación de impresión.
Preguntas frecuentes
- ¿Qué modos de redimensionamiento diferentes están disponibles?
- La herramienta ofrece dos modos de redimensionamiento: Píxeles (dimensiones fijas) - establece ancho y alto exactos en píxeles, y Porcentaje (escalado) - redimensiona por porcentaje (por ejemplo, 50% hace la imagen la mitad del tamaño, 200% la duplica). También puede elegir mantener la relación de aspecto para prevenir distorsión de imagen al redimensionar.
- ¿Cómo mantengo la relación de aspecto al redimensionar?
- Habilite la opción "Mantener relación de aspecto". Cuando está habilitada, cambiar el ancho ajusta automáticamente la altura (o viceversa) para mantener las proporciones originales. Esto previene estiramiento o compresión. Si está deshabilitada, puede establecer ancho y alto independientes, lo que puede distorsionar la imagen.
- ¿Redimensionar reducirá la calidad de la imagen?
- El redimensionamiento puede afectar la calidad dependiendo de la dirección: Reducir (hacer más pequeño) típicamente mantiene buena calidad. Ampliar (hacer más grande) puede introducir algo de desenfoque ya que la herramienta interpola nuevos píxeles. Para mejores resultados, comience con imágenes de alta resolución y reduzca en lugar de ampliar. La herramienta usa interpolación bilineal para resultados suaves.
- ¿Cuál es la diferencia entre redimensionar por píxeles vs porcentaje?
- El modo Píxeles establece dimensiones absolutas (por ejemplo, 800x600px) - útil cuando necesita tamaños específicos para diseños web o impresión. El modo Porcentaje escala relativamente al tamaño original (por ejemplo, 50% = mitad del tamaño) - útil para crear miniaturas o reducir el tamaño del archivo proporcionalmente. Ambos modos pueden mantener la relación de aspecto.
- ¿Puedo redimensionar imágenes para diferentes casos de uso?
- ¡Sí! Casos de uso comunes: Imágenes web (800-1200px de ancho para contenido, 400px para miniaturas), Redes sociales (Instagram 1080x1080px, Twitter 1200x675px), Adjuntos de correo (mantener bajo 1MB, típicamente 600-800px de ancho), Impresión (300 DPI, calcular: pulgadas × 300 = píxeles). La herramienta le ayuda a lograr estos tamaños mientras mantiene la calidad.
Documentación relacionada
- MDN - Canvas drawImage() - Método Canvas API para dibujar y escalar imágenes con control de interpolación
- Escalado de imagen - Wikipedia - Guía completa de algoritmos de escalado y métodos de interpolación
- MDN - imageSmoothingEnabled - Propiedad Canvas para controlar el suavizado de imagen durante operaciones de escalado
- Técnicas de Remuestreo de Imagen - Descripción técnica de algoritmos de remuestreo bilineal, bicúbico y otros
- MDN - Manipulación de Imágenes Canvas - Tutoriel sobre técnicas avanzadas de manipulación y transformación de imágenes canvas