Convertir PNG a ICO y crear favicons
Suelta un PNG o un logo en cualquier parte de esta página y descarga un único .ico con todos los tamaños de 16 a 256 px, o un paquete de favicons completo con iconos de app, un manifiesto web y las etiquetas HTML.
Prueba con
¿Ya tienes el archivo?
- Gratis, sin registro
- .ico y PNG de 16 a 512 px
- Apple touch icon
- Manifiesto de aplicación web
Suelta el logo para abrirlo
Sigue buscando logos gratis
Más imágenes de la web
Haz clic en un logo para cambiarlo por el siguiente de esa web o para quitarlo.
Convierte este logo en 3D
Videos de tu logo animado en 3D para Reels, TikTok y YouTube, imágenes 3D brillantes y archivos para impresión 3D, hechos en tu navegador en segundos.
Cómo queda
Cómo convertir un PNG a ICO
Suelta el archivo, revisa el icono y descárgalo. Tu imagen se convierte en tu navegador, gratis y sin cuenta.
Sube tu PNG
Suelta un PNG, JPG, WebP o SVG en cualquier parte de la página, o haz clic en Subir tu propio logo debajo del cuadro de búsqueda. ¿Vas a crear un icono para una empresa que ya tiene uno? Escribe su web y la herramienta trae los iconos que ya usa.
Revísalo como icono
Tu imagen se abre centrada en un cuadrado, la forma que espera cualquier espacio para iconos, y la ves en una pestaña del navegador a sus 16 px reales y como icono de app en un teléfono.
Descarga el ICO
Haz clic en ICO para obtener un único .ico con 16, 24, 32, 48, 64, 128 y 256 px, o en Favicons para descargar en un ZIP el paquete completo para tu web.
Ponlo a funcionar
Copia el paquete en tu web y pega las líneas HTML ya preparadas, o asigna el .ico a un acceso directo, una carpeta o una app de Windows.
Todos los tamaños del .ico y dónde aparece cada uno
Un ICO es una caja de iconos: un solo archivo con la misma imagen en varios tamaños, para que cada lugar donde aparece elija el que mejor le encaja.
| Tamaño | Dónde aparece |
|---|---|
| 16 × 16 px | Pestañas del navegador y marcadores; barras de título, menús contextuales y área de notificación de Windows |
| 24 × 24 px | La barra de tareas de Windows, los resultados de búsqueda y la lista de aplicaciones del menú Inicio |
| 32 × 32 px | Pestañas en pantallas de alta resolución; aplicaciones ancladas en el menú Inicio de Windows |
| 48 × 48 px | La barra de tareas en pantallas de alta resolución; elementos anclados a Inicio con un escalado de pantalla del 150 % |
| 64 × 64 px | Elementos anclados a Inicio y barras de título en pantallas de alta resolución |
| 128 × 128 px | Una imagen de origen de tamaño similar a los tamaños intermedios que Windows muestra en pantallas grandes |
| 256 × 256 px | Elementos anclados a Inicio con el escalado de pantalla más alto e imagen maestra que Windows reduce para generar todos los tamaños menores |
La guía de tipos de imagen de MDN explica que un archivo ICO “puede contener varios iconos” de hasta 256 × 256 px. Las directrices de iconos de Microsoft indican dónde dibuja Windows cada tamaño y piden a las aplicaciones “como mínimo: 16x16, 24x24, 32x32, 48x48 y 256x256”; la descarga ICO los incluye todos, además de 64 y 128 px para los tamaños intermedios.
El paquete de favicons, archivo por archivo
Todo lo que necesita una web para sus iconos, creado a partir de una sola imagen, en un solo ZIP.
| Archivo | Qué es | Qué hace |
|---|---|---|
| favicon.ico | Un archivo de icono con 16, 32 y 48 px | El icono que los navegadores buscan en la raíz de una web |
| icon-256.ico | Todos los tamaños: 16, 24, 32, 48, 64, 128 y 256 px | Aplicaciones de Windows, accesos directos del escritorio e iconos de carpetas |
| favicon-16x16.png, favicon-32x32.png y favicon-48x48.png | PNG cuadrados pequeños con fondo transparente | Pestañas del navegador, marcadores y accesos directos |
| favicon.svg | El icono como vector, cuando tu logo tiene versión vectorial | Pestañas nítidas a cualquier tamaño en los navegadores que leen iconos SVG |
| apple-touch-icon.png | 180 × 180 px, sobre blanco y con un poco de aire alrededor | Pantallas de inicio del iPhone y el iPad |
| android-chrome-192x192.png y android-chrome-512x512.png | Los iconos de aplicación web | Pantallas de inicio de Android, aplicaciones web instaladas y sus pantallas de presentación |
| site.webmanifest | Un pequeño archivo de texto con la lista de iconos de app | Permite a teléfonos y navegadores instalar tu web como una app |
| add-to-your-head.html | Las líneas para la sección head de tus páginas | Copia y pega: todos los iconos enlazados de una vez |
El Apple touch icon de 180 px es el tamaño para iPhone que indica la guía de contenido web de Safari de Apple (archivada), y los navegadores basados en Chromium buscan los iconos de 192 y 512 px en el manifiesto antes de instalar un sitio como app, como explica web.dev.
Agrégalo a tu web: el HTML, listo para pegar
Copia el paquete en la carpeta raíz de tu web y pega cuatro líneas en la sección head de cada página.
El archivo add-to-your-head.html del paquete contiene estas líneas, con el icono SVG cuando tu logo es vectorial:
<link rel="icon" href="/favicon.ico" sizes="48x48">
<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">Para un logo de píxeles, la segunda línea apunta en su lugar al PNG de 32 px:
<link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32">La Búsqueda de Google muestra tu favicon junto a tus páginas cuando puede encontrarlo. Sus directrices piden un icono cuadrado de al menos 8 × 8 px, recomiendan uno de más de 48 × 48 px y exigen que Googlebot pueda rastrear tanto la página de inicio como el archivo del icono.
Míralo a tamaño real antes de descargarlo
Un favicon se juzga a 16 píxeles. La vista previa te muestra el tuyo a ese tamaño, para que elijas la imagen correcta a la primera.
Junto a la vista previa grande, unos mockups muestran tu icono en una pestaña del navegador y como icono de app en un teléfono, y el logo completo en una cabecera web clara y en una oscura. Un detalle que se convierte en una mancha al tamaño de una pestaña se nota aquí, mucho antes de que lo vea un visitante.
Los iconos pequeños premian las formas simples. Un símbolo o una sola letra se lee a 16 px, algo que no logra un nombre de empresa completo, así que recorta hasta el símbolo o crea una versión rotunda y limpia con la herramienta para convertir un logo a blanco, que además te da un favicon blanco para pestañas oscuras.
Iconos de aplicaciones, carpetas y escritorio de Windows
El mismo .ico da a un acceso directo, una carpeta o una app de Windows un icono nítido en todos los tamaños, desde la barra de título hasta el menú Inicio.
Un acceso directo. Haz clic con el botón derecho en el acceso directo, elige Propiedades, luego Cambiar icono y busca tu .ico.
Una carpeta. Haz clic con el botón derecho en la carpeta, elige Propiedades, abre la pestaña Personalizar y haz clic en Cambiar icono.
Una app que estás desarrollando. Entrega el .ico a tu equipo de desarrollo o agrégalo a la configuración de compilación de tu app. Como incluye un icono de 256 px, Windows lo reduce para generar los tamaños menores en lugar de ampliar uno pequeño, así que se ve nítido en pantallas de alta resolución.
Crea un favicon a partir de tu logo
¿Todavía no tienes un archivo de icono? Suelta el propio logo. Se centra en un cuadrado con el aire justo alrededor y todos los tamaños del paquete se crean a partir de él de una sola vez.
¿Estás renovando la marca de un cliente? Escribe su web en el Buscador de logos para partir del logo que ya usa, o descarga primero sus iconos actuales con la herramienta para descargar favicons.
Más herramientas gratis para iconos y logos
- PNG a SVGUn vector del símbolo, nítido a cualquier tamaño
- Creador de logos 3DEl mismo logo como imagen o video 3D
- Animación de logoOcho animaciones 3D con música
- Intro de logoUna revelación 3D de tu logo para abrir tus videos
- GIF de logo giratorioUn giro 3D continuo en un GIF en bucle
- Logo a STL y 3MFDe cualquier logo a un archivo para impresión 3D
- SVG a STLDe gráfico vectorial a archivo para impresión 3D
- PNG a STLDe una imagen a un archivo para impresión 3D
- Cómo hacer un logo 3DCuatro formas de dar profundidad a un logo plano
- Cómo animar un logoMovimiento, sonido y tamaños para cada plataforma
- Cómo imprimir un logo en 3DTamaños, colores, slicers y soluciones
- Vectorizar logoVectoriza un logo para impresión y corte
Preguntas sobre cómo convertir PNG a ICO
Respuestas breves sobre archivos ICO y favicons: tamaños, el HTML, los iconos de Windows y cómo crear uno a partir de tu logo.
Pregúntanos lo que quieras¿Cómo convierto un PNG a ICO?
Suelta el PNG en cualquier parte de esta página o haz clic en Subir tu propio logo. Se abre como icono cuadrado; haz clic en ICO para obtener un único archivo .ico con 16, 24, 32, 48, 64, 128 y 256 px, o en Favicons para el paquete completo para tu web. Es gratis y se hace en tu navegador.
¿Qué tamaños debe contener un favicon.ico?
Para una web, 16, 32 y 48 px cubren las pestañas, los marcadores y las pantallas de alta resolución, y el favicon.ico del paquete contiene exactamente esos tamaños. Para una app de Windows o un icono de escritorio, Microsoft pide al menos 16, 24, 32, 48 y 256 px, y la descarga ICO los incluye todos, además de 64 y 128 px.
¿Cómo creo un favicon a partir de mi logo?
Suelta tu logo en esta página. Se centra en un cuadrado, la forma que espera cualquier espacio para iconos, y lo ves en una pestaña del navegador y como icono de app antes de descargar el paquete de favicons. Un símbolo o una inicial del logo se lee mejor a 16 px.
¿Las webs siguen necesitando un favicon.ico?
Sí, conviene conservarlo. Los navegadores siguen pidiendo /favicon.ico a las webs, la Búsqueda de Google acepta archivos ICO y un solo ICO contiene varios tamaños. Los navegadores modernos también leen los iconos PNG y SVG enlazados en la sección head de tu página, y el paquete te da ambos.
¿Cómo agrego el favicon a mi web?
Copia los archivos del paquete en la carpeta raíz de tu web, donde está la página de inicio, y pega las líneas de add-to-your-head.html en la sección head de cada página. En un creador de sitios web o una plataforma de tienda online, sube el PNG de 512 px en su opción de icono del sitio.
¿Puedo crear un icono de Windows de 256 px a partir de un PNG?
Sí. La descarga ICO incluye 16, 24, 32, 48, 64, 128 y 256 px. Microsoft señala que, con un icono de 256 px, Windows siempre reduce tu icono y nunca lo amplía, así que se mantiene nítido en todos los tamaños. Parte de un PNG de al menos 256 px de ancho o de un logo vectorial.
¿Cuál es el mejor tamaño para un favicon?
Un conjunto, más que un solo tamaño: 16, 32 y 48 px en favicon.ico, un Apple touch icon de 180 px e iconos de 192 y 512 px para el manifiesto de la aplicación web. Google recomienda un favicon cuadrado de más de 48 × 48 px para la Búsqueda. El paquete los crea todos a partir de un solo archivo.
¿Te resulta útil esta herramienta?
Tu logo en 3D, en todo lo que imprimes
Proofscene convierte hojas de prueba en pruebas 3D interactivas en tu propio enlace con tu marca, para que tus clientes vean sus tarjetas, su packaging y sus pulseras antes de que se fabriquen. Empieza gratis hoy.
Cuenta gratuita · Sin tarjeta de crédito · Hecho por gente de imprenta