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 preview

16x16

favicon-16x16.png

32x32 preview

32x32

favicon-32x32.png

favicon.ico preview

ICO Multi-size

favicon.ico

180x180 preview

180x180 (Apple)

apple-touch-icon.png

192x192 preview

192x192 (Android)

android-chrome-192x192.png

512x512 preview

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

Artículos recientes

Caso de uso
2026-08-07

Opciones de curl: qué hacen realmente -X, -H y -d

Referencia de las opciones de curl que aparecen en el trabajo diario con APIs: por qué -d ya implica POST, en qué se diferencia de --data-raw, la @ inicial que lee un archivo sin avisar, comillas simples frente a dobles, y por qué -k y -L merecen más cuidado del habitual.

Introducción
2026-08-06

Convertir entre JSON Schema y Zod: cómo se corresponden required y .optional()

Por dentro de un conversor bidireccional que transforma JSON Schema en un esquema de Zod y el código Zod de vuelta a JSON Schema. Incluye los valores por defecto invertidos entre required y .optional(), la tabla de correspondencia de restricciones y cómo se analiza Zod sin ejecutar código.

Caso de uso
2026-08-06

Orden de evaluación en SQL: por qué WHERE no ve el alias del SELECT

El orden en que escribe las cláusulas de SQL no es el orden en que se ejecutan. Referencia del orden lógico (FROM → WHERE → GROUP BY → HAVING → SELECT → ORDER BY → LIMIT), por qué fallan los alias en WHERE, cuándo usar WHERE y cuándo HAVING, ONLY_FULL_GROUP_BY y la trampa de LEFT JOIN con WHERE.

Caso de uso
2026-08-06

Formato unified diff: cómo leer las cabeceras @@ de git diff

Cómo leer el formato unified diff que genera git: qué significan los cuatro números de @@ -12,7 +12,9 @@, por qué un cambio de un solo carácter aparece como línea completa reemplazada, las trampas de los espacios y los finales de línea, \ No newline at end of file, los diffs combinados @@@ en los merges y la detección de renombrados.

Caso de uso
2026-08-06

Conversión UTC⇄JST: tabla del desfase de 9 horas y errores de zona horaria

Convierta entre UTC y la hora de Japón (JST) con una tabla de referencia, y vea por qué la diferencia con España cambia entre 7 y 8 horas según el horario de verano. Incluye el significado de Z y +09:00 en ISO 8601, cuándo JavaScript desplaza las fechas, el comportamiento de MySQL/PostgreSQL y por qué el cron de GitHub Actions siempre corre en UTC.

Caso de uso
2026-08-04

Referencia de CREATE TABLE: tipos y restricciones en MySQL, PostgreSQL y SQLite

Referencia de CREATE TABLE (DDL) con tablas comparativas entre bases de datos: tipos de datos, autoincremento (AUTO_INCREMENT / IDENTITY / rowid), comportamiento de ON DELETE en claves foráneas y la restricción CHECK que MySQL ignora en silencio.

Anuncio

Anuncio