UltKit

Převodník SVG do JPG

Vykreslete SVG jako JPG přesně v šířce, kterou potřebujete, od obrázku 1200 px pro sociální sítě po tisk A4 v šířce 2480 px. Průhledná místa se vyplní bílou nebo libovolnou barvou, kterou si zvolíte.

Převodník obrázků

nebo sem přetáhněte soubory JPG, JPEG, JPE … ·

Max. 95 MB na soubor· Až 20 souborů· Smazáno po 30 minutách

Výstup

Soubory se zpracovávají na našich serverech a po 30 minutách se smažou.

Jak nástroj používat

  1. 1

    Nahrajte SVG

    Přidejte soubory .svg exportované z Illustratoru, Inkscapu, Figmy nebo z webu. Až 20 souborů najednou, každý do 95 MB.

  2. 2

    Nastavte šířku a pozadí

    Šířka je v části Změnit velikost výstupního obrázku nastavena na 2000 px; výška se řídí proporcemi kresby. Průhledné oblasti jsou bílé, případně zvolte černou nebo vlastní barvu.

  3. 3

    Převeďte a stáhněte

    Klikněte na Převést na JPG a uložte soubory nebo ZIP. Vše, co jste nahráli, se po 30 minutách smaže.

SVG nemá žádnou velikost, dokud ho něco nevykreslí. Převod do JPG znamená zvolit tuto velikost v pixelech, zvolit, čím se vyplní průhledné oblasti, a smířit se s tím, že výsledkem je pevný obrázek, nikoli škálovatelná kresba.

Převodník SVG do JPG: rastrování ve velikosti, kterou zvolíte

SVG se stalo doporučením W3C v roce 2001. Popisuje tvary, cesty a text jako instrukce, a proto zůstává logo ostré při jakémkoli přiblížení. Většina míst, kam obrázky nahráváte, je však stavěna pro fotky. Facebook, Instagram a LinkedIn nahrávání SVG nepřijímají, mnoho šablon prezentací a dokumentů ho odmítá a tiskové portály žádají JPG nebo PDF. Tyto systémy potřebují pixely.

Tento převodník vykreslí vektor v šířce nastavené v části Změnit velikost výstupního obrázku a výšku drží v poměru k viewBoxu kresby. Protože se tvary kreslí znovu v dané šířce, a nejsou natažené z malé bitmapy, je export 4000 px stejně ostrý jako 400 px. Zvolte velikost, kterou cíl zobrazuje, nebo tiskovou velikost při 300 DPI, a nechte okraj pro platformy, které ořezávají. Pro kresbu, která má zůstat průhledná, je lepším cílem SVG do PNG.

40:21

1200 × 630 px

Náhled odkazu (Open Graph)

Doporučená velikost sdíleného obrázku na Facebooku

16:9

1280 × 720 px

Miniatura na YouTube

16:9, šířka alespoň 640 px

1:1

1080 × 1080 px

Čtvercový příspěvek na Instagramu

Větší nahrávané obrázky se zmenší na tuto šířku

620:877

2480 × 3508 px

Stránka A4 při 300 DPI

Plakáty a letáky posílané do tiskárny

SVG

Scalable Vector Graphics

SVG je vektorový formát založený na XML, který W3C standardizovalo v roce 2001. Místo pixelů popisuje tvary, křivky a text, takže zůstává ostrý v libovolné velikosti a u log a ikon bývá drobný. Podporuje průhlednost, stylování pomocí CSS, skriptování a animace a každý prohlížeč ho zobrazí nativně. Pro fotografie SVG nevyhovuje a složité ilustrace se mohou vykreslovat pomalu. Otevřou a upraví ho Illustrator, Inkscape, Figma i prohlížeče.

Komprese
–
Průhlednost
Ano
Animace
Ano
Představeno
2001 · W3C
Převodník SVG

JPG

Obrázek JPEG

