Preguntas Frecuentes (FAQ)

¿Cuál es el mejor formato de imagen para usar como base (PNG, SVG, JPG)?

Para obtener la máxima calidad, la respuesta corta es: usa SVG siempre que sea posible.

SVG (Recomendado): Como formato vectorial, se puede redimensionar a cualquier tamaño (de 16x16 a 512x512) sin pérdida de calidad. IcoSmith lo renderizará perfectamente en cada dimensión antes de aplicar los filtros de optimización.
PNG: Es la segunda mejor opción, especialmente si necesitas un fondo transparente. Usa un PNG de alta resolución (al menos 512x512 píxeles) para asegurar que tengamos la mayor cantidad de datos de imagen para trabajar.
JPG/JPEG: Úsalo solo si es tu única opción. El formato no admite transparencia y su compresión puede introducir "artefactos" que se notan más en tamaños pequeños.

¿Por qué el paquete ZIP incluye tantos archivos? ¿No necesito solo `favicon.ico`?

El archivo favicon.ico es el formato heredado y sigue siendo importante para la máxima compatibilidad. Sin embargo, el ecosistema web moderno requiere múltiples iconos para diferentes plataformas:

apple-touch-icon.png: Usado cuando alguien guarda tu sitio en la pantalla de inicio de un iPhone o iPad.
android-chrome-*.png: Utilizados por dispositivos Android para el mismo fin y también por el site.webmanifest.
site.webmanifest: Un archivo de configuración que permite que tu sitio se instale como una Progressive Web App (PWA).
safari-pinned-tab.svg: Un icono vectorial especial que Safari en macOS usa cuando un usuario fija tu pestaña.

IcoSmith los genera todos para que tu sitio se vea profesional en todas las plataformas, sin esfuerzo adicional.

¿Están seguros mis archivos? ¿A dónde se sube mi imagen?

A ninguna parte. IcoSmith es una herramienta 100% client-side.

Esto significa que todo el procesamiento de imágenes ocurre directamente en tu navegador. Tu imagen nunca se envía a través de internet a un servidor. Este enfoque garantiza total privacidad y máxima velocidad.

¿Cómo consigue IcoSmith que los iconos de 16x16 píxeles se vean nítidos?

No es solo un simple redimensionamiento. Un redimensionamiento estándar inevitablemente causa desenfoque. Usamos un proceso de dos pasos: primero, redimensionamos la imagen con algoritmos de alta calidad. Luego, aplicamos un filtro de sharpening (nitidez) personalizado. Este filtro realza los bordes y contornos de la imagen, compensando el desenfoque y restaurando la claridad.

¿Cuál es la forma correcta de añadir los favicons a mi HTML?

Después de la conversión, IcoSmith genera un fragmento de código HTML listo para usar. Solo tienes que copiarlo y pegarlo dentro de la etiqueta <head> de tu sitio. Se ve así:

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">