[{"data":1,"prerenderedAt":11},["ShallowReactive",2],{"guide:es:blog\u002Fcrop-photo-into-circle":-1,"article-es-crop-photo-into-circle":3},{"slug":4,"title":5,"description":6,"date":7,"keyword":8,"tool":9,"html":10},"crop-photo-into-circle","Cómo recortar una foto en círculo (gratis, sin subir archivos)","¿Necesitas una foto de perfil redonda o un logo? Aquí te mostramos cómo recortar una foto en círculo en tu navegador, gratis, sin subir archivos y sin necesidad de registrarte.","2026-09-14","crop photo into circle","crop-image","\u003Cp>Las fotos de perfil redondas están por todas partes — Slack, Zoom, Teams, cuentas de Google, WhatsApp, avatares de autores en WordPress, la mayoría de páginas web de equipos. Por eso cuando alguien pregunta cómo recortar una foto en círculo, la respuesta honesta generalmente los sorprende: \u003Cstrong>casi nunca necesitas un archivo circular.\u003C\u002Fstrong> Necesitas un cuadrado perfecto con el sujeto centrado, y la aplicación dibuja el círculo por ti.\u003C\u002Fp>\n\u003Cp>Aquí te mostramos cómo lograr ese cuadrado correctamente, y qué hacer en el raro caso de que genuinamente necesites una imagen redonda con esquinas transparentes.\u003C\u002Fp>\n\u003Ch2>Por qué un recorte cuadrado es la respuesta el 90% de las veces\u003C\u002Fh2>\n\u003Cp>Las aplicaciones que muestran avatares circulares no almacenan imágenes redondas. Almacenan tu carga cuadrada (o rectangular) y aplican una máscara circular CSS encima. Un círculo inscrito en un cuadrado toca el medio de cada borde, así que el área visible es el cuadrado menos las cuatro esquinas — aproximadamente el 21% de la imagen queda oculto.\u003C\u002Fp>\n\u003Cp>Esa es la parte que la gente se equivoca. Si subes una foto donde tu cabeza llena el marco de borde a borde, la máscara circular cortará la parte superior de tu cabello y ambas orejas. Recorta para el círculo, no para el cuadrado.\u003C\u002Fp>\n\u003Ch2>Paso a paso: un recorte cuadrado centrado\u003C\u002Fh2>\n\u003Col>\n\u003Cli>Abre la \u003Ca href=\"\u002Fes\u002Fcrop-image\">herramienta de recorte\u003C\u002Fa> en tu navegador. Nada se sube — la imagen se procesa en tu propio dispositivo, así que una foto de tu cara nunca sale de tu laptop.\u003C\u002Fli>\n\u003Cli>Arrastra una selección cuadrada \u003Cstrong>1:1\u003C\u002Fstrong>. Bloquea la relación de aspecto si la herramienta lo ofrece, para que no termines 4 píxeles desviado y obtengas un avatar aplastado.\u003C\u002Fli>\n\u003Cli>Posiciona la selección para que el contenido importante esté en el tercio central. Para un retrato: los ojos aproximadamente un tercio hacia abajo, y un espacio visible de fondo arriba de la cabeza y en ambos lados.\u003C\u002Fli>\n\u003Cli>Exporta, luego verifica el resultado imaginando un círculo dibujado dentro de él. Cualquier cosa que toque una esquina va a desaparecer.\u003C\u002Fli>\n\u003Cli>Si el archivo es más grande de lo que necesitas, pásalo a través de \u003Ca href=\"\u002Fes\u002Fresize-image\">redimensionar\u003C\u002Fa> — 400×400 o 512×512 es suficiente para casi cualquier espacio de avatar — y luego \u003Ca href=\"\u002Fes\u002Fcompress-image\">comprimir\u003C\u002Fa> si hay un límite de tamaño de carga.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>Una prueba rápida de cordura: sostén tu pulgar sobre cada esquina de la imagen exportada. Si nada importante está bajo tu pulgar, el recorte circular se verá bien.\u003C\u002Fp>\n\u003Ch3>Logos y fotos de productos\u003C\u002Fh3>\n\u003Cp>Los logos son el caso más complicado, porque un logotipo de texto es ancho y un círculo no. No encoja todo el logo hasta que quepa en el círculo — se verá diminuto. Recorta la parte del icono o monograma en su lugar, centrado, con espacio respirable. Si el logo está sobre un fondo que no quieres, \u003Ca href=\"\u002Fes\u002Fremove-background\">elimina el fondo\u003C\u002Fa> primero y guarda como PNG para que el área transparente se fusione con el color que use la plataforma.\u003C\u002Fp>\n\u003Ch2>Cuándo realmente necesitas una imagen redonda\u003C\u002Fh2>\n\u003Cp>Hay algunos casos donde un cuadrado no funciona: colocar un retrato redondo en una diapositiva de color, un volante impreso, o una firma de correo electrónico donde no existe máscara CSS. Opciones, la más fácil primero:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>PowerPoint \u002F Google Slides \u002F Canva:\u003C\u002Fstrong> inserta tu imagen cuadrada, luego usa el recorte de forma ("Recortar a forma → Óvalo"). Como tu imagen ya es cuadrada, el óvalo se convierte en un círculo perfecto.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Páginas web:\u003C\u002Fstrong> mantén el archivo cuadrado y agrega \u003Ccode>border-radius: 50%\u003C\u002Fcode> en CSS. Una línea, sin edición de imagen, y el archivo se mantiene más pequeño.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Word o firma de correo:\u003C\u002Fstrong> inserta la imagen, luego Formato de imagen → Recortar a forma → Óvalo.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>En cada uno de esos casos, comenzar con un recorte cuadrado correctamente centrado es lo que hace que el resultado se vea intencional en lugar de accidentalmente decapitado.\u003C\u002Fp>\n\u003Ch2>Guarda como PNG si hay transparencia\u003C\u002Fh2>\n\u003Cp>Si tu imagen redonda tendrá esquinas transparentes, debe ser un PNG — JPG no tiene canal alfa y rellenará las esquinas con blanco. Si necesitas cambiar formatos, el \u003Ca href=\"\u002Fes\u002Fconvert-image\">convertidor de imagen\u003C\u002Fa> maneja PNG, JPG y WebP en el navegador.\u003C\u002Fp>\n\u003Cp>Una última nota sobre privacidad: las fotos de perfil son personales, y la mayoría de sitios "recorte de círculo gratis" suben tu archivo a un servidor para procesarlo. Cada herramienta de cutbg se ejecuta completamente en tu navegador — sin subir archivos, sin cuenta, sin copia de tu cara en el cubo de almacenamiento de alguien. Cierra la pestaña y desaparece.\u003C\u002Fp>\n",1791831538854]