Como crear un archivo .ico con Photoshop

Logotipo de PhotoShop o icono para logo

Si necesitas crear archivos .ico, por ejemplo para crear un favicon y pornerlo en WordPress, y tienes Photoshop, lo puedes hacer de manera muy fácil.

Simplemente te tienes que descargar el plugin para Photoshop (versión 64-bits o 32-bits, según tu ordenador y Photoshop y MAC o Windows) y seguir estos pasos:

  1. 64-bit Windows (Vista/Windows 7):
    • Cierra Photoshop;
    • Pon el plugin en C:\Program Files (x86)\Adobe\Photoshop CS\Plug-Ins\File Formats.
    • Si tienes un sistema Windows 64-bits y estás usuando Photoshop CS4 o superior, descarga la versión de 64-bit y ponla en C:\Program Files\Adobe\Adobe Photoshop CS4 (64 Bit)\Plug-ins\File Formats.
    • donde poner el plugin de formato ico en photoshop
  2. Vuélvelo a abrir y ya lo tendrás listo, al darle a guardar como, podrás seleccionar en la lista de desplegables el formato de icono .ico. !sólo para las imágenes de 16 pixeles X 16 pixeles!

Seleccionar formato .ico en photoshop

Con esto ya podrás guardar tus imágenes en .ico.

Como poner un favicon en WordPress o en una página web HTML

wordpress logo logotipo con mantenimiento

¿Que es un favicon? Un favicon es el icono que sale en los navegadores a la izquierda y que también estará cuando añadamos la página en nuestros favoritos.

Si lo que quieres es saber como ponerlo en WordPress o en otro tipo de páginas puedes utilizar la siguiente guia:

1.- Toma la imagen que quieres poner como favicon, y transfórmala en una imagen de 16 pixeles X 16 pixeles.

2.- Guardala en formato .ICO- Si tienes Photoshop, puedes seguir esta guia ->Guardar formato .ico en Photoshop

3.- Súbela a tu hosting a través del FTP y anota la ruta y el nombre donde tienes el archivo.

4.- Edita el archivo header.php e incluye la siguiente línea -> <link rel=”shortcut icon” href=”favicon.ico” /> donde favicon.ico es la ruta y el nombre donde tienes el archivo .ico.

5.- Guarda los cambios y ya lo tendrás puesto.

Como hace un thumbnail de un video de YouTube

Si necesitáramos capturar una imagen de un video de Youtube, lo podemos hacer con el método tradicional pulsando la tecla Imp Pant durante la visualización del vídeo y luego pegarla en algún editor de imagen, paint, photoshop, etc.

Otro método mucho menos costoso y que además nos permitirar general un thumbnail si nos hiciera falta, sería, sólo si utilizamos WordPress, usar el plugin YouTube thumbnail plugin para WordPress o el plugin jQuery Youtube plugin jYoutube.

El último método y para mi el más sencillo, es utilizar las propias imagenes que todos los vídeos de Youtube generan automátimcamente.

Existen algunos plugins para conseguir imágenes de los vídeos, como el o el jQuery Youtube plugin jYoutube, pero no creo que sea necesario utilizarlos por lo menos para tareas simples, ya que el propio YouTube genera automáticamente 4 capturas del vídeo, para utilizarlas como thumbnails o capturas de pantalla:

Si tenemos el vídeo, p.j. de Lady Gaga y Beyoncé http://www.youtube.com/watch?v=EVBsypHzF3U

Las capturas automáticas son:

  • http://img.youtube.com/vi/EVBsypHzF3U/0.jpg
  • http://img.youtube.com/vi/EVBsypHzF3U/1.jpg
  • http://img.youtube.com/vi/EVBsypHzF3U/2.jpg
  • http://img.youtube.com/vi/EVBsypHzF3U/3.jpg

Y quedarían así:

Lady Gaga y Beyonce

Lady Gaga Beyonce thumnail

Lady Gaga Beyonde thumnail

LAdy GAga thumnail Beyonce