Saltar al contenido
DevToolKits

Generador de Favicon

Genera favicons (ICO, PNG) para sitios web modernos. Crea todos los tamaños necesarios (16x16 a 512x512) de una vez.

Guía: Cómo usarlo y características

  • Sube o arrastra una imagen de logotipo (preferiblemente cuadrada).
  • Previsualiza cómo se verá tu favicon en varios tamaños al instante.
  • Haz clic en "Descargar ZIP" para obtener todos los iconos y fragmentos HTML.

Ejemplos: Ejemplos de entrada y salida

Generar desde logo 512x512

Entrada

Input: logo-512x512.png

Salida

Generated:
- favicon.ico (16,32,48)
- apple-touch-icon.png (180x180)
- icon-192.png, icon-512.png

FAQ: Preguntas frecuentes

  • ¿Qué contiene el archivo favicon.ico?

    Incluye los tamaños 16x16, 32x32 y 48x48 en un solo archivo para máxima compatibilidad con navegadores.
  • ¿Puedo subir imágenes de alta resolución?

    Sí. El redimensionamiento ocurre en tu navegador, por lo que imágenes de varios MB se procesan sin problemas.
  • ¿Cómo uso los archivos del ZIP?

    Coloca los iconos en tu directorio público y pega el fragmento HTML incluido en la sección <head> de tu sitio.

Casos de uso: Usos habituales

  • Arranque de nuevos proyectos

    Genera una suite completa de iconos para iOS, Android y escritorio a partir de un solo logotipo.

  • Actualización de activos existentes

    Refresca tu conjunto de .ico y .png según las specs modernas sin instalar herramientas locales.

  • Prototipado y maquetas

    Prepara rápidamente iconos y fragmentos HTML para un aspecto realista en etapas iniciales.

Notas: Notas y limitaciones

  • Relación de Aspecto

    Si subes una imagen que no sea cuadrada, podría recortarse o estirarse para ajustarse a las dimensiones del icono.

  • Caché del Navegador

    Los navegadores suelen cachear mucho los favicons. Si los cambios no aparecen, intenta borrar la caché o usa el modo incógnito.

Arrastra y suelta o haz clic

PNG, JPG, SVG, WebP

16x16

favicon-16x16.png

32x32

favicon-32x32.png

ICO Multi-size

favicon.ico

180x180 (Apple)

apple-touch-icon.png

192x192 (Android)

android-chrome-192x192.png

512x512 (Android)

android-chrome-512x512.png

Generador de favicon

Genera favicon.ico y tamaños PNG comunes desde una imagen base. Ayuda a preparar iconos para pestañas del navegador, marcadores, pantallas de inicio y metadatos de un sitio.

Casos de uso

  • Lanzar un sitio nuevo: crea los assets básicos desde un logo.
  • Actualizar una marca: regenera iconos después de un rediseño.
  • Preparar accesos móviles: crea iconos para home screen y navegadores.

Los iconos pequeños pierden detalle. Usa una forma simple, centrada y con margen suficiente.

Artículos para esta herramienta

Articulos recientes

Introducción
2026-08-03

Cómo generar sentencias CREATE TABLE desde un diseño visual | Generador de DDL

Un vistazo al interior del Generador de DDL, que convierte un diseño visual de tablas en sentencias CREATE TABLE y un diagrama ER. Incluye las reglas de conversión de tipos para MySQL/PostgreSQL/SQLite y el algoritmo de inferencia de columnas desde JSON.

Caso de uso
2026-07-21

Patrones de diseño de needs en GitHub Actions: acelere la CI y evite los antipatrones

Referencia de patrones para las dependencias entre jobs (needs) en GitHub Actions. Cubre la ramificación en diamante, la cancelación con concurrency, el equilibrio de fail-fast, las trampas de matrix con needs y los workflows reutilizables, con ejemplos YAML listos para copiar.

Caso de uso
2026-07-21

Referencia de sintaxis de diagramas ER en Mermaid: símbolos de relación y ejemplos reales

Referencia completa de la sintaxis erDiagram de Mermaid: chuleta de cardinalidad (pata de gallo), relaciones uno a muchos frente a muchos a muchos, atributos con PK/FK y un ejemplo completo de comercio electrónico.

Introducción
2026-07-21

Cómo construir consultas SELECT y JOIN visualmente con un SQL Builder

Ensamble cláusulas SELECT, WHERE y JOIN en su navegador con un constructor visual de SQL. Cómo funciona el entrecomillado automático de valores, tabla de uso de JOIN y cómo unir varias tablas.

Caso de uso
2026-07-21

Referencia completa de JOIN en SQL: diferencias entre INNER, LEFT, RIGHT y FULL

Referencia de los tipos de JOIN en SQL (INNER/LEFT/RIGHT/FULL/CROSS/SELF) con una chuleta y ejemplos de conteo de filas. Explica por qué los JOIN uno a muchos duplican filas, la trampa de NULL entre WHERE y ON, y cómo escribir JOINs con varias tablas.

Introducción
2026-07-16

Case Converter ― convierta a 9 estilos de nomenclatura a la vez: camelCase, snake_case, kebab-case

Cómo convertir identificadores y nombres de variables a 9 estilos de nomenclatura simultáneamente: camelCase, PascalCase, snake_case, CONSTANT_CASE, kebab-case y más. Cubre el manejo de mayúsculas consecutivas (HTTPServer), dígitos y conversión de listas completas.

Anuncio

Anuncio