Vložit obrázky a písma do SVG
Přidejte 1 SVG a obrázky (PNG, JPEG, WebP, GIF) nebo písma (TTF, OTF, WOFF, WOFF2), na která odkazuje, a slučte je do 1 SVG, abyste nemuseli sdílet položky zvlášť. Určete položku, kterou použít pro každou referenci, a vytvořte SVG. Uložit ho můžete, jakmile se náhled zobrazí úspěšně. Položky na externích URL se nenačítají automaticky.
Co můžete dělat
Sloučit obrázky a písma do jednoho souboru
Vložte přidaná místní aktiva do SVG, abyste nemuseli posílat aktiva samostatně.
Zkontrolovat odkazy a aktiva
Ke každé cestě obrázku nebo názvu písma v SVG zadejte odpovídající soubor. SVG nebude vytvořeno, dokud zůstanou nerozřešené odkazy.
Zkontrolovat zobrazení vytvořeného SVG a uložit
Zkontrolujte, jak se zobrazuje jako obrázek, a uložte SVG s vloženými aktivy. Původní soubory se nepřepíší.
Jak používat
Přidat SVG a aktiva
Vyberte jedno SVG a obrázky a písma, na která odkazuje. Můžete je přidat společně také ze složky.
Přiřadit aktiva, která se mají vložit
Zkontrolujte místní soubor, který se má pro každý odkaz použít. U odkazů, které se nespárují automaticky, vyberte z již přidaných aktiv.
Vytvořit SVG
Jakmile nezbývají žádné nerozřešené odkazy, stiskněte „Vytvořit SVG s obrázky a písmy“.
Zkontrolovat zobrazení a uložit
Před uložením zkontrolujte text a obrázky v náhledu. Pokud se nezobrazí, zkontrolujte původní SVG a aktiva.
Kdy je to užitečné
Předat SVG a aktiva společně
Sloučit grafiku, která odkazuje na obrázky a písma v samostatných složkách, do jednoho SVG, který lze snadno předat.
Zkontrolovat příčinu nefunkčních odkazů
Porovnat požadovaná aktiva s přidanými soubory a poté zadejte všechny chybějící obrázky nebo písma.
Jak fungují odkazy a vložení
Relativní cesty a párování souborů
Odkazy se spárují automaticky, když cesta odkazu relativní k SVG jednoznačně odpovídá cestě přidaného aktiva. Pokud jsou soubory se stejným názvem v různých složkách nebo se kandidáti překrývají, vyberte ručně.
Zadejte soubor pro každý název písma
Nástroj nevytahuje písma z vašeho zařízení pouze podle názvů písem v SVG. Přidejte potřebné soubory písem a zadejte odpovídající soubory.
Aktiva na URL se nenačítají automaticky
I když je uvedena externí URL, poskytněte obrázky nebo písma místně a zadejte je. Tato obrazovka nemá funkci načítání aktiv z URL.
Vložení je oddělené od zmenšení velikosti souboru
Vložení dat obrázku do SVG může zvětšit velikost samotného souboru SVG. Písma se převedou na WOFF2 a vloží. Kód SVG optimalizujte samostatným nástrojem.
Rozdíly podle způsobu zobrazení
Náhled zobrazuje SVG jako obrázek. Stejný vzhled není zaručen v každé aplikaci, proto zkontrolujte požadované zobrazení také v cíli.
Časté dotazy
Co mám dělat, když nelze najít aktivum?
Přidejte obrázky nebo písma a poté je zadejte do výběrového pole pro odpovídající odkaz. Automatické párování nemusí fungovat u různých složek, duplicitních cest nebo externích URL.
Která aktiva mohu použít?
Obrázky mohou být PNG, JPEG, WebP nebo GIF; písma mohou být TTF, OTF, WOFF nebo WOFF2. SVG zadávejte jednotlivě.
Najde písma automaticky?
Nástroj na základě pouze názvu písma nevyhledává písma ve vašem zařízení ani na webu. Přidejte a vyberte soubor, který máte místně.
Co se stane s aktivy, která jsou již vložená?
Obrázky a písma vložené jako data URI a odkazy na # uvnitř SVG se nepočítají jako externí odkazy. Pokud nezůstanou žádné nedetekované odkazy, můžete SVG vytvořit.
Co se stane, když aktiva přidám nebo znovu vyberu?
Pokud přidáte pouze aktiva, přidají se do seznamu a dříve přiřazená aktiva zůstanou zachována. Zkontrolujte automatické párování, pokud se například objeví více kandidátů se stejnou cestou. Vstup, který obsahuje nové SVG, nahradí aktuální SVG i všechna jeho aktiva.
Co když jsou odkazy nepodporované?
Externí použití ani odkazy na skripty nelze vložit. SVG, které obsahuje importy externího CSS, také nelze načíst. Odkazy uspořádejte v původní aplikaci nebo v jiné vhodné aplikaci a teprve poté vyberte SVG.
Bude SVG menší?
Zmenšení velikosti souboru není účelem tohoto nástroje. Vložení aktiv do SVG může jeho velikost zvětšit. Chcete-li uklízit kód, použijte optimalizaci SVG.
Co když se vytvořené SVG nezobrazí?
Možnost uložení se na této obrazovce nezobrazí, dokud se SVG nepodaří zobrazit. Zkontrolujte původní SVG a aktiva, zkontrolujte mapování nebo soubory a vytvořte jej znovu.
Vstup a výsledky
- Vstup
- 1 SVG plus obrázky a písma. Přidejte ze souborů nebo složek.
- Obrázky
- Původní data přidaných obrázků se vloží. Obrázky se nezmenšují ani nekomprimují.
- Písma
- Přiřazená písma se převedou na WOFF2 a vloží.
- Výstup
- original-name-embedded.svg. Uložit můžete po úspěšném zobrazení vytvořeného SVG.