Command Palette

Search for a command to run...

CO

Convertidor de PNG a ICO

Convierta imágenes PNG a favoritos de ICO en su navegador, en lotes

PNGtoICOConverts as soon as you add files
Icon sizes

ICO is the favicon container. The file holds one square icon for each size you picked.

Files (0)

No files yet

Add files and they convert right away. Change a setting and they convert again.

Built with open source libraries. Licenses

¿qué es un convertidor de PNG a ICO?

Un convertidor de PNG a ICO empaqueta copias cuadradas de una imagen PNG, una por tamaño que solicite, en un solo archivo .ico. Esa es la parte en la que la mayoría de la gente se equivoca en el primer intento: un .ico no es una imagen con una extensión inusual, es un contenedor pequeño con un directorio en el frente que enumera cada imagen dentro y donde comienza cada una. Lo que sea que lea el archivo (un navegador dibujando una pestaña, un escritorio dibujando un atajo) mira ese directorio y toma la entrada más cercana al tamaño que necesita.

Esta página escribe cuatro tamaños y todos están marcados cuando llegas: 16, 32, 48 y 256 píxeles. Cada casilla marcada se convierte en una imagen cuadrada dentro del .ico, almacenada comprimida con PNG con su canal alfa intacto, y los tamaños se escriben primero como los más pequeños. Desmarque los que no desea y el archivo se hará más pequeño. Desmarque los cuatro y el convertidor volverá a escribir los cuatro, porque un icono sin nada en él no es un archivo útil. El techo 256 es el formato que habla en lugar de la herramienta: una entrada de directorio ICO registra su ancho en un solo byte, razón por la cual 256 es la imagen más grande que un .ico puede transportar y por qué se almacena como el valor especial cero.

Comience desde un PNG cuadrado que sea al menos tan grande como el tamaño más grande que marque. El convertidor escala su imagen a cada cuadrado y la reducción es la dirección que se ve bien. Aliméntelo con una fuente de 64 px con 256 marcados y la entrada 256 es una imagen de 64 px estirada cuatro veces, que es suave y con manchas exactamente del tamaño que muestra una pantalla de alto DPI. Una exportación de 512x512 desde su herramienta de diseño cubre cada estuche con espacio de sobra.

Un logotipo no cuadrado es el otro problema común. El convertidor estira la imagen para llenar cada cuadrado en lugar de dejar que se desborde o adivinar un recorte, y le dice que sí: suelte una marca denominativa de 1024x256 y la fila dice "La imagen era 1024x256, por lo que se estiró a cuadrados de 16, 32, 48, 256 px". De todos modos, una marca denominativa estirada es ilegible a 16 px. La solución es decidir qué deben mostrar los tamaños pequeños antes de convertirlos, no después. Por lo general, eso significa recortar el símbolo por sí solo o rellenar la marca denominativa en un lienzo cuadrado con márgenes transparentes para mantener sus proporciones y simplemente quedar más pequeño dentro del ícono.

Aquí hay una ejecución completa. Tome un archivo de 512x512 llamado logo.png, deje las cuatro casillas marcadas y déjelo entrar. Convierte de inmediato: la fila muestra el tamaño de entrada, una flecha, el tamaño de salida y el cambio de tamaño, con la nota "Contiene 16, 32, 48, 256 iconos px". debajo, y el icono de descarga en la fila guarda logo.ico. Desmarque 256 y el archivo se convierte nuevamente por sí solo: la misma fuente ahora produce un archivo mucho más liviano que contiene tres imágenes, ya que la entrada de 256 px era la mayor parte del peso. Coloque ocho PNG de marca juntos y descargue todas (8 imágenes) las escrituras convertidas-ico.zip con cada .ico adentro, numerando nombres duplicados en lugar de sobrescribirlos.