JPEG (nebo JPG) je nejrozšířenější formát fotografií, který v roce 1992 standardizovala skupina Joint Photographic Experts Group. Používá ztrátovou kompresi, která zahazuje jemné detaily, jichž si oko málokdy všimne, takže fotky zůstávají dost malé pro web, e‑mail i paměť telefonu. Dobře zvládá plynulé přechody a přírodní scény, ale ostrý text, perokresba a plné barevné plochy získávají viditelné blokové nebo rozmazané artefakty. JPEG nemá průhlednost ani animaci a každé opětovné uložení ubere další kousek kvality. Otevře ho každý prohlížeč, telefon, fotoaparát i obrazový editor.

Komprese
Ztrátová
Průhlednost
Ne
Animace
Ne
Představeno
1992 · Joint Photographic Experts Group
Převodník JPG

SVG do JPG se hodí tam, kde se přijímají fotky, ale ne vektorové soubory, například u příspěvků na sociálních sítích, miniatur, šablon prezentací a tiskových portálů, kde se očekává plochý obrázek s jednobarevným pozadím; vektorizace JPG zpět do SVG je úplně jiná úloha.

Převést SVG do JPG s bílým pozadím

JPG nemůže být průhledný

Každý průhledný pixel SVG dostane v JPG plnou barvu. Výchozí je bílá, která se hodí pro dokumenty a většinu příspěvků na sociálních sítích. Na tmavém snímku prezentace nebo barevném banneru zvolte v části Průhledné oblasti možnost Černá nebo Vlastní barva, aby logo nebylo v bílém rámečku.

Fonty, propojené obrázky a barvy před převodem

JPG mohou změnit tři věci uvnitř SVG. Text odkazující na font názvem závisí na dostupnosti tohoto fontu, proto jej nejdřív převeďte na křivky. Obrázky odkazované z jiné webové adresy se při převodu nemusí načíst; vložte je přímo do SVG nebo je nahraďte. A CSS z webové stránky, odkud SVG pochází, se souborem necestuje, takže ikona, která na webu vypadala modře, se může samostatně vykreslit černě.

Barvy se zapisují v sRGB, což je prostor, který SVG používá ve výchozím stavu, takže obrazovky a aplikace sociálních sítí zobrazí stejné barvy, jaké jste navrhli. Pro tisk zapíše Údaj DPI v části Pokročilá nastavení do souboru hodnotu 300 DPI bez změny pixelů, což některé tiskové portály kontrolují. Pokud cílem je web, který přijímá moderní formáty, dá SVG do WebP při stejné šířce mnohem menší soubor než JPG.

Otázky k převodu SVG do JPG

Proč některé převodníky dají mému SVG černé pozadí?

Průhledné pixely mají stále hodnotu barvy, obvykle černou, a převodník, který zahodí alfa kanál bez vyplnění, tuto černou zobrazí. Zde se průhledné oblasti vyplní barvou nastavenou v části Průhledné oblasti, ve výchozím stavu bílou.

Kolik pixelů potřebuje SVG pro tisk na A4?

Při 300 DPI má stránka A4 2480 × 3508 px a US Letter 2550 × 3300 px. Nastavte Nastavit šířku na 2480 nebo 2550 a výška se přizpůsobí kresbě; vektor se vykreslí přímo v této velikosti, takže hrany zůstanou ostré.

Může mít pozadí barvu mé značky místo bílé?

Ano. V části Pokročilá nastavení nastavte Průhledné oblasti na Vlastní barva a zadejte hexadecimální hodnotu, například #0B3D91. Barva vyplní každý průhledný pixel, včetně mezer uvnitř písmen.

Proč tenké čáry v JPG vypadají mírně rozmazaně?

Komprese JPG pracuje v blocích 8 × 8 pixelů a vedle ostrých hran zanechává slabé vlnění, které je nejvíce vidět na linkových kresbách. Zvyšte Kvalita na 95, převádějte ve větší šířce, nebo použijte PNG, pokud je kresba tvořena hlavně čarami a plnými barvami.

Moje SVG používá vlastní font. Co mám udělat před převodem?

Nejprve převeďte text na křivky: v Inkscapu Objekt na cestu, v Illustratoru Vytvořit obrysy, ve Figmě Outline stroke a flatten. SVG, které pouze uvádí název fontu, spoléhá na jeho instalaci a náhradní font změní vzhled.