Illustrator: cómo hacer un favicon transparente de un logo no cuadrado

Aunque las otras respuestas son técnicamente correctas, realmente recomendaría no reducir un logotipo muy ancho o muy alto a un espacio de 16x16 píxeles para hacer un favicon. Es muy probable que ya no se reconozca nada sobre el logotipo, lo que resulta en una mezcla aleatoria de píxeles.

Un buen logotipo debe tener una alternativa simplificada que funcione en un tamaño pequeño y tenga proporciones de aproximadamente 1x1. Usa eso para basar tu favicon. No incluya ningún texto, ni lo reduzca a uno o dos caracteres.

Incluso si eso no funciona, es posible que desee tomar un elemento del logotipo (siempre que lo haya diseñado usted mismo) y usarlo como un favicon.

Como ejemplo, uno de mis clientes tiene un logotipo bastante complejo, que incluye dunas de arena y una brújula detrás de su marca. COMO favicon, solo usé la aguja de la brújula:

Inicie un nuevo documento con el tamaño que desee (16x16 px).

Seleccione su grupo de logotipos y arrástrelo al archivo nuevo.

Redimensionar por:

haciendo clic y manteniendo presionada la tecla Mayús en una de las esquinas (esto mantendrá las dimensiones de la escala a medida que cambia el tamaño).

o

haga clic en el eslabón de la cadena entre las dimensiones (para vincular el ancho y la altura) antes de cambiar una dimensión.

La primera capa en el nuevo documento de 16x16 se puede usar para cambiar el color de fondo o dejarlo transparente.

Dicho todo esto, para cumplir con los nuevos estándares para dispositivos móviles y computadoras de escritorio, necesitará varios tamaños de favicon, que van desde 16x16 a 512x512, específicos del dispositivo, algunos con color de bloque transparente y otros con color sólido.

Su logotipo también deberá ser visible / utilizable en un color / transparente, lo que puede ser complicado si el logotipo no es un vector puro.

Puede configurar sus valores predeterminados según sea necesario en archivos ai preestablecidos listos para colocar sus diseños o hay muchos servicios en línea que automatizan todo el proceso. p.ej. https://realfavicongenerator.net/ o https://www.favicon-generator.org/

Puede cargar un archivo de 800x800.png (más grande que 512 px) y hará todo el trabajo de extracción por usted.

Genere un favicon PNG más grande como 256x256px y esto se puede lograr fácilmente en Illustrator colocando su logotipo no cuadrado en el medio de una mesa de trabajo cuadrada y guardándolo para la web con la opción "Clip to Artboard" marcada. Luego, vincule este PNG como un icono de favoritos

<link rel="icon" type="image/png" href="/path/favicon.png" />

Si tiene que ser un ICO, Illustrator (CS6) no exporta a ICO, por lo que aún deberá hacer primero un PNG de 16x16 (ver arriba) y luego soltarlo en Photoshop o usar un convertidor en línea .