Cómo quitar el espacio transparente de un PNG
En esta página
Respuesta corta: abre Recortar bordes transparentes de Imgovo, elige tu PNG o WebP, comprueba el nuevo tamaño bajo la vista previa y descarga el resultado. La herramienta encuentra el rectángulo más pequeño que aún contiene todos los píxeles visibles y recorta exactamente a ese tamaño.
Por qué un PNG tiene espacio transparente vacío alrededor
Un PNG puede guardar un fondo transparente. La imagen sigue siendo un rectángulo completo, así que un logotipo colocado en el centro de un lienzo grande lleva un borde transparente en cada lado. En una página blanca no se ve, pero está ahí. Hace que el logotipo parezca más pequeño de lo que es, lo separa de lo que tiene al lado y desperdicia espacio en un botón, una cabecera o un icono.
El borde suele venir de una de estas fuentes:
- un programa de diseño que exportó toda la mesa de trabajo en lugar de solo el dibujo,
- un recorte que conservó el tamaño de la foto original,
- una captura de pantalla o una pegatina con una sombra suave que se desvanece hasta desaparecer.
Paso a paso
- Abre Recortar bordes transparentes y elige el archivo.
- Mira el marco discontinuo de la izquierda. Muestra el contenido visible que se ha encontrado.
- Lee la línea bajo las vistas previas: el tamaño del contenido y cuántos píxeles se quitaron arriba, a la derecha, abajo y a la izquierda.
- Si una sombra tenue deja el borde demasiado ancho, sube un poco el umbral alfa y verás cómo se encoge el marco.
- Añade un margen si quieres algo de aire alrededor del logotipo. El margen es transparente.
- Elige PNG o WebP y pulsa Descargar imagen.
Un ejemplo práctico
El logotipo de Imgovo es un PNG de 300 × 279 px. Tiene 13 px de espacio transparente vacío en cada lado. Con el umbral en 0, la herramienta lo recorta a 274 × 253 px. Los 13 px se quitan arriba, a la derecha, abajo y a la izquierda, y el logotipo en sí no se toca.
| Antes | Después | |
|---|---|---|
| Tamaño | 300 × 279 px | 274 × 253 px |
| Borde transparente | 13 px en cada lado | ninguno |
El umbral alfa y el margen
Cada píxel tiene un valor alfa de 0 (totalmente transparente) a 255 (totalmente opaco). Con el valor predeterminado 0, un píxel cuenta como visible en cuanto su alfa supera 0, así que no pierdes nada que puedas ver. Algunos recortes dejan píxeles casi invisibles lejos del motivo. Sube el umbral para tratarlos como vacíos. Hazlo poco a poco: un valor alto también puede cortar el borde suave de una sombra.
El margen hace lo contrario que recortar. Añade el mismo número de píxeles transparentes en cada lado del contenido visible. Si el original tenía menos espacio que eso, el espacio que falta se añade como lienzo transparente nuevo.
Borde transparente o borde blanco
Un borde transparente está hecho de píxeles que no existen. Un borde blanco está hecho de píxeles blancos, que sí son visibles, así que la herramienta los conserva. Si el espacio vacío de tu imagen es blanco, recórtalo con Recortar imagen o quita antes el fondo con Eliminar fondo y recorta después.
Iconos y favicons
Un icono con un borde transparente grueso se ve diminuto a 16 px. Recórtalo primero y colócalo después en el cuadrado con un margen pequeño. El Generador de favicon y la guía cómo crear un favicon muestran los tamaños que debes usar.
Límites
- El JPG no tiene transparencia, así que no hay nada que recortar.
- Un GIF o WebP animado se recorta como una sola imagen, usando su primer fotograma.
- Las imágenes muy grandes están limitadas por lo que tu navegador puede manejar. Imgovo te avisa cuando una imagen es demasiado grande.
- Los formatos de salida son PNG y WebP, porque ambos conservan la transparencia.
Privacidad
Los bordes se buscan en tu navegador. No se sube nada.
Pruébalo ahora
Abre Recortar bordes transparentes, suelta tu logotipo y mira cuánto espacio vacío tiene.
Preguntas frecuentes
¿Recortar cambia el tamaño del logotipo en sí?
No. Solo se corta el borde vacío. Los píxeles visibles se copian uno a uno, así que nada se escala, se desenfoca ni cambia de color.
¿Para qué sirve el umbral alfa?
Decide qué píxeles casi invisibles cuentan como vacíos. Con 0 se conserva todo píxel que no sea totalmente transparente. Un valor más alto también quita una sombra o un resplandor tenue en el borde.
¿Por qué Imgovo dice que no hay nada que recortar?
La imagen no tiene píxeles transparentes, como la mayoría de los archivos JPG, o el contenido visible ya llega a los cuatro lados.
¿Un borde blanco es lo mismo que uno transparente?
No. Un borde blanco está hecho de píxeles blancos visibles, así que el recorte lo conserva. Para quitar espacio blanco, recorta la imagen o elimina antes el fondo.
¿Se sube mi imagen a un servidor?
No. Los bordes se encuentran y se cortan en tu navegador, y nada sale de tu dispositivo.