Hacer transparente el fondo de un logo

De un vistazo

Cómo hacerlo

1. Parte de la copia más grande que encuentresEl logo de una firma de correo suele medir menos de 200 px de ancho. Busca el original en una carpeta de marca, un kit de prensa, un PDF o los archivos de imagen de la propia web. Un recorte no puede añadir un detalle que no existe, así que una fuente de 2000 px da bordes limpios y una de 150 px los da suaves y dentados.
2. Quita el fondo y revisa los huecosQuita el fondo y amplía las letras con formas cerradas, como O, A, B, e y g, y los espacios entre el icono y el texto del logo. Esas zonas interiores también deben ser transparentes, o el color de la diapositiva o de la cabecera no se verá a través de ellas. Cambia la vista previa a un fondo oscuro para detectar restos de blanco.
3. Exporta según dónde vaya a usarseDescarga un PNG transparente para diapositivas, documentos y maquetas de merchandising, o WebP para una web, donde pesa menos. Haz versiones cuadradas para favicons y perfiles sociales, con margen alrededor del símbolo para que un recorte circular no lo corte.

Consejos y errores comunes

• Halo blanco sobre fondos oscurosLos píxeles del borde de un logo guardado sobre blanco están mezclados con el blanco, así que tras el recorte aparecen como un contorno claro sobre azul marino o negro. Arréglalo recortando desde una fuente más grande, o crea una versión clara del logo (blanca o con colores invertidos) para fondos oscuros. Muchas marcas tienen las dos.
• Usa SVG cuando lo tengasPara el logo de la cabecera de una web, MDN recomienda SVG cuando hay versión vectorial, y formatos sin pérdida para los logos rasterizados, porque los halos alrededor de los bordes nítidos se notan mucho. Un PNG transparente es la alternativa cuando solo tienes una foto o un JPG.
• Los favicons necesitan el símbolo, no el nombreUn favicon se ve diminuto en las pestañas del navegador y en los resultados de búsqueda. Recorta el símbolo o la primera letra, mantenlo cuadrado (Google exige 1:1) y dale una forma sólida o de alto contraste para que se lea en pestañas claras y oscuras.
• Diapositivas y documentosLa diapositiva panorámica de PowerPoint mide 13,333 x 7,5 in (16:9). Inserta el logo como PNG, no como JPG, para que se vea el color de la diapositiva y no te quede un rectángulo blanco sobre una plantilla de color.
• Merchandising e impresiónUna imprenta solo puede imprimir un logo rasterizado tan nítido como sus píxeles. Envía el archivo vectorial si existe; usa el PNG transparente para maquetas, fichas de tienda y pruebas rápidas.
• Logos con texto en redes socialesFacebook indica que las fotos de perfil y de portada que contienen un logo o texto pueden verse mejor en PNG. La compresión con pérdida del JPG difumina los bordes nítidos y les añade halos, algo que se nota sobre todo en el texto.