Generator de favicon
Conversați o imagine simplă într-o pictogramă de pagină web (favicon) și un pachet de pictograme web. Verificați că designul rămâne recunoscut în dimensiuni mici, descărcați fișierele și urmați exemplul de instalare inclus.
Înainte de a începe
- Introducere
- Imagini JPG, PNG sau WebP statice.
- ieşire
- Un ZIP cu ICO, pictograme PNG, un manifest și un exemplu HTML.
Instrumente de încărcare...
Cum să utilizați acest instrument
- Alegeți o imagine JPG, PNG sau WebP static.
- Cultivați într-un cadru sau adăugați padding și verificați previziunile iconului.
- Descărcați ZIP și adaptați căile de exemplu la site-ul dvs.
Înțelegeți rezultatul
O pictogramă de pagină web (favicon) apare adesea într-o dimensiune foarte mică. Un simbol clar sau o scrisoare de obicei funcționează mai bine decât lucrarea de artă detaliată sau textul mic. Fișierele generate trebuie încă să fie încărcate și referate de site-ul dvs.
De ce pictograma de etichetă a site-ului meu (favicon) arată blurică sau prea mică?
O notă largă sau o fotografie detaliată poate deveni neclasibilă într-o tabă de browser mică. Începeți cu un simbol simplu și verificați previziunile reale de 16 pixel și 32 pixel. Padding păstrează sursă completă, dar poate lăsa un logo larg foarte mic; cropping-ul carat umple icoana și poate tăia marginea ei. Verificați ambele opțiuni înainte de a instala rezultatul.
Ce fișiere tab icon (favicon) ar trebui să încărc pe site-ul meu?
ZIP include favicon.ico, PNG icons, apple-touch-icon.png, site.webmanifest and install.html.txt Exemplu de link tags. Extrageți mai întâi arhiva; încărcarea numai a ZIP nu instala iconul. Calea de exemplu presupune că fișierele se află la rădăcina site-ului. Adăugați aceste căi pentru un alt folder, sau utilizați setarea site-iconului platformei dvs., apoi verificați pagina publicată și cache-ul acesteia.
Încercați un eșantion
Încercați un eșantion original pentru a verifica fluxul de lucru susținut. O amprentă de succes nu este o garanție pentru fiecare intrare.
Imaginea originală ↓Dacă rezultatul nu este ceea ce ați așteptat
Site-ul afișează în continuare vechiul icon.
Generarea fișierelor nu le instalează. Verificați URL-urile iconului și marcarea paginii, apoi ștergeți cache-ul site-ului și testați o sesiune de browser proaspătă. Iconele de browser și rezultatele de căutare pot fi actualizate la diferite momente.
Următorul instrument util: SVG în PNG →Limite importante
- Intrarea imaginii numai; convertiți mai întâi un SVG la PNG.
- Instrumentul nu modifică configurarea site-ului.
- Verificați site-ul dvs. după instalarea icoanelor, deoarece comportamentul caching-ului și al platformei pot diferi.
- maximă 10 MB 12 milioane de pixeli. Rezultatul include ICO, pictograme PNG, un webmanifest și un exemplu HTML într-un ZIP.
Întrebări frecvente
Acest lucru instalează pe site-ul meu iconul de etichetă (favicon)?
nu . El pregătește fișierele și un exemplu. Încărcați fișierele și actualizați căile sau setările site-ului dvs.
Pachetul face ca site-ul meu să fie un PWA?
nu . Fișierele iconice și un webmanifest de bază sunt doar o parte a setării unei aplicații web.
De ce este greu sa citesc logo-ul la 16 pixeli?
Detalii fine pot dispărea la acea dimensiune. Încercați un simbol mai simplu, o formă mai puternică sau mai mult spațiu în jurul mărcii.
Ghiduri conexe
Întrebări sau corecții? mrkcal@mrkcal.com