Képek és betűtípusok beágyazása SVG-be
Adjon hozzá 1 SVG-t és az általa hivatkozott képeket (PNG, JPEG, WebP, GIF) vagy betűtípusokat (TTF, OTF, WOFF, WOFF2), és vonja össze őket 1 SVG-vé, hogy ne kelljen külön megosztani az erőforrásokat. Adjon meg erőforrást minden hivatkozáshoz, és hozza létre az SVG-t. Az előnézet sikeres megjelenítése után mentheti. A külső URL-eken lévő erőforrások nem töltődnek le automatikusan.
Mire használható
Képek és fontok összevonása
Ágyazza be a hozzáadott helyi eszközöket az SVG-be, hogy ne kelljen külön küldeni őket.
Hivatkozások és eszközök ellenőrzése
Adja meg az SVG-ben szereplő egyes képútvonalakhoz vagy fontnevekhez tartozó fájlt. Az SVG nem jön létre megoldatlan hivatkozásokkal.
Ellenőrizze a létrehozott SVG megjelenítését, és mentse
Ellenőrizze a képként való megjelenítést, és mentse az SVG-t a beágyazott eszközökkel. Az eredeti fájlok nem íródnak felül.
Hogyan használható
SVG és eszközök hozzáadása
Válasszon egy SVG-t, valamint az általa hivatkozott képeket és fontokat. Ezeket egy mappából együtt is hozzáadhatja.
A beágyazandó eszközök leképezése
Ellenőrizze az egyes hivatkozásokhoz használandó helyi fájlt. A nem automatikusan egyező hivatkozásoknál jelöljön ki valamit a már hozzáadott eszközök közül.
Az SVG létrehozása
Ha már nincs feloldatlan hivatkozás, nyomja meg az „SVG létrehozása képekkel és fontokkal” gombot.
Megjelenítés ellenőrzése és mentés
Mentés előtt ellenőrizze a szöveget és a képeket a létrehozott előnézetben. Ha nem jelenik meg, ellenőrizze az eredeti SVG-t és az eszközöket.
Hasznos ehhez
Az SVG és az eszközök együttes átadása
Egyesítse az egyetlen SVG-be egyszerűen átadható, külön mappákban lévő képekre és fontokra hivatkozó grafikát.
A hibás hivatkozások okának felderítése
Hasonlítsa össze a szükséges eszközöket a hozzáadott fájlokkal, majd jelölje meg a hiányzó képeket vagy fontokat.
Hogyan működnek a hivatkozások és a beágyazás
Relatív útvonalak és fájlillesztés
A hivatkozások automatikusan egyeznek, ha az SVG-hez képest relatív hivatkozási útvonal egyértelműen illeszkedik egy hozzáadott eszköz útvonalához. Ha azonos nevű fájlok eltérő mappákban vannak, vagy a jelöltek átfedik egymást, jelöljön ki kézzel.
Adja meg a fájlt minden egyes fontnévhez
Az eszköz nem keres ki a készülékén lévő fontokat az SVG-ben szereplő fontnevek alapján. Adja hozzá a szükséges fontfájlokat, és jelölje meg az illeszkedő fájlokat.
Az URL-eken lévő eszközöket nem töltjük le automatikusan
Még akkor is, ha külső URL-re hivatkozik, adja meg helyben a képeket vagy a fontokat. Ezen a képernyőn nincs URL-ről eszközt letöltő művelet.
A beágyazás nem azonos a fájlméret csökkentésével
A képadatok beágyazása az SVG-fájl méretét növelheti. A fontokat WOFF2 formátumba alakítjuk és beágyazzuk. Az SVG-kód optimalizálásához külön eszközt használjon.
Megjelenítési módonkénti eltérések
Az előnézet képként jeleníti meg az SVG-t. Nem minden alkalmazásban garantált ugyanaz a megjelenés, ezért a célnál szükséges megjelenítést is ellenőrizze.
Gyakori kérdések
Mit tegyek, ha egy eszközt nem sikerül megtalálni?
Adjon hozzá képeket vagy fontokat, majd adja meg őket a kiválasztási mezőben a megfelelő hivatkozáshoz. Az automatikus egyezés nem mindig működik, ha a mappák eltérnek, az útvonalak duplikáltak, vagy külső URL-ek szerepelnek.
Milyen eszközöket használhatok?
A képek lehetnek PNG, JPEG, WebP vagy GIF; a fontok lehetnek TTF, OTF, WOFF vagy WOFF2. Az SVG-ket egyenként adja meg.
Megtalálja-e automatikusan a fontokat?
Az eszköz nem keres rá csak a fontnév alapján a készülékén vagy a weben található fontokra. Adjon hozzá és jelöljön ki egy helyben elérhető fájlt.
Mi történik a már beágyazott eszközökkel?
A data URI-ként beágyazott képek és fontok, valamint az SVG-n belüli # hivatkozások nem számítanak külső hivatkozásnak. Ha nem marad feloldatlan hivatkozás, létrehozhatja az SVG-t.
Mi történik, amikor eszközöket adok hozzá vagy újra kijelölök?
Ha csak eszközöket ad hozzá, azok bekerülnek a listába, a korábban hozzárendelt eszközök megmaradnak. Ellenőrizze az automatikus egyezést, ha például több, azonos útvonalú jelölt válik elérhetővé. Ha új SVG-t ad meg, az a jelenlegi SVG-t és annak összes eszközét lecseréli.
Mi van, ha vannak nem támogatott hivatkozások?
Külső használatokra vagy parancsfájlokra hivatkozó hivatkozások nem ágyazhatók be. A külső CSS-t importáló SVG-k sem tölthetők be. Rendezze a hivatkozásokat az eredeti vagy más megfelelő alkalmazásban, mielőtt kijelöli az SVG-t.
Kisebb lesz az SVG?
A fájlméret csökkentése nem ennek az eszköznek a célja. Az eszközök beágyazása az SVG méretét növelheti. Ha tisztább kódot szeretne, használja az SVG-optimalizálást.
Mi van, ha a létrehozott SVG nem jeleníthető meg?
A mentés lehetőség addig nem jelenik meg ezen a képernyőn, amíg az SVG sikeresen meg nem jelenik. Ellenőrizze az eredeti SVG-t és az eszközöket, tekintse át a leképezéseket vagy a fájlokat, és hozza létre újra.
Bemenet és eredmény
- Bemenet
- 1 SVG, valamint képek és fontok. Fájlból vagy mappából adhat hozzá.
- Képek
- A hozzáadott képek eredeti adatai beágyazódnak. A képeket nem méretezzük át és nem tömörítjük.
- Fontok
- A leképezett fontokat WOFF2 formátumba alakítjuk és beágyazzuk.
- Kimenet
- original-name-embedded.svg. Mentés akkor lehetséges, ha a létrehozott SVG sikeresen megjelenik.