Cómo usar el creador de iconos
- Elige una forma de fondo y dos colores de fondo.
- Introduce el texto o el emoji para el centro del icono y ajusta el color, el tamaño y la inclinación.
- Elige el tamaño que quieras y guárdalo como PNG o SVG.
Cómo funciona el creador de iconos
El icono se dibuja en el lienzo (canvas) de tu navegador superponiendo una forma de fondo, un degradado y un texto (o un emoji). El ángulo del degradado fija la dirección en que se mezclan los dos colores de fondo, y la redondez de las esquinas fija cuánto se recortan las esquinas del cuadrado. El PNG se guarda enseguida como una imagen del tamaño elegido, y el SVG se guarda como un formato vectorial que se mantiene nítido a cualquier tamaño. Los emojis se ven distintos en distintos dispositivos, así que el mismo emoji puede aparecer de otra forma según lo que uses. Todo ocurre en tu dispositivo y la imagen que creas nunca se envía a un servidor.
Consejos
- Guarda el favicon de un sitio a 64 px o 128 px y el icono de una app a 512 px.
- Uno o dos caracteres mantienen el icono legible a tamaños pequeños.
- Un gran contraste entre el fondo y el color del texto lo hace destacar.
- Guardarlo como SVG lo mantiene nítido a cualquier tamaño, lo que resulta cómodo para trabajos de diseño.
Consejos para un icono atractivo
Para que siga siendo reconocible a tamaños pequeños, mantén los elementos sencillos. Dos colores de fondo de familias parecidas con solo una ligera diferencia quedan naturales, y el texto debe contrastar con claridad con el fondo. Los cuadrados redondeados encajan con los iconos de aplicaciones y los círculos con las imágenes de perfil. Una gran inclinación dificulta la lectura de los iconos pequeños.
Notas y limitaciones
Los emojis se ven distintos según el dispositivo y la fuente, y algunos tienen condiciones de uso propias. Para un logotipo comercial, hazlo sobre todo con texto y comprueba las condiciones de uso.
Preguntas frecuentes
¿Se pueden guardar archivos ICO?
Todavía no; solo se admiten PNG y SVG. El PNG sirve como favicon en la mayoría de los casos.
¿El fondo de la imagen guardada es transparente?
El área fuera de la forma se guarda como transparente. En un círculo o un cuadrado redondeado, el área fuera de las esquinas es transparente.
El emoji se ve distinto en el SVG.
Un emoji en un SVG se dibuja con la fuente de quien lo ve, así que puede verse distinto del PNG. Usa el PNG para fijar el aspecto del emoji.