Kép ikonná alakítása
Egy képből teljes ikoncsomag
Kép–ikon átalakító
Töltsön fel egy képet, állítsa be a keretet, tekintse meg a kis méreteket, majd egy kattintással töltse le a teljes ikoncsomagot.
Kép feltöltése
Húzza ide és ejtse le a képét, kattintson a tallózáshoz, vagy illessze be (Ctrl+V)
JPG, PNG, WebP max. 25MB – az Ön eszközén feldolgozva
Töltsön fel egy képet az ikonkészlet előnézetéhez
A képe soha nem hagyja el az eszközét. A teljes kép–ikon átalakítás helyben fut.
Mit tartalmaz az ikoncsomag
Egy kép–ikon átalakítás minden fájlt előállít, amire egy valódi weboldalnak szüksége van – böngészőfül, kezdőképernyő, telepítési prompt és minden más.
Többméretű favicon
favicon.ico16, 32, 48 px
Eetlen ICO fájl három beágyazott mérettel a régebbi böngészőfülekhez, asztali parancsikonokhoz és rendszerszintekhez.
Apple Touch Icon
apple-touch-icon.png180 x 180 px
A lekerekített négyzetes ikon, amelyet az iOS használ, amikor egy látogató a kezdőképernyőjére menti az oldalt.
PWA és Android ikonok
android-chrome-*.png192 és 512 px
Nagy felbontású PNG-k telepíthető PWA promptokhoz, az alkalmazásindítóhoz és Android kezdőképernyőkhöz.
Manifest és HTML
site.webmanifest + kódrészletJSON + linkek
Előre konfigurált web manifest és a pontos link címkék, amelyeket a dokumentum head szekciójába illeszthet.
Mi a kép–ikon átalakítás?
A kép–ikon átalakító egyetlen forrásképből elkészíti a weboldalhoz szükséges teljes ikonfájl-készletet – faviconokat, appikonokat és manifestet.
A kép–ikon átalakító egyetlen forrásképből előállítja az összes ikonfájlt, amellyel egy valódi weboldal rendelkezik. A böngészők egy apró 16 pixeles négyzetet kérnek a böngészőfülhöz, az iOS egy 180 pixeles Apple Touch Icont szeretne a kezdőképernyőhöz, a telepíthető PWA-khoz pedig 192 és 512 pixeles PNG-k valamint web manifest szükséges. Ez kézzel azt jelenti: átméretezés, elnevezés és fél tucat fájl hivatkozása. A kép–ikon eszköz egyetlen feltöltésből minden méretet kezel, egy vásznon, a böngészőjében – így a forráskép soha nem hagyja el az eszközét.
- ✓Teljes egészében az Ön eszközén fut – nincs feltöltés, nincs szerver-körút a kép–ikon átalakításhoz
- ✓favicon.ico-t, PNG méreteket, Apple Touch Icont, PWA ikonokat, manifestet és HTML-t generál egy csomagban
- ✓Három formázási mód – négyzetre vágás, igazítás margóval és nyújtás – így a széles logók is működnek
- ✓Állítható margó, sarok lekerekítés és háttérszín egy rendezett ikoncsempéhez
- ✓Élő előnézet 16, 32, 180 és 512 pixelen, hogy tudja, a kis méretek tisztán olvashatók
A legjobb méretek a kép–ikon kimenethez
| Méret | Gyakori felhasználás |
|---|---|
| 16x16 | Kis böngészőfülek és a régebbi favicon megjelenítés. |
| 32x32 | Modern favicon PNG és nagy sűrűségű fül megjelenítés. |
| 48x48 | Asztali parancsikonok és bizonyos rendszerszintek. |
| 180x180 | Apple Touch Icon a mentett kezdőképernyő linkekhez. |
| 192x192 / 512x512 | PWA és Android telepítési ikonok. |
Ha a 16 pixeles előnézet nehezen olvasható, próbáljon merészebb vágást, több margót vagy tömör hátteret. A középre igazított, jó kontrasztú forma sokkal jobban átvészeli a nagy képből ikonméretekbe való ugrást, mint egy összetett kép.
Miért érdemes kép–ikon átalakítót használni?
A favicon és appikon fájlok kézi generálása macerás és hibalehetőségekkel teli. Ez a kép–ikon eszköz megoldja a gyakori problémákat.
A kézi kép–ikon munkafolyamat problémái
Kézi átméretezés és átnevezés
16, 32, 48, 180, 192 és 512 pixeles PNG-kre, valamint egy ICO-ra van szüksége, mindet konkrét fájlnevekkel. Ez egyenként, grafikai szerkesztőben lassú és könnyen hibázható.
Nincs manifest vagy HTML
Még az átméretezés után is meg kell írnia a site.webmanifestot és a pontos link címkéket. Ha egy is hiányzik, a kezdőképernyő ikon vagy a PWA telepítés csendben megszakad.
Az online feltöltők kockázatosak
Sok kép–ikon oldal szerverre küldi a logóját. Egy privát ügyfél védjegy vagy kiadatlan termék esetén ez kizáró ok.
Mit csinál jól ez a kép–ikon eszköz
Mindenképp privát
A teljes kép–ikon átalakítás a böngészőjében, egy vásznon fut. A logóját soha nem töltjük fel sehova.
Egykattintásos ikoncsomag
Töltse le a favicon.ico-t, az összes PNG méretet, az Apple Touch Icont, a PWA ikonokat, a manifestet és a HTML kódrészletet egyetlen ZIP-ben.
Élő kis méretű előnézet
Pontosan láthatja, hogyan néz ki a favicon 16 és 32 pixelen, még mielőtt közzéteszi – ezeknél a méreteknél hiúsul meg a legtöbb ikon.
Forma, margó, lekerekítés
Vágja négyzetre a széles logókat, igazítsa a teljes védjegyet margóval, kerekítse a sarkokat, vagy állítson be tömör hátteret – mindezt élőben.
Érvényes többméretű ICO
A favicon.ico egy fájlban foglalja magában a 16, 32 és 48 pixeles méreteket, így a régebbi böngészők, asztali parancsikonok és a címsor mind a helyes ikont mutatják.
Ingyenes, regisztráció és vízjel nélkül
Nyissa meg az oldalt, és kezdje az átalakítást. Nincs fiók, nincs e-mail, nincs vízjel a kimeneten.
Hogyan alakítson át egy képet ikonfájlokká
Öt gyors lépés egyetlen forrásképtől a teljes, azonnal telepíthető ikoncsomagig.
Feltöltés
Dobjon be egy PNG, JPG vagy WebP fájlt. A tiszta négyzetes forrás a legjobb, de a széles képek is jók – válassza az igazítás margóval módot, hogy érintetlenek maradjanak.
Formázás
Válasszon négyzetre vágást, igazítást margóval vagy nyújtást. Az élő előnézet frissül, ahogy minden ikonmérethez állítja a keretet.
Stílus
Adjon hozzá margót, kerekítse a sarkokat, hagyja a hátteret átlátszón, vagy válasszon tömör színt egy rendezett ikoncsempéhez.
Előnézet
Export előtt ellenőrizze a 16 pixeles előnézetet. Ha az apró verzió tisztán olvasható, a nagyobb appikonok is jól fognak kinézni.
Letöltés
Kattintson az Ikoncsomag letöltése gombra a favicon.ico, az összes PNG, a manifest és a HTML kódrészlet egy ZIP-ben való letöltéséhez.
Kép–ikon funkciók
Minden, amire szüksége van, hogy egy képből teljes, telepítésre kész ikonkészletet készítsen.
Privát, böngészőben
A teljes kép–ikon átalakítás az Ön eszközén fut. A forrásképét soha nem töltjük fel sehova.
Teljes ikoncsomag
favicon.ico, PNG méretek, Apple Touch Icon, PWA ikonok, site.webmanifest és HTML – egyetlen ZIP letöltésbe csomagolva.
Forma- és stílusvezérlés
Vágja, igazítsa vagy nyújtsa a forrást, majd állítsa be a margót, a sarok lekerekítést és a háttérszínt élő előnézettel.
Többméretű favicon.ico
Egy érvényes ICO fájl 16, 32 és 48 pixeles képkockákkal, így minden böngésző a megfelelő méretet választja.
Élő kis méretű előnézet
Tekintse meg a 16 és 32 pixeles faviconokat közzététel előtt, hogy tudja, a legkisebb méretek olvashatók maradnak.
Manifest és HTML kódrészlet
Előre konfigurált web manifest és beilleszthető link címkék – tegye őket a head-be, és kész.
Hol használják a kép–ikon kimenetet
Minden projekt, amely weboldalt, appot vagy PWA-t ad ki, ikonkészletre van szüksége. Íme, ki használja a kép–ikon csomagot.
Webfejlesztők
Dobja a generált fájlokat a public mappába, és illessze be a HTML kódrészletet.
- •Statikus oldalak és landing page-ek
- •Next.js, Astro és Vite projektek
- •Dokumentációs oldalak és blogok
Indie fejlesztők
Perceken belül készítse el a faviconokat és PWA ikonokat a mellékprojektjéhez.
- •MVP-k és termékindítások
- •Mellékprojektek és demók
- •Hackathon beadandók
Tervezők
Adjon át az ügyfeleknek egy teljes, helyesen elnevezett ikoncsomagot egyetlen logó exportból.
- •Ügyfélmárka átadások
- •Design rendszer átadás
- •Favicon proofok ellenőrzésre
Ügynökségek
Generáljon egységes ikonkészleteket több ügyféloldalon a munka újrapróbálása nélkül.
- •Többoldas bevezetések
- •White-label telepítések
- •Sablon és starter csomagok
PWA készítők
Szerezze be a 192 és 512 pixeles PNG-ket és a web manifestet, amely egy telepíthető PWA-hoz kell.
- •Telepíthető webappok
- •Offline-first PWA-k
- •Kezdőképernyős indítók
Nyílt forráskódú karbantartók
Egy lépésben adjon faviconokat és appikonokat egy repo public mappájához.
- •GitHub Pages oldalak
- •Dokumentációs és demó oldalak
- •Projekt landing page-ek
Mit mondanak az emberek
Fejlesztők, tervezők és indie készítők használják ezt a kép–ikon eszközt, hogy súrlódás nélkül tegyék közzé ikonjaikat.
“Régen hat PNG-t méreteztem át és kézzel írtam a manifestet, valahányszor projektet indítottam. Most bedobok egy logót, beállítom a margót, és a teljes kép–ikon csomag másodperceken belül kész. A 16px-es előnézet több mint egy zavaros favicontól mentett meg.”
Sofia Almeida
Frontend fejlesztő
“Az, hogy böngészőben fut, az egész oka, hogy használom. Az ügyféllogók nem kerülnek feltöltésre sehova, és mégis megkapom a favicon.ico-t, az Apple Touch Icont és a PWA ikonokat egyetlen ZIP-ben. Pontosan az, aminek egy favicon generátornak lennie kell.”
Jonas Weber
Indie készítő
“Most már ebből az eszközből adom át az ikoncsomagokat az ügyfeleknek. A vágó és igazító módok elegánsan kezelik a széles logókat, a lekerekített sarkok polírozottak, és a fájlnevek megfelelnek annak, amit a fejlesztők várnak. Ez a legtisztább kép–ikon munkafolyamat, amit találtam.”
Mei Tanaka
Márkatervező
Kép–ikon GYIK
Gyors válaszok a kép–ikon átalakítóról – mit csinál, hogyan működik, adatvédelem és árazás.
Töltsön fel egy képet, és kapja meg a teljes ikoncsomagot
favicon.ico, PNG méretek, Apple Touch Icon, PWA ikonok, manifest és HTML – egy letöltés, telepítésre kész. Örökre ingyenes, regisztráció nélkül.