Convertir WebP a ICO
¿Su logo solo existe como un WebP guardado de su propio sitio o de una exportación de diseño? Conviértalo en un favicon.ico que los navegadores, los marcadores y los accesos directos de Windows reconocen sin código adicional.
Convertidor de imágenes
o suelte aquí archivos JPG, JPEG, JPE … ·
Máx. 95 MB por archivo· Hasta 20 archivos· Se borran a los 30 minutos
Los archivos se procesan en nuestros servidores y se borran a los 30 minutos.
Con 85 las fotos se ven idénticas al original. Conviene bajarla solo cuando se necesita un archivo más pequeño.
JPG, BMP y EPS no admiten transparencia. Los píxeles transparentes se rellenan con este color.
Color hexadecimal que se usa detrás de los píxeles transparentes, p. ej., #FFFFFF.
Este formato contiene una sola imagen. Para conservar la animación, elija la salida GIF o WebP.
Un icono de varios tamaños contiene varias resoluciones en un solo archivo; los navegadores y sistemas operativos eligen la que necesitan.
Se conservan las dimensiones originales, o se indica un lado y se mantiene la relación de aspecto.
Píxeles para el lado elegido arriba.
Porcentaje de las dimensiones originales.
sRGB es lo adecuado para pantallas y la web. Para flujos de impresión conviene conservar el original; la escala de grises descarta el color.
Solo metadatos; 0 conserva el valor original. Las impresoras y algunos portales leen este número; no cambia las dimensiones en píxeles.
Cómo usar esta herramienta
- 1
Suba el logo WebP
Suelte el archivo .webp, o hasta 20 a la vez, de 95 MB cada uno. Funciona mejor un logo cuadrado de al menos 256 × 256 px.
- 2
Conserve todos los tamaños de icono
Tamaños de icono empieza en Todos los tamaños (16–256) dentro de Opciones avanzadas. Los WebP animados usan su primer fotograma.
- 3
Convierta y súbalo a su sitio
Pulse Convertir a ICO, cambie el nombre del archivo a favicon.ico si hace falta y colóquelo en la carpeta raíz de su sitio web.
Hoy en día, los logos guardados de sitios web suelen ser WebP. Una sola conversión transforma ese archivo en un favicon.ico de varios tamaños con el fondo transparente conservado.
Crear un favicon.ico a partir de un logo WebP
WebP se convirtió en el formato de imagen por defecto de buena parte de la web después de que Google lo presentara en 2010; WordPress acepta subir WebP desde la versión 5.8 de 2021, y muchas CDN de imágenes convierten cada PNG que sirven. Por eso, cuando busca su propio logo, la copia que encuentra suele ser un .webp, y los generadores de favicon, Windows y algunos paneles de hosting no lo aceptan.
El formato ICO resuelve un problema distinto al de WebP. En lugar de una sola imagen comprimida, agrupa varios mapas de bits cuadrados, y el navegador o el sistema operativo elige el tamaño que necesita: 16 px para una pestaña, 32 px para la barra de tareas o la barra de marcadores, y tamaños mayores para accesos directos del escritorio y pantallas de alta densidad. La conversión genera esos tamaños a partir de su WebP de una sola vez.
Conserve el WebP para el logo de la cabecera de su página. Los dos archivos ocupan lugares distintos, y la conversión no modifica el original.
Qué incluye el convertidor dentro del ICO
- Cinco tamaños en un solo .ico
- 16–256 px
- Archivos WebP por lote
- 20
- Peso máximo por archivo
- 95 MB
- Después se borran del servidor
- 30 min
WEBP
Imagen WebP
WebP es un formato de imagen que Google lanzó en 2010 para que las páginas web carguen más rápido. Admite compresión con pérdida y sin pérdida, transparencia alfa y animación en un solo formato. Los archivos WebP con pérdida suelen ser un 25–35% más pequeños que los JPEG de calidad visual similar, y WebP sin pérdida suele ocupar menos que PNG. Todos los navegadores actuales lo admiten, pero algunos programas de escritorio antiguos, servicios de impresión y formularios de carga todavía lo rechazan. Windows, macOS y la mayoría de los editores de imágenes modernos pueden abrir archivos WebP.
- Compresión
- Con o sin pérdida
- Transparencia
- Sí
- Animación
- Sí
- Presentado en
- 2010 · Google
ICO
Icono de Windows (ICO)
ICO es el formato de iconos de Microsoft que se usa para los iconos de programas de Windows y los favicons de sitios web. Un archivo .ico puede contener varias imágenes de distintos tamaños, como 16×16, 32×32, 48×48 y 256×256 píxeles, para que el sistema elija la más adecuada. Cada imagen puede guardarse como mapa de bits o como datos PNG y admite transparencia alfa completa. ICO no está pensado para fotos ni ilustraciones grandes. Los navegadores, Windows y la mayoría de los editores de iconos pueden leerlo.
- Compresión
- Sin pérdida
- Transparencia
- Sí
- Animación
- No
- Presentado en
- Microsoft
Un logo WebP se convierte en ICO cuando la única copia de la marca es el archivo comprimido que sirvió un sitio web o un CMS, y el sitio aún necesita un favicon.ico en su raíz.
Preparar un logo WebP para una pestaña de 16 px
Recorte hasta el símbolo
La mayoría de los logos son anchos. Deje solo el símbolo o la primera letra y recórtelo en un cuadrado con un pequeño margen.
Quite el texto pequeño
Los eslóganes y logotipos de texto se vuelven ruido gris a 16 px. Una sola forma gruesa resiste; los trazos finos no.
Revise ambos colores de pestaña
Mire el resultado con un tema claro y uno oscuro del navegador. Un logo oscuro sobre fondo transparente puede desaparecer en una pestaña oscura.
Agregar el nuevo favicon a su sitio
Coloque favicon.ico en la carpeta raíz para que responda en susitio.com/favicon.ico. Declararlo en el encabezado de la página con <link rel="icon" href="/favicon.ico" sizes="any"> hace explícita la elección, y un CMS como WordPress tiene su propio campo Icono del sitio que escribe esas etiquetas por usted.
Dos iconos más completan el conjunto. Los iPhone y iPad usan un apple-touch-icon, un PNG de 180 × 180 px, cuando alguien agrega su sitio a la pantalla de inicio; créelo con WebP a PNG y nuestra guía para recortar. Google Search pide un favicon cuadrado cuyo tamaño sea múltiplo de 48 px, así que un PNG de 96 o 144 px enlazado desde la página de inicio cubre también los resultados de búsqueda. Los navegadores guardan los favicons en caché de forma muy agresiva; abra la página en una ventana privada para ver el nuevo de inmediato.
Preguntas sobre cómo convertir WebP a ICO
¿Por qué necesito un .ico si mi logo ya es un WebP?
Los navegadores piden /favicon.ico en la raíz del sitio por su cuenta cuando una página no declara ningún icono, y los accesos directos de Windows, los navegadores antiguos y muchos campos de favicon de los CMS esperan ICO o PNG. Un solo .ico en la raíz responde a todos sin código adicional.
¿El fondo transparente de mi logo WebP sigue transparente en el ICO?
Sí. WebP e ICO tienen canal alfa, así que el fondo transparente pasa directamente a cada tamaño dentro del icono y el favicon se ve limpio en pestañas claras y oscuras del navegador.
¿Qué pasa si subo un WebP animado para hacer un ICO?
El ICO solo guarda imágenes fijas, así que el convertidor usa el primer fotograma (Entrada animada está en Solo el primer fotograma). Elija otro archivo de origen si el primer fotograma está en blanco o a mitad de una transición.
¿Se nota la compresión con pérdida del WebP en el favicon?
Rara vez entre 16 y 64 px, porque al reducir la imagen los pequeños artefactos se promedian y desaparecen. En las capas de 128 y 256 px pueden quedar halos tenues. Si el logo también existe como vector, SVG a ICO da los bordes más limpios.
¿Qué resolución necesita mi logo WebP para un favicon nítido?
Al menos 256 × 256 px y cuadrado, para que la capa más grande se obtenga reduciendo y no ampliando. Un logo de 120 px guardado de la cabecera de una página se verá borroso en los tamaños mayores.