Sube una foto de paisaje a una publicación de Instagram, una foto de un teléfono alto como imagen de enlace de LinkedIn o una captura de pantalla de X, y la plataforma decide silenciosamente qué parte de ella ve la gente. Se ajusta a la imagen con una de las pocas formas fijas y recorta lo que no encaja, y recorta desde el medio hacia afuera. Si el sujeto está en el medio, eso funciona. Si el sujeto es una cara cerca de la parte superior del marco, un producto a la izquierda o un titular en la parte inferior, la plataforma lo recorta.
La solución es recortar la imagen usted mismo, a la forma exacta que desea el feed, y elegir qué parte sobrevive. Esta guía cubre los tamaños y relaciones de aspecto que muestran las plataformas principales, la geometría de un cultivo, cómo elegir un punto focal, qué hace el cultivo con la calidad y el tamaño del archivo, y cómo evitar el resultado suave y mejorado que atrapa a la gente. Los ejemplos trabajados utilizan el gratis Recortador de imágenes de redes sociales en Toolz, que realiza todo el trabajo del lado del cliente.
TL;Dr: Para recortar una imagen para las redes sociales, elija la relación de aspecto objetivo para la plataforma y la ubicación (por ejemplo, 1080 x 1350 para una publicación de retrato de Instagram, 1200 x 630 para una vista previa del enlace, 1600 x 900 para una imagen de publicación X), tome el región más grande de esa forma que cabe dentro de su foto, anclarla en la parte que importa y luego escalarla al tamaño exacto de píxel. Una foto de teléfono de 4032 x 3024 recortada a 4:5 mantiene el 60% de su área; recortado a 16:9 mantiene el 75%. El recortador de imágenes de redes sociales lo hace en un lienzo de su navegador con una cuadrícula focal de nueve puntos, gratis, sin registro, sin carga.
¿qué hace un recortador de imágenes de redes sociales?
Un recortador de imágenes de redes sociales corta una foto en la relación de aspecto que muestra una plataforma y la escala a esa plataforma 's tamaño de píxel, por lo que a la plataforma no le queda nada que recortar. Se realizan dos operaciones separadas y ayuda a mantenerlas separadas:
- Cultivo. Elija un rectángulo dentro del original que tenga la forma objetivo. Se descartan los píxeles que se encuentran fuera. Los píxeles que se encuentran dentro están intactos.
- Escala. Cambie el tamaño de ese rectángulo a las dimensiones objetivo, como 1080 x 1350. Aquí es donde la calidad puede cambiar, porque se vuelve a muestrear la imagen.
Un editor de imágenes genérico puede hacer ambas cosas, pero le permite encontrar la proporción, dibujar la caja a mano y recordar el tamaño de salida. Un cropper dedicado conoce los tamaños, dibuja automáticamente el cuadro válido más grande y le permite moverlo con un clic. La versión de Toolz también le indica cuánto cuesta el cultivo antes de descargarlo: cuánta superficie original sobrevive y si el resultado se redujo o aumentó.
¿Qué tamaños de imagen utilizan las principales plataformas?
Cada red representa imágenes de alimentación en un pequeño conjunto de relaciones de aspecto y cualquier otra cosa se ajusta a la más cercana. La tabla enumera los 15 tamaños objetivo integrados en el recortador, que reflejan lo que cada plataforma muestra actualmente sin volver a recortar. Las plataformas los revisan de vez en cuando, así que trátelos como una guía actual en lugar de una especificación permanente.
| plataforma | Colocación | Tamaño de píxel | proporción de este | donde se usa |
|---|---|---|---|---|
| Poste cuadrado | 1080 x 1080 | 1:1 | La clásica publicación de feed | |
| Publicación de retrato | 1080 x 1350 | 4:5 | El feed más alto lo permite, la mayor cantidad de espacio en pantalla | |
| Publicación paisajística | 1080 x 566 | 1.91:1 | El feed más amplio acepta | |
| Historia o carrete | 1080 x 1920 | 9:16 | Pantalla completa; mantenga el texto libre de las 250 px superior e inferior | |
| Hilos | Poste cuadrado | 1080 x 1080 | 1:1 | Se muestra sin recortar en la línea de tiempo |
| Hilos | Publicación de retrato | 1080 x 1350 | 4:5 | Los hilos más altos se muestran sin recortar |
| Bluesky | Imagen de alimentación | 1200 x 630 | 1,90:1 | Las imágenes amplias se acercan a 1,91:1 |
| Bluesky | Imagen cuadrada | 1080 x 1080 | 1:1 | Se muestra sin recortar |
| X | Publicar imagen | 1600 x 900 | 16:9 | Se muestra completo sin tocar |
| X | Tarjeta de resumen | 1200 x 628 | 1.91:1 | Tarjeta de vista previa de enlace grande |
| Publicación de alimentación | 1200 x 630 | 1,90:1 | También el tamaño Open Graph | |
| Publicación de alimentación | 1200 x 627 | 1.91:1 | Estándar de alimentación de LinkedIn | |
| YouTube | uña del pulgar | 1280 x 720 | 16:9 | Mínimo 1280 de ancho para el reproductor HD |
| Pasador estándar | 1000 x 1500 | 2:3 | Los pines más altos están rebajados | |
| Open Graph | Vista previa del enlace | 1200 x 630 | 1,90:1 | Tarjeta predeterminada que representan la mayoría de los sitios y aplicaciones de chat |
Destacan dos cosas. El "1,91:1" familia (1200 x 630, 1200 x 628, 1200 x 627, 1080 x 566) es una forma con un redondeo ligeramente diferente y es la forma de casi todas las vistas previas de enlaces en la web. Se remonta al Open Graph protocol, que define el og:image los sitios de etiquetas suelen proporcionar una imagen de vista previa. Y los formatos altos difieren: Instagram y Threads paran en 4:5, Pinterest pasa a 2:3 e Stories usa 9:16. Un cultivo no los sirve todos.
Si también está configurando la imagen de vista previa para una página web, el Open Graph herramienta de vista previa muestra cómo se verá esa imagen de 1200 x 630 una vez compartida.
¿cómo se calcula el rectángulo de recorte?
El cultivo es el rectángulo más grande de la forma objetivo que encaja dentro de la imagen original. Si la imagen es más ancha que la forma objetivo, el cultivo mantiene toda la altura y recorta los lados. Si es más alto, el cultivo mantiene todo el ancho y recorta la parte superior e inferior.
En números, para una fuente de ancho W y alto H y una relación objetivo R (ancho dividido por alto):
if W / H > R: crop width = H x R, crop height = H (trim the sides)
else: crop width = W, crop height = W / R (trim top and bottom)
Ejemplo trabajado 1: una foto de teléfono 4032 x 3024 en una publicación de retrato de Instagram.
- Relación fuente: 4032 / 3024 = 1,333. Relación objetivo: 1080 / 1350 = 0,8.
- La fuente es más ancha, por lo que el cultivo mantiene la altura total de 3024 px.
- Ancho de cultivo: 3024 x 0,8 = 2419,2 px.
- Área mantenida: 2419,2 / 4032 = 0,60, por lo que el 60% de la foto sobrevive y el 40% está recortada por los lados.
- Luego, el cultivo se escala desde aproximadamente 2419 x 3024 hasta 1080 x 1350.
Ejemplo trabajado 2: la misma foto de una imagen de publicación X.
- Relación objetivo: 1600 / 900 = 1,778. La relación de fuente 1,333 es menor, por lo que el cultivo mantiene el ancho total de 4032 px.
- Altura del cultivo: 4032 / 1,778 = 2268 px.
- Área mantenida: 2268 / 3024 = 0,75, por lo que sobrevive el 75%, con 756 px recortados desde la altura.
Ejemplo trabajado 3: la misma foto en un pin de Pinterest.
- Relación objetivo: 1000 / 1500 = 0,667. Ancho de cultivo: 3024 x 0,667 = 2016 px.
- Área mantenida: 2016 / 4032 = 50%. La mitad de la foto va.
Estos porcentajes son lo que la herramienta informa como "Manteniendo el 60% del original" y vale la pena leerlos antes de comprometerse. Un recorte que mantiene la mitad del fotograma es una decisión de composición, no un paso de formato.
¿Cómo eliges qué parte de la imagen conservar?
Elija el punto focal que sujeta al sujeto y recuerde que solo importa a lo largo del eje que se está recortando. La cuadrícula de nueve puntos de cropper' establece un enfoque de 0, 0,5 o 1 en cada eje, que ancla el cultivo al borde izquierdo, al borde central o derecho horizontalmente y a la parte superior, media o inferior verticalmente.
La posición se calcula así y luego se sujeta para que el recorte nunca se salga de la imagen:
crop x = focusX x W - cropWidth / 2 (clamped between 0 and W - cropWidth)
crop y = focusY x H - cropHeight / 2 (clamped between 0 and H - cropHeight)
En el ejemplo trabajado 1, solo se recortan los lados, por lo que solo la elección horizontal cambia algo:
| Columna de anclaje | Cultivo x | Columnas conservadas de la foto |
|---|---|---|
| Izquierda | 0 | 0 până la 2419 |
| Centro | 806,4 | 806 până la 3226 |
| Correcto | 1612,8 | 1613 până la 4032 |
Las filas superior, media e inferior dan resultados idénticos para ese cultivo, porque ya se mantiene la altura total. Es una comprobación útil cuando un clic parece no hacer nada: el cultivo sólo puede moverse libremente en una dirección.
Ejemplo trabajado 4: una foto de un teléfono con retrato como imagen de LinkedIn. Una foto de 3024 x 4032 recortada a 1200 x 627 (proporción 1,914) mantiene todo el ancho y una tira 3024 / 1,914 = 1580 px de altura. Eso es 1580 / 4032 = 39% de la foto. Con el anclaje central predeterminado, la tira va de y = 1226 a y = 2806, que en un retrato típico de cabeza y hombros es el pecho, no la cara. Al hacer clic en la parte superior central, la tira se mueve a y = 0 a 1580 y mantiene la cabeza. Este caso es la razón por la que existe la cuadrícula focal: el centrado es un valor predeterminado razonable y la respuesta incorrecta para la mayoría de los retratos se convierte en pancartas.
Algunas reglas generales para elegir un ancla:
- Personas: fila superior, ya que las caras suelen estar situadas en el tercio superior de un marco.
- Titulares o subtítulos grabados en un gráfico: la fila o columna donde se encuentra el texto.
- Productos y temas descentrados: la esquina o el costado a juego.
- Escenas simétricas y logotipos centrados: déjalo en el centro.
¿el recorte reducirá la calidad de la imagen?
El recorte por sí solo no reduce la calidad, pero el paso de escala sí puede hacerlo. Descartar píxeles fuera del marco deja los píxeles restantes exactamente como estaban. El cambio de tamaño al tamaño objetivo es donde el resultado puede mejorar o degradarse.
La reducción es segura y, a menudo, hace que una foto parezca más nítida, ya que se promedian varios píxeles de origen en cada píxel de salida. El recortador dibuja con la configuración de calidad de suavizado de lienzo 's, utilizando el drawImage método definido en el Especificación de lienzo WHATWG HTML. La ampliación no puede agregar detalles que nunca fueron capturados. La salida se hace más grande pero no más nítida y los bordes se ven suaves.
Ejemplo trabajado 5: una captura de pantalla mejorada. Una captura de pantalla de 800 x 600 recortada para una imagen de publicación X mantiene el ancho total de 800 px y una franja de 450 px de alto, el 75% del área. Esa región de 800 x 450 se amplía luego a 1600 x 900, el doble de su tamaño en cada dirección. La herramienta lo dice en la vista previa: "Upscaled: la fuente es más pequeña que el objetivo, por lo que se verá suave."
La prueba rápida consiste en comparar el ancho del cultivo con el ancho objetivo. Si el cultivo es más ancho que el objetivo, la imagen se reduce y quedará bien. Si es más estrecho, se está ampliando. Para las fotos, la cámara de un teléfono casi siempre tiene píxeles de sobra. Las capturas de pantalla, las imágenes antiguas y las guardadas de otras publicaciones son los casos de ampliación habituales, y la única solución real es una fuente más grande.
¿debería exportar PNG, JPEG o WebP?
Exporte JPEG para fotografías, PNG para capturas de pantalla, texto y gráficos con bordes duros, y WebP cuando desee el archivo más pequeño y sepa que el destino lo acepta. El recortador tiene el valor predeterminado en PNG porque no tiene pérdidas y ofrece los tres.
| formato | Compresión | mejor para | estar atento a |
|---|---|---|---|
| PNG | Sin pérdidas, según lo especificado por el Estándar PNG W3C | Capturas de pantalla, UI, texto, logotipos, transparencia | Archivos grandes para fotografías |
| JPEG | Lossy, el método en UIT-T T.81 | Fotografías | Halos alrededor de texto y líneas nítidas; sin transparencia |
| webp | Perdido o sin pérdidas, descrito en Documentación de Google & 39;s WebP | Archivos más pequeños de calidad similar | Algunas herramientas más antiguas no pueden abrirlo |
Las exportaciones JPEG y WebP utilizan una configuración de calidad de 0,92 en el codificador de lienzo, que es lo suficientemente alta como para que los artefactos de compresión sean difíciles de ver en las fotografías. El archivo descargado lleva el nombre del original más el ajuste preestablecido, por lo que team.jpg recortado para una publicación de retrato de Instagram mientras JPEG guarda como team-ig-portrait.jpeg.
La mayoría de las plataformas vuelven a codificar lo que carga de todos modos, por lo que un PNG sin pérdidas de una fotografía no sobrevive como PNG una vez publicado. Principalmente suma el tamaño de carga. Para elegir formatos con más profundidad, el Guía de conversión de formato de imagen los compara en más casos de uso.
Paso a paso: recortar una imagen con la herramienta
los recortador de imágenes para redes sociales tiene cuatro pasos y el lienzo de vista previa es el mismo lienzo que produce el archivo, por lo que lo que aprueba es lo que descarga.
- Añade la imagen. Suelte un archivo, haga clic para elegir uno o pegue una imagen del portapapeles con Cmd+V o Ctrl+V. El oyente de pegado está en toda la página, por lo que una captura de pantalla copiada en el portapapeles entra directamente sin guardarse primero. La zona de caída acepta PNG, JPEG, WebP, GIF o AVIF, o cualquier otra cosa que su navegador pueda decodificar.
- Elija el tamaño objetivo. El menú Tamaño de destino agrupa los 15 ajustes preestablecidos por plataforma, cada uno etiquetado con su tamaño y proporción de píxeles, y muestra una nota de una línea sobre dónde se utiliza el tamaño. El valor predeterminado es la publicación vertical de Instagram.
- Elija qué conservar. Haga clic en uno de los nueve puntos de la cuadrícula Mantener. La vista previa se vuelve a dibujar inmediatamente.
- Consulta los números y descárgala. En la vista previa, lea la línea que indica el porcentaje mantenido, las dimensiones del cultivo y si el resultado se reduce o aumenta. Elija PNG, JPEG o WebP y haga clic en Descargar.
Todo se ejecuta en un lienzo HTML en la pestaña del navegador. La imagen no se carga, almacena ni registra, y la página sigue funcionando con la red apagada. Como todas las herramientas del sitio, el paso de descarga verifica un límite de uso diario.
¿Con qué errores puedes encontrarte?
La mayoría de los problemas provienen del formato del archivo o del tamaño de la fuente. Los mensajes son específicos.
- "Ese archivo no es una imagen." El tipo file's no comienza con
image/, por ejemplo un PDF o un vídeo. El mensaje nombra el archivo. - "Esa imagen no se pudo leer. Puede estar corrupto o en un formato que este navegador no decodifica." El archivo afirma ser una imagen pero el navegador no puede decodificarla. El caso común es una foto HEIC de iPhone en un navegador sin soporte HEIC. Conviértelo primero a JPG con convertidor de formato de imagen.
- "Upscaled: la fuente es más pequeña que el objetivo, por lo que se verá suave." No es un error, una advertencia. Utilice un original más grande si tiene uno.
- La cuadrícula focal parece no hacer nada. El cultivo sólo se recorta a lo largo de un eje, por lo que sólo los anclajes a lo largo de ese eje lo mueven.
- Límite diario alcanzado. Se ha utilizado la asignación de uso diario gratuita.
Vale la pena saber un efecto más. Debido a que la salida se recodifica a partir de píxeles del lienzo, el archivo descargado no contiene metadatos EXIF: ni configuración de cámara, fecha de captura ni ubicación GPS. Para fotografías publicadas públicamente, esto suele ser una ganancia de privacidad. El Guía del removedor EXIF explica qué contienen esos metadatos y por qué son importantes cuando se comparten fotos.
¿recortar, cambiar el tamaño o colocar sobre un fondo?
Recortar es una de las tres formas de darle a una imagen una forma fija, y la correcta depende de si puedes permitirte perder alguna imagen.
| acceso | Qué pasa | Cuándo usarlo | herramienta |
|---|---|---|---|
| Relación entre cultivos y | Recorta los bordes, mantiene la forma exacta | El sujeto es parte del marco y los bordes pueden desaparecer | Recortador de imágenes de redes sociales |
| Se ajusta a un mate | Reduce toda la imagen sobre un fondo coloreado o borroso | No se puede cortar nada, como obras de arte o una foto de grupo | Generador mate |
| Sólo cambiar tamaño | Cambia las dimensiones de los píxeles y mantiene la proporción original | La proporción ya es correcta o la plataforma acepta cualquier forma | Cambiar tamaño de imagen |
| Dividir en diapositivas | Corta una imagen amplia en diapositivas de carrusel consecutivas | Un panorama demasiado amplio para un poste | Generador de desplazamiento carrusel |
Si el problema es el tamaño del archivo más que la forma, el guía de cambio de tamaño de imagen cubre cambiar dimensiones sin distorsión. Cuando una imagen recortada sale públicamente y debe llevar su nombre, el marcador de agua agrega un logotipo o firma en una esquina o en mosaico a lo largo del marco. El conjunto completo de herramientas de imagen para publicar vidas en el centro de herramientas de redes sociales.
¿por qué aparecer antes de subirlo?
Porque el cultivo de la plataforma lo decide un software que no puede ver al sujeto. Cada feed se genera en proporciones fijas y una carga en cualquier otra forma se ajusta automáticamente, generalmente recortando uniformemente desde ambos lados de la dimensión larga. Algunas plataformas, entre ellas Bluesky, aplican ese cultivo solo que se muestra en la línea de tiempo, por lo que la imagen completa existe, pero la mayoría de la gente nunca la ve.
Recortar primero te devuelve tres decisiones: qué parte del marco es visible, qué tan nítido es el resultado en el tamaño exacto de la pantalla y qué tan grande es el archivo. Se necesitan unos segundos por imagen y es más importante exactamente para las imágenes que interesan a la gente: retratos, tomas de productos y gráficos con texto cerca de un borde. Para ellos, recorta la imagen al tamaño de la plataforma con el punto focal sobre el tema, gratis, sin registro y carga un archivo, el feed no tiene motivos para cambiar.
