ca

Crear un favicon

Transforma una imatge en un paquet favicon complet: .ico, mides PNG, apple-touch-icon, web manifest i fragment HTML. Local, sense pujada de fitxers.

Fons (icona d'iOS)
  • Blanc
  • Transparent
  • Negre
Fons (icones d'Android)
  • Blanc
  • Transparent
  • Negre

Els teus fitxers

    Processant en local al teu dispositiu ...

    0%

    Els teus fitxers no han sortit mai del dispositiu

      Es puja el meu fitxer?

      No. Tot s'executa al teu navegador - el teu fitxer no surt mai del dispositiu. Per què és verificable

      Sense pujar res100% local
      El contingut es queda amb tusense accés de tercers
      Servidors a AlemanyaRGPD des del disseny
      Auditat de manera independentTLS A+ · Capçaleres A+

      Un favicon mai no és un sol fitxer. Els navegadors, els telèfons intel·ligents i les aplicacions web esperen avui un conjunt complet d'icones en diverses mides i formats: el clàssic favicon.ico amb diverses resolucions per a la pestanya del navegador, fitxers PNG individuals, un apple-touch-icon per a la pantalla d'inici de l'iPhone i icones més grans per instal·lar l'aplicació web a Android. Aquesta eina t'allibera d'aquesta feina feixuga i genera el paquet complet a partir d'una sola imatge.

      Arrossega una imatge quadrada, idealment un PNG d'almenys 512 píxels de costat, i rebràs un fitxer ZIP. Dins hi trobaràs favicon.ico (16, 32 i 48 píxels), les icones PNG individuals, l'apple-touch-icon de 180 píxels i les dues icones d'aplicació de 192 i 512 píxels. També s'hi inclou un site.webmanifest a punt per fer servir i un breu fragment HTML per enganxar directament a la capçalera de la pàgina. Tot queda connectat sense que hagis de reunir les referències manualment.

      La imatge s'adapta a cada mida sense retallar-la i se centra automàticament. Les icones del navegador mantenen la transparència; les icones d'aplicació per a iOS i Android es col·loquen sobre un fons, perquè aquests sistemes mostrarien la transparència en negre: tries tu entre blanc, negre o transparent, per separat per a cada plataforma (per exemple, blanc per a la icona d'iPhone i transparent per a la d'Android). Com a totes les eines d'aquest lloc, tota la conversió té lloc al navegador. La teva imatge no s'envia a cap servidor ni es carrega cap biblioteca des de servidors externs.

      Fitxa tècnica

      Fitxa tècnica
      Formats d'entradaPNG, JPG, JPEG, WEBP, GIF, BMP
      Format de sortidaZIP
      Processament per lotsNo
      ProcessamentEn local al navegador (JavaScript)
      Càrrega de fitxersCap

      En 3 passos

      1. Arrossega una imatge quadrada (PNG de 512 px o més, ideal).
      2. Tria el fons per a les icones d'iOS i Android (per separat).
      3. Descarrega i descomprimeix el paquet ZIP.

      Límits: L'eina genera un ZIP amb favicon.ico (16/32/48), favicon-16/32, apple-touch-icon (180), icones Android (192/512), un site.webmanifest i un fragment HTML. La font ha de ser una imatge de mapa de bits (PNG, JPG, WebP, GIF, BMP); els fitxers SVG no s'admeten aquí. Una imatge massa petita s'ampliarà i pot quedar borrosa: el millor és usar una imatge quadrada i gran.

      Preguntes freqüents

      La meva imatge s'envia a algun servidor?

      No. Tot el paquet es genera localment al navegador, fins i tot en mode avió. La imatge mai no surt del teu dispositiu.

      Que conté el ZIP?

      favicon.ico amb 16/32/48 píxels, icones PNG individuals, l'apple-touch-icon, dues icones d'aplicació (192/512), un site.webmanifest i un fragment HTML per a la capçalera.

      Per que les icones d'aplicació tenen fons?

      iOS i Android mostren les zones transparents de les icones d'aplicació en negre. Per això es col·loquen sobre un fons; tries entre blanc, negre o transparent - per separat per a iOS i Android, si vols que es vegin diferents.

      Quina mida ha de tenir la imatge?

      Una imatge quadrada d'almenys 512 píxels de costat. A partir d'ella es redueixen correctament totes les mides menors.

      Eines relacionades