Faviconkészítő
Egy egyszerű kép átalakítása egy weboldal táblázat ikon (favicon) és a weboldal ikon csomag. Ellenőrizze, hogy a tervezés kis méretben felismerhető maradjon, töltse le a fájlokat, és kövesse a beépített telepítési példát.
Mielőtt elkezdené
- Bevezetés
- Egy JPG, PNG vagy statikus WebP kép.
- kiadás
- A ZIP ICO, PNG ikonokkal, manifesztummal és HTML példával.
Töltőeszköz...
Hogyan kell használni ezt az eszközt
- Válasszon egy JPG, PNG vagy statikus WebP képet.
- Növekedjen egy négyzetre vagy adjon padding és ellenőrizze az ikon előrejelzéseit.
- Töltse le a ZIP-t, és alkalmazza a példa útvonalait a webhelyére.
Megértse az eredményt
A weboldal lap ikonja (favicon) gyakran nagyon kis méretben jelenik meg. Egy világos szimbólum vagy betű általában jobban működik, mint a részletes művészet vagy a kis szöveg. A generált fájlokat továbbra is fel kell tölteni és hivatkozni a weboldal.
Miért néz ki a weboldal lap ikonja (favicon) blurry vagy túl kicsi?
A széles szótár vagy részletes fotó olvashatóvá válhat egy kis böngésző táblázatban. Kezdje egy egyszerű négyzet szimbólummal, és ellenőrizze a tényleges 16 és 32 pixel előzetes megjelenítéseket. A padding megőrzi a teljes forrást, de nagyon kicsi egy széles logót hagyhat; négyzetes kopás kitölti az ikonot, és le lehet vágni a szélét. Ellenőrizze mindkét lehetőséget az eredmény telepítése előtt.
Milyen weboldal ikon (favicon) fájlokat kell feltölteni a webhelyemre?
A ZIP tartalmazza favicon.ico, PNG icons, apple-touch-icon.png, site.webmanifest and install.html.txt Például a link tags. Az archívum kivonatát először; a ZIP-t egyedül töltve nem telepíti az ikonot. A példa útvonalak feltételezik, hogy a fájlok a weboldal gyökere. Adja meg ezeket az utakat egy másik mappához, vagy használja a platform webhely ikon beállítását, majd ellenőrizze a közzétett oldalt és a cache-t.
Próbálja ki a mintát
Próbálja ki az eredeti mintát, hogy ellenőrizze a támogatott munkafolyamatot. A sikeres minták nem garantálják minden bevitelt.
eredeti képminták ↓Ha az eredmény nem az, amit vártál
A weboldal továbbra is megjeleníti a régi ikonot.
A fájlok generálása nem telepíti őket. Ellenőrizze az ikon URL-jeit és az oldal címkéjét, majd törölje a webhely cache-jét, és tesztelje egy friss böngésző ülését. A böngésző és a keresési eredmény ikonok különböző időpontokban frissíthetők.
Következő hasznos eszköz: SVG–PNG átalakító →Fontos korlátok
- Képbevételek csak; Konvertáljon egy SVG-t PNG-re először.
- Az eszköz nem változtatja meg a weboldal konfigurációját.
- Ellenőrizze a saját webhelyét az ikonok telepítése után, mert a caching és a platform viselkedés eltérhet.
- Maximális 10 MB 12 millió pixel. A kimenetel tartalmaz ICO, PNG ikonok, egy webmanifest és például HTML egy ZIP.
Gyakran feltett kérdések
Ez telepíti a weboldal lap ikon (favicon) a webhelyemre?
Nem nem Elkészíti a fájlokat és példát. Töltse fel a fájlokat és frissítse az útvonalakat vagy a webhely beállításait.
A csomag teszi a webhelyem PWA-t?
Nem nem Az ikon fájlok és az alapvető webmanifest csak egy webes alkalmazás beállításának részei.
Miért nehezen olvashatja a logóját 16 pixelben?
A finom részletek eltűnhetnek ebben a méretben. Próbáljon egyszerűbb szimbólumot, erősebb alakot vagy több helyet a jel körül.
Kapcsolódó útmutatók
Kérdés vagy korrekció? mrkcal@mrkcal.com