Iconos personalizados

Si bien ThingLink cuenta con cientos de iconos, puedes subir tus propios archivos para personalizar aún más tu experiencia.

Este artículo cubre los siguientes temas:

• Especificaciones de archivo para iconos personalizados
• Usar iconos personalizados en el editor
• Encontrar iconos personalizados compatibles en línea

Especificaciones de archivo para iconos personalizados

Nuestro nuevo editor solo funciona con archivos SVG. Los archivos SVG son opciones escalables que lucen geniales en dispositivos móviles, evitando la superposición de iconos con pequeños iconos SVG. Ten en cuenta que el formato SVG puede ser usado para crear iconos animados. El editor antiguo aún puede usar iconos personalizados de formato PNG y GIF. 

Especificaciones recomendadas para archivos que no sean SVG: imagen de 32x32 píxeles.

Tamaño máximo de subida: 140x64 (ancho x alto) píxeles, tamaño de archivo de 64 KB.

Usar iconos personalizados para tus etiquetas

Una vez que tengas un icono personalizado, abre tu imagen o video de ThingLink y sigue los pasos a continuación: 

1. Haz clic en una etiqueta o crea una nueva.
2. Haz clic en "Cambiar icono" ('Change icon') 
3. Desplázate hacia abajo y haz clic en "Subir icono" ('Upload icon'). 
4. Selecciona cualquier archivo con formato SVG desde tu computador y haz clic en "Subir" ('Upload').
5. Una vez que el icono haya sido subido, puedes seleccionarlo desde la interfaz "Cambiar icono" (Change icon).

Encontrar iconos personalizados compatibles en línea

Si bien dibujar tus propios iconos te permite un mayor grado de personalización, también es posible encontrar iconos prefabricados compatibles en línea. Consulta este artículo para aprender a utilizar "Iconfinder" con ThingLnik.

Ten en cuenta que Adobe Photoshop no puede producir archivos SVG compatibles. En su lugar, puedes usar Adobe Illustrator.

Solución de problemas

Los iconos no se muestran correctamente en Chrome, Edge u Opera

Si tu icono incluye una imagen, asegúrate de que la imagen está incrustada en el archivo SVG en lugar de vinculada. De lo contrario, la imagen no se mostrará en los navegadores basados en Chromium.

En el caso de Adobe Illustrator, consulta la sección "Ubicación de la imagen" de esta guía.

Los iconos de gradiente aparecen transparentes en Firefox

Por el momento, Firefox no puede renderizar gradientes dentro de archivos SVG.