Recortar imágenes online: portada, imagen para compartir y cuadrada | We.Inc
Recorta imágenes a tamaños web en tu navegador: imágenes para compartir de 1200×630, portadas 16:9, cuadradas y verticales. Exporta WebP, JPG o PNG viendo el peso del archivo. Sin subir nada.
Recortador de imágenes para webs
Elige una forma, como una imagen para compartir de 1200×630, una portada 16:9 o una foto de producto cuadrada, suelta tu imagen, arrastra el recuadro sobre la parte que quieres y descárgala. El recorte se hace dentro de tu navegador, así que la foto nunca sale de tu dispositivo, y puedes guardarla como WebP, JPG o PNG.
Recortes más usados en webs
Dónde aparece
Forma
Tamaño
Vistas previas de enlaces (Open Graph)
1200 × 630px
Portada a todo el ancho
1920 × 1080px
Foto de producto o de equipo
1080 × 1080px
Tarjeta de blog o de listado
1200 × 800px
Un recortador pensado para los tamaños que usan las webs. Elige un preajuste, arrastra y redimensiona el recuadro, define formato y calidad, mira el tamaño exacto de salida y el peso del archivo, y recorta todo un lote con la misma forma de una sola vez.
Elige una forma de recorte. Cada preajuste fija la proporción y el tamaño de salida; Libre te deja arrastrar cualquier rectángulo.
Suelta una o varias imágenes en el recuadro o haz clic para elegirlas. Puedes tener hasta 20 abiertas a la vez, y ninguna se sube.
Arrastra el recuadro de recorte para encuadrar la imagen y arrastra el punto azul para agrandarlo o reducirlo. Con el recuadro enfocado, las flechas lo mueven poco a poco, y Shift lo mueve más rápido.
Elige WebP, JPG o PNG (y AVIF si tu navegador puede generarlo), ajusta la calidad y, si quieres, un ancho máximo.
Haz clic en Recortar y descargar. Con varias imágenes abiertas, Recortar todas aplica la misma forma alrededor del mismo punto en cada imagen.
Mantén las caras y el texto lejos de los bordes de las imágenes para compartir. Algunas aplicaciones recortan las vistas previas de enlaces a un cuadrado o redondean las esquinas.
WebP con una calidad de alrededor del 80% suele pesar mucho menos que JPG con la misma calidad visual y funciona en todos los navegadores actuales.
Usa PNG solo para capturas de pantalla, logos y gráficos con colores planos o transparencia. Las fotos guardadas como PNG suelen pesar varias veces más.
Para las imágenes de portada, recorta más ancho de lo que necesitas en móvil y define object-position en CSS para que el motivo siga a la vista en pantallas estrechas.
Si la herramienta avisa de que la imagen se ampliará, el recorte tiene menos píxeles que el tamaño de destino. Parte de un original más grande en lugar de aceptar un resultado borroso.
Preguntas frecuentes
¿Se suben mis imágenes?
No. Tu navegador abre, recorta y guarda las imágenes en tu propio dispositivo. No hay ningún paso de subida y no se guarda nada en nuestros servidores.
¿Qué tamaño debe tener una imagen para compartir?
1200 × 630 píxeles, una proporción de alrededor de 1.91 a 1, es el tamaño para el que se diseñan la mayoría de las vistas previas de enlaces. Elige el preajuste Imagen para compartir para recortar exactamente a ese tamaño.
¿Cuál es el mejor formato para las imágenes de una web?
WebP es la opción segura para fotos: archivos pequeños y compatibilidad con todos los navegadores actuales. AVIF puede pesar aún menos, pero tarda más en codificarse y no todos los navegadores lo ofrecen en canvas. Usa PNG para gráficos que necesiten bordes nítidos o transparencia.
¿Puedo recortar varias imágenes al mismo tamaño?
Sí. Abre varias imágenes, encuadra la primera y usa Recortar todas. Cada imagen se recorta con la misma forma y el mismo tamaño de salida, centrada en el mismo punto relativo que tu primer recorte.
¿Por qué el archivo recortado se ve borroso?
El área de recorte tenía menos píxeles que el tamaño de salida, así que se amplió. La herramienta muestra un aviso cuando va a pasar. Usa un original más grande, un área de recorte mayor o un ancho máximo menor.
Primero recorta, luego comprime
La mayoría de las imágenes web demasiado pesadas no están mal comprimidas; simplemente son demasiado grandes. Una foto de móvil suele tener 4000 píxeles de ancho, pero un banner de portada rara vez necesita más de 1920 y una imagen de tarjeta unos 1200. Recortar a la forma y el tamaño que usa la página elimina la mayor parte del peso antes de cualquier compresión.
Después de recortar, el compresor de imágenes puede reducir un poco más el archivo, y el conversor a WebP procesa carpetas enteras de una vez.
Elegir la forma adecuada
Ajusta el recorte al recuadro que ocupa la imagen en la página. Si una plantilla muestra las fotos de producto en mosaicos cuadrados, recórtalas tú en cuadrado en lugar de dejar que CSS corte los bordes de forma imprevisible. Si la plantilla usa una portada 16:9, una foto vertical 4:5 quedará muy recortada, así que elige una toma horizontal o reencuádrala aquí.
Para las imágenes para compartir, piensa en la tarjeta de vista previa como en un pequeño cartel: un motivo claro, como mucho unas pocas palabras grandes y nada importante cerca de los bordes.
Formas de recorte incluidas en la herramienta
Forma
Tamaño de salida
Ideal para
Libre
El tamaño de tu propio recorte
Cualquier forma que arrastres
Imagen para compartir 1200×630
1200 × 630px
Vistas previas de enlaces Open Graph
Portada 16:9
1920 × 1080px
Banners a todo el ancho y pósteres de vídeo
Portada ancha 21:9
2560 × 1097px
Cabeceras de página bajas y cinematográficas
Cuadrada 1:1
1080 × 1080px
Fotos de producto, avatares, publicaciones en cuadrícula
Vertical 4:5
1080 × 1350px
Publicaciones altas en el feed y fotos de producto
Historia 9:16
1080 × 1920px
Historias a pantalla completa en el móvil
Tarjeta 3:2
1200 × 800px
Imágenes de tarjetas de blog y de listados
Favicon 512
512 × 512px
Origen para iconos del sitio
Libre
Cualquier forma que arrastres
Imagen para compartir 1200×630
Vistas previas de enlaces Open Graph
Portada 16:9
Banners a todo el ancho y pósteres de vídeo
Portada ancha 21:9
Cabeceras de página bajas y cinematográficas
Cuadrada 1:1
Fotos de producto, avatares, publicaciones en cuadrícula
Vertical 4:5
Publicaciones altas en el feed y fotos de producto
Historia 9:16
Historias a pantalla completa en el móvil
Tarjeta 3:2
Imágenes de tarjetas de blog y de listados
Favicon 512
Origen para iconos del sitio
{name} no se pudo leer como imagen.
{n} imagen cargada. No se ha subido nada.
{n} imágenes cargadas. No se ha subido nada.
Este navegador no puede guardar ese formato. Elige WebP, JPG o PNG.
Guardado {w} × {h} {ext}, {size}.
Se guardaron {n} imágenes, {size} en total. Cada una se recortó alrededor del mismo punto que esta.
Recortar
Forma de recorte
Suelta las imágenes aquí o haz clic para elegirlas
JPG, PNG, WebP, GIF o AVIF. Hasta 20 a la vez. Se quedan en tu dispositivo.
Imagen que se está recortando: {name}
Área de recorte. Arrastra para moverla o usa las flechas.
Recorte en {x}, {y}, {w} por {h} píxeles
{name}: {iw} × {ih}px. Recorte de {size} desde ({pos}). Arrastra el recuadro para moverlo, el punto azul para redimensionarlo, o enfócalo y usa las flechas.
Exportar
Formato
Calidad {value}
(PNG es sin pérdida)
Ancho máximo (px, opcional)
Mantener el tamaño del recorte
Salida:
· El recorte es más pequeño que esto, así que se ampliará y puede verse borroso. Usa una foto más grande o un tamaño menor.