¿Flujo de trabajo y elección de software al convertir imágenes complejas a favicon?

Buscaría desarrollar su diseño complejo como vector en Illustrator:

Cree la línea con el Line Segment Tool:

Ir a Object -> Expand:

Revise las opciones en el panel:

Después de aceptar, debería poder ajustar el relleno o incluso aplicar un contorno:

Al expandir las líneas, se ajustarán en tamaño si ajusta la mesa de trabajo en Illustrator.

Podría usar eso para escribir una variación de tamaño que estaba en este artículo que leí una vez por CSS Tricks titulado Favicons, Touch Icons, Tile Icons, etc. ¿Cuál necesita? .

Este artículo condujo a un generador que podría producir todo lo necesario para una página web llamada RealFaviconGenerator .

Después de leer ese artículo, decidí simplemente crear un PNG, pero dado que su pregunta es cómo crear un favicon, pensé que también proporcionaría una solución Imagemagick que se puede encontrar aquí :

convert image.png  -bordercolor white -border 0 \
      \( -clone 0 -resize 16x16 \) \
      \( -clone 0 -resize 32x32 \) \
      \( -clone 0 -resize 48x48 \) \
      \( -clone 0 -resize 64x64 \) \
      -delete 0 -alpha off -colors 256 favicon.ico

Una solución alternativa que hace posible calcar una imagen de baja resolución encima de una de alta resolución en Gimp o Photoshop es la siguiente (ejemplo en Gimp):

• Abra la imagen original deseada.
• Cambie el tamaño del lienzo a un cuadrado con el mismo ancho y alto que la dimensión más grande de la imagen. Por ejemplo, si la imagen original es de 800×600, haz el lienzo de 800×800.
• Crea una nueva capa transparente encima de la imagen original.
• En la nueva capa transparente, use Filter-Render-Patterns-Grid y cree una cuadrícula para que la imagen se divida en 32 filas y 32 columnas. Elija un color para la cuadrícula que no usará en la imagen.
• Baje un poco la opacidad de la imagen original subyacente, se verá así:

• Cada cuadrado de la cuadrícula se convertirá en un píxel en la imagen final, así que ahora rellena los que correspondan hasta que tengas algo como esto:

• ¡El último paso es escalar esta imagen a 32 × 32 y guardarla como un ícono!