Todo se ejecuta en el lado del cliente. Su navegador decodifica el PNG, lo dibuja en cada tamaño solicitado en un lienzo, codifica cada cuadrado como PNG y ensambla el .ico en la memoria, por lo que la obra de arte nunca sale del dispositivo y la página sigue funcionando con la red desconectada una vez que se ha cargado. La transparencia se conserva en todos los tamaños y no se completa nada detrás de ella. Los metadatos y perfiles de color adjuntos a la fuente se eliminan en el paso del lienzo. Las imágenes superiores a 100 megapíxeles se rechazan con un mensaje, los archivos vacíos se rechazan, no hay límite en el tamaño del archivo en bytes y la herramienta es gratuita, no hay registro, con un límite diario de conversiones.

Cómo convertir PNG a ICO

  1. Agrega tus archivos PNG

    Coloque imágenes PNG en el cuadro marcado "Elimine imágenes PNG aquí o haga clic para cargarlas", o haga clic en él para seleccionarlas. Cada archivo comienza a convertirse tan pronto como se agrega. Una fuente cuadrada de 256 px o más da el mejor resultado en cada tamaño de icono.

  2. Elija los tamaños de iconos

    En Tamaños de icono, marque los cuadrados que desee dentro de .ico: 16px, 32px, 48px y 256px están marcados de forma predeterminada. Cada casilla marcada agrega una imagen al archivo y al marcar o desmarcar una casilla se convierten cada archivo agregado nuevamente.

  3. Consulta cada resultado

    Cada fila muestra una miniatura, su estado, una línea de tamaño con el cambio de tamaño y una nota que enumera los tamaños que escribió, con una advertencia y las dimensiones reales si una imagen no cuadrada tuviera que estirarse en cuadrados. Haga clic en la miniatura para ver el icono grande y compare Antes y Después.

  4. Descarga el icono

    Presione el ícono de descarga en una fila para guardar un solo archivo, o Descargue todas (n imágenes) en el encabezado de la lista, que guarda convert-ico.zip con el lote adentro.

¿por qué convertir PNG a ICO?

Muchos lugares ahora toman un PNG simple como ícono, por lo que es justo preguntarse por qué aún vale la pena fabricar el contenedor más antiguo. Tres trabajos todavía requieren un archivo .ico real.

Un favicon.ico en la raíz del sitio

Los navegadores y muchas otras herramientas que muestran íconos del sitio buscan /favicon.ico cuando una página no declara un ícono. Un solo .ico en esa dirección responde a todas ellas y, debido a que tiene varios tamaños, se ve bien en una pestaña, una barra de marcadores y un acceso directo fijado por igual.

Atajos, carpetas e instaladores de Windows

Windows lee archivos.ico para iconos de acceso directo, iconos de carpetas personalizadas y el icono incrustado en una aplicación. Selecciona la entrada que coincide con la vista, por lo que el mismo archivo sirve para la vista de lista pequeña y la vista de icono extra grande. Un PNG solitario no puede hacer eso.

Manteniendo la transparencia de su exportación de diseño

Los logotipos exportados desde una herramienta de diseño suelen ser PNG con un fondo transparente, y ese es el punto de partida correcto. Cada tamaño escrito aquí se almacena como un PNG dentro del contenedor, por lo que el fondo claro aparece a 16 px y 256 px por igual. ¿Comenzando desde una foto en su lugar? El [convertidor JPG a ICO] (/tools/jpg-to-ico) cubre ese caso, aunque un JPG no aporta transparencia.

PNG vs ICO: cuál usar

PNG e ICO comparados como formatos de iconos
ráfagaPNGICO
Qué contiene el archivoUna imagen.Varias imágenes cuadradas, una por tamaño, con un directorio que las enumera.
CompresiónSin pérdidas.Depende de cada entrada. Esta página almacena cada entrada como PNG sin pérdidas.
diapositivaCanal alfa completo.Alfa completo en entradas de 32 bits y PNG, que es lo que escribe esta página.
AnimaciónNo en PNG estándar.No.
Imagen más grandeMucho más allá de lo que un ícono necesita.256 x 256 píxeles por entrada.
Tamaño de archivo típicoPequeño para una sola imagen del tamaño de un ícono.Más grande, ya que lleva todos los tamaños. La entrada de 256 px pesa la mayor parte.
Soporte de navegador y softwareCada navegador y editor. Aceptado como favicon por los navegadores actuales.Cada navegador como favicon y Windows como acceso directo e íconos de aplicaciones.
mejor paraObra de arte, imágenes web e iconos declarados con una etiqueta de enlace.favicon.ico, íconos de Windows y cualquier lugar donde un archivo deba cubrir varios tamaños.

