Como generar archivos ".ico" para favicons directamente en Photoshop

Crear el icono El icono debe tener las siguientes características:

  • Dimensiones 16 píxeles x 16 píxeles;
  • 16 colores (4 bits);
  • Formato ICO, no BMP, no GIF, no JPG.
En algunos navegadores puedes usar iconos mayores, con más colores y en otros formatos, pero si quieres que tu icono funcione a la primera, hazlo de 16x16, con 16 colores y en formato ICO.

Instalar el plugin de Photoshop para crear archivos ICO

Testado con

  • Photoshop all versions 3.0-7.0, CS, CS2 on PowerPC Macintosh (OS X, OS 9 and Classic)
  • Photoshop 4.0 / MacOS 8.0 on 68K Macintosh
  • Photoshop 5.0, 7.0 & CS on Windows 98/NT and XP.

Free software - donation requested

Este programa es gratutio con licencia GNU General Public License y agradecelas donaciones para seguir desarrollando (US$5 suggested):
Instalar

Guardar el plugin en la carpeta "File Formats"dentro de la carpeta de Photoshop Plugins. Cerrar primero el Photoshop o reiniciarlo después de haber añadido el plugin:
    • On Windows, ICOFormat.8bi
    • On OS X/Classic, icoformat (CS2/Mac version is ICOFormat_cs2.plugin)
    • On 68K MacOS, icoformat(68K)
  1. Quit and relaunch Photoshop, if it's already running.

Modo de uso

  • Puede abrir archivos ico
  • Puede Guardar como .ICO files.
Sobre la transparencia

The ICO format has an inherent 1 bit transparency mask (0 = opaque, 1 = transparent), called the AND bitmap.
  • When reading or saving an RGB mode image in Photoshop 6.0 or later, layer transparency is used for the mask
  • If the image is Indexed mode, and uses a "transparent index", this will be used to set the icon mask
  • In other cases, the ICO mask is treated as an alpha channel (black = 0 = opaque, white = 255 = transparent)

Saving indexed mode images

To ensure output files are as compact as possible, the smallest pixel depth is chosen sufficient to represent the colours used by the icon:
  • RGB mode: no colour table
  • Indexed/Grey Scale mode with >16 colours: 8 bits per pixel (up to 256 colours in colour table)
  • Indexed/Grey Scale mode with >2 colours: 4 bits per pixel (up to 16 colours in colour table)
  • Bitmap or Indexed/Grey Scale mode with 2 or fewer colours: 1 bit per pixel (up to 2 colours in colour table)

A note on file sizes (Mac only)

Do not be alarmed if the Mac Finder shows an unexpectedly large file size for ICO files saved out of Photoshop. The ICO itself is stored in the data fork and is as small as possible (see above).
The Finder's size calculation is increased by Photoshop's prolific "metadata" in the resource fork, and does not truly reflect the size of the ICO data. (This is stored for all files saved out of Photoshop, regardless of format, and whether image thumbnails and previews are enabled in Preferences.) Finder's "K" size is also affected by the volume's minimum allocation size (often 4 or 8K depending on partition size).
On upload to a web site, the data fork alone is copied and the resource fork is stripped, and so this extra data (and Finder's padded figure) has no effect or relevance whatsoever. The "true" logical size of the ICO file can be confirmed in OS X's Terminal with ls -l in the icon's directory (or files -x br in MPW Shell).

About 32-bit (Windows XP) icons

The plugin can create 32-bit icons with 8-bit alpha transparency. This will occur in two cases:
  1. in Photoshop 6.0 or later, saving a layered RGB image (i.e. not flattened)
  2. in any version of Photoshop, saving a flat RGB image with 2 or more alpha channels.
In the first case, the layer transparency will be used as the ICO alpha. The 1-bit "AND mask" is taken from the first alpha channel, or if there is no available alpha channel, is derived from layer transparency.
In the second case, the first alpha channel is used to create the 1-bit "AND mask", and the second alpha channel becomes the 8-bit ICO alpha.
In both cases, the colour data is set to zero (black) where the icon is transparent. This should produce the desired result (complete transparency over the background).

btemplates