Generator de favicon

Trage aici logo-ul, alege marginea, fundalul și colțurile și descarcă toate iconițele de care are nevoie un site, cu codul HTML de lipit în pagină.

Despre acest instrument

Toate iconițele site-ului tău dintr-o singură imagine

Browserele, iPhone-urile și telefoanele Android vor fiecare iconița lor. Instrumentul le creează pe toate deodată, pe dispozitivul tău.

Un ICO adevărat, în mai multe mărimi

favicon.ico conține variante de 16, 32 și 48 px, așa că fila, marcajele și bara de activități din Windows primesc fiecare o iconiță clară. Mărimile mici sunt reduse în pași, ca liniile subțiri să nu se rupă.

Gata pentru telefoane

apple-touch-icon.png (180 px) pentru ecranul principal al iPhone-ului, iconițe de 192 și 512 px pentru Android și un site.webmanifest cu numele site-ului și culoarea temei.

Vezi înainte să descarci

Previzualizarea filei de browser în temă deschisă și închisă, plus toate mărimile una lângă alta. Merg logo-uri PNG, JPG, WebP și SVG; transparența se păstrează unde e permisă.

Cum se folosește

  1. Trage aici un logo sau o imagine (PNG, JPG, WebP sau SVG) ori lipește-l cu Ctrl + V.
  2. Alege Încadrare cu margine sau Umplere și decupare, apoi marginea, fundalul și colțurile rotunjite.
  3. Scrie numele site-ului și culoarea temei pentru web manifest.
  4. Apasă Creează favicon, descarcă ZIP-ul și copiază codul HTML în <head> al paginii.

Întrebări frecvente

Imaginile mele sunt încărcate pe un server?

Nu. Fiecare imagine este citită, procesată și salvată în fila browserului cu Canvas, Web Workers și WebAssembly. Nimic nu este încărcat, stocat sau înregistrat.

Ce fișiere conține ZIP-ul?

favicon.ico (16, 32 și 48 px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest și un fișier HTML cu etichetele de lipit în pagină. Dacă pornești de la un SVG, se adaugă favicon.svg.

Unde pun fișierele favicon?

Urcă-le în folderul rădăcină al site-ului, lângă pagina principală, și lipește codul HTML în <head> al fiecărei pagini. Browserele caută și singure /favicon.ico.

De ce are iconița Apple fundal?

iOS afișează pe negru iconițele transparente de pe ecranul principal. Dacă păstrezi fundalul transparent, doar iconița Apple primește unul alb; colțurile le rotunjește iOS singur.

Pot crea un favicon dintr-un SVG?

Da. ZIP-ul conține atunci și favicon.svg cu marginea, fundalul și colțurile tale, pe care browserele moderne îl preferă pentru că e clar la orice mărime. Iconițele PNG și ICO sunt desenate din SVG la 1024 px și reduse, așa că și varianta de 16 px rămâne clară.

Este gratuit și pune filigran?

Da, se folosește gratuit, fără cont, iar Toolula nu adaugă niciodată filigran. Planul gratuit are limite de utilizare rezonabilă; Toolula Pro, un plan opțional, le crește.