Se explican los tamaños de Favicon

Cada tamaño dentro del .ico existe porque algo dibuja un ícono aproximadamente en ese tamaño. Qué programa utiliza qué entrada varía según el navegador, el sistema operativo y el escalado de la pantalla, así que trate la lista a continuación como el caso común en lugar de como una regla.

Donde se utiliza comúnmente cada tamaño de ICO
TamañoComúnmente utilizado para
16 pxTablas del navegador, barra de direcciones y listas de marcadores en pantallas estándar.
32 pxPestañas del navegador en pantallas de alta densidad e íconos de barra de tareas y accesos directos en Windows.
48 pxAtajos de escritorio y vistas de iconos medios en Windows.
256 pxVistas de iconos grandes y extra grandes, y pantallas de muy alta densidad.

Las entradas pequeñas son las que más importan, porque son las que la gente ve todo el día y las que se acaban los detalles. Un logotipo con una marca denominativa, un contorno fino o un eslogan suele necesitar una versión más sencilla para 16 y 32 px: solo el símbolo, con trazos lo suficientemente gruesos como para sobrevivir, de unos pocos píxeles de ancho.

Los iconos táctiles para teléfonos son un archivo separado. Un acceso directo a la pantalla de inicio de iPhone, por ejemplo, utiliza un PNG más grande declarado con su propia etiqueta de enlace y un .ico no lo reemplaza.

Privacidad y seguridad

  • El cambio de tamaño y el empaquetado se realizan del lado del cliente con la API Canvas del navegador. El PNG y el .ico terminado nunca salen de esta pestaña.
  • Un logotipo o marca inédita se puede convertir sin entregarlo a un servicio de terceros.
  • La verificación de uso diaria envía un recuento de archivos, el tamaño combinado en bytes y el formato de destino. Los nombres de archivos y los píxeles de la imagen no están incluidos.
  • Los metadatos y perfiles de color en PNG no se copian en las entradas de los iconos.
  • Los íconos terminados se mantienen en la memoria hasta que los elimines, presiones Borrar todo o cerrar la pestaña, y no se almacena ninguna copia en un servidor.

Características clave

  • Cuatro tamaños de iconos en un archivo

    16, 32, 48 y 256 px, cada uno una imagen separada dentro del .ico. Marque solo los tamaños que desee y el resto quedará fuera

  • Entradas comprimidas con PNG con alfa

    Cada cuadrado se almacena como un PNG de 32 bits dentro del contenedor, por lo que un logotipo transparente permanece transparente en todos los tamaños y no hay ningún fondo pintado detrás

  • Advierte sobre fuentes no cuadradas

    Se estira una marca denominativa o un banner para llenar los cuadrados, y la fila le indica las dimensiones originales para que pueda regresar y recortar o rellenar en lugar de enviar un ícono aplastado

  • Conversión por lotes con ZIP

    Agregue un conjunto completo de PNG de marca a la vez y retírelos como convert-ico.zip, con nombres de archivos duplicados numerados en lugar de sobrescritos

Frequently Asked Questions

Coloque el PNG en el cuadro de esta página y descargue el .ico de su fila cuando se muestre Completo. Con los cuadros de tamaños de iconos marcados, su navegador dibuja la imagen en cada tamaño y ensambla el .ico localmente tan pronto como se agrega el archivo, sin ningún botón para presionar. No hay nada instalado y no se carga nada.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

png to icopng to ico filepng to ico converterconvert png to icopng to ico generatorchange png to icopng to ico formatconvert png to favicon icohow to convert png to icohow to save png as icofree online png to ico converter