Cómo arreglar un logo pixelado y mantener el fondo transparente

Uno de mis primeros clientes independientes de diseño web me envió su logotipo como JPEG de 150 píxeles de ancho. Ese era el único archivo que tenían. Su anterior El diseñador lo tenía, tuvieron una pelea y ahora la única copia del El logotipo existente era una miniatura comprimida de un correo electrónico antiguo. firma. Lo querían en el encabezado de su nuevo sitio web aproximadamente 400 píxeles de ancho con fondo transparente.

Esto no es inusual. Las pequeñas empresas pierden sus archivos de logotipo originales constantemente. El diseñador que lo hizo hace cinco años es inalcanzable. La computadora con los archivos originales murió. Todo lo que queda es un pequeño Versión pixelada extraída de un PDF o captura de pantalla. Aquí se explica cómo salvarlo.

Por qué los logotipos son más difíciles de arreglar que las fotos

Las fotos tienen textura natural. Piel, tela, hierba, cielo. Si la IA suaviza ligeramente o añade ligeramente detalles, parece natural porque Se supone que las fotos tienen variaciones. Los logotipos son todo lo contrario. ellos tienen bordes duros y deliberados. Una letra tiene una forma específica. un La marca geométrica tiene curvas limpias y matemáticamente precisas. Cualquier desviación a partir de esa precisión se lee como incorrecto.

Los escaladores de fotografías estándar son malos en esto. Miran lo irregular bordes de un logotipo pixelado e intentar suavizarlos, pero ese suavizado convierte las esquinas afiladas en redondeadas y las líneas rectas en ligeramente los ondulados. El resultado parece más limpio a primera vista, pero incorrecto cuando lo miras. realmente míralo.

Lo que funciona mejor es un escalador capacitado en gráficos e ilustraciones. Real-ESRGAN tiene una variante para arte digital que conserva los bordes duros y colores planos. Trata la pixelación como un daño que debe repararse en lugar de que la textura a alisar. Para el logo de 150 píxeles que necesitaba arreglar, Esto marcó la diferencia entre algo utilizable y algo que Parecía como si estuviera dibujado con un crayón sin filo.

El proceso de rescate paso a paso

Paso uno. Obtenga la mejor fuente que pueda. Si el cliente tiene el logo puesto su sitio web, incluso si se muestra pequeño, el archivo fuente podría estar más grande de lo que parece. Haga clic derecho y abra la imagen en una nueva pestaña. Verifique las dimensiones reales. A veces, un logotipo se muestra a 200 píxeles. de ancho es en realidad un archivo de 600 u 800 píxeles reducido por el navegador. Coge esa versión más grande.

Paso dos. Si el logo tiene fondo blanco y lo necesitas transparente, primero elimine el fondo con IA. Eliminación de fondo cuesta 1 crédito en ClarifyPix y tarda unos tres segundos en crear un logotipo. Los bordes duros de los logotipos hacen que la eliminación del fondo sea inusualmente limpia. el El resultado debería ser casi perfecto.

Paso tres. Mejora el logotipo. Utilice 2x si el original mide aproximadamente la mitad su tamaño objetivo, 4x si es un cuarto o menos. Para mis 150 píxeles logotipo que va a un encabezado de 400 píxeles, una mejora de 4x a 600 píxeles me dio espacio para trabajar. El costo es de 2 a 4 créditos.

Paso cuatro. Revisa los bordes con un zoom del 200%. Busque esquinas suavizadas, líneas temblorosas o color sangrando en los bordes. La mayoría de los escaladores de IA obtienen logotipos alrededor del 80% correctos. El 20% restante suele necesitar unos minutos. de limpieza manual con la herramienta de borrador o un pase rápido con la herramienta de desenfoque filtro de máscara para apretar los bordes nuevamente.

Paso cinco. Si necesita un fondo transparente, asegúrese de exportarlo como PNG con el canal alfa intacto. Vuelva a comprobar los bordes contra un fondo oscuro para asegurarse de que no haya franjas blancas. un halo blanco que es invisible sobre un fondo blanco se vuelve muy visible sobre un fondo oscuro encabezado del sitio web.

¿Qué pasa si el logotipo tiene texto?

Los logotipos con texto son los más difíciles de arreglar porque las formas de las letras tienen muy proporciones específicas. Si la IA aplasta o estira ligeramente parte de una carta, llama la atención inmediatamente. Para estos, mejoro el logotipo a 2x, luego superponga la versión pequeña original con un 50% de opacidad y Compara las formas de las letras. Si alguna letra se ve mal, la modifico manualmente. ajústelos usando el original como referencia.

Si la fuente es identificable, lo que suele ser el caso de las fuentes de logotipos comunes, Simplemente vuelvo a escribir el texto en el tamaño y la posición correctos. se necesitan cinco minutos y produce un resultado perfecto. La marca del logotipo obtiene una mejora de IA. El texto se vuelve a escribir. Esta combinación produce la mejor calidad. restauración de un logotipo con mucho texto.

Cuando nada de esto funciona

Si el logotipo tiene menos de 100 píxeles de ancho y está muy pixelado, la IA la mejora producirá algo que se verá más limpio pero aún no profesional. En ese punto, la mejor opción es volver a dibujar el logo. Traza las formas en Illustrator o Inkscape. Haga coincidir las fuentes. reconstruir como un vector. Esto requiere una o dos horas de trabajo pero produce una Logotipo perfecto e infinitamente escalable.

El logotipo JPEG de 150 píxeles con el que comencé tardó unos 45 minutos en arreglarse. La eliminación del fondo tardó tres segundos. La mejora de la IA tomó ocho segundos. Los 44 minutos restantes fueron limpieza manual de bordes y reescribir el nombre de la empresa. El cliente quedó contento y le cobré una hora de trabajo. Las herramientas hicieron el trabajo pesado. Hice el trabajo de precisión. eso El equilibrio es el adecuado para la restauración del logotipo.

Si un cliente te envía un pequeño logo pixelado, no le digas que lo necesitas. un archivo vectorial que nunca encontrarán. Arréglelo, factúreles y siga adelante.