SVG–PNG konvertáló

Hogyan konvertálj SVG-t PNG-be

1. Húzz egy vagy több SVG fájlt a megjelölt területre, vagy kattints rá, és válaszd ki őket. Megnyithatod a Vagy illeszd be az SVG-kódot részt is, beillesztheted a kódot, és kattinthatsz az SVG-kód hozzáadása gombra.
2. Válaszd ki a Kimeneti méret módját: - A Skálázási tényező az SVG saját méretét szorozza (a 2 kétszer olyan széles és kétszer olyan magas képet ad); - a Szélesség (a magasság követi) vagy a Magasság (a szélesség követi) megtartja az arányokat; - a Pontos szélesség és magasság mindkét méretet kényszeríti; - a Felbontás (DPI) a fizikai méreteket, például a 2in vagy 50mm értéket a választott DPI-vel jeleníti meg.
3. Válassz Formátumot: PNG, JPG vagy WebP. A JPG és a WebP esetén Minőség csúszka is van.
4. A Háttér alatt hagyd az Átlátszó lehetőséget, vagy válaszd a Szín lehetőséget, és állítsd be a Háttérszínt.
5. Kattints a Konvertálás képpé gombra. Minden fájl kap egy sort előnézettel, az új képpontmérettel és egy Letöltés gombbal. Az Összes letöltése egyenként menti a fájlokat; a ZIP letöltése egyetlen archívumba teszi őket.

Hogyan számítódik ki a méret

Az SVG alakzatokat ír le, nem képpontokat, ezért bármekkora méretben élesen megrajzolható. A „természetes” mérete a gyökér <svg> elem width és height attribútumából jön. Ha ezek hiányoznak, az eszköz a viewBox értéket használja (például a viewBox="0 0 24 24" 24 × 24-et ad), ahogy a böngészők is. Ha az SVG-nek egyik sincs, a böngésző 300 × 150-es alapértelmezésére tér vissza.

A fizikai mértékegységű hosszakat a CSS 96 képpont/hüvelyk szabályával számítja át: 1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1,33 px. Ezért áll a DPI (96 = eredeti méret) mezőnél a 96: 300 DPI-nél egy width="1in" értékkel deklarált ikon 300 képpont széles lesz, amit a nyomda elvár.

A Pontos szélesség és magasság esetén a keret arányaitól eltérő arányú rajz középre kerül és a keretben marad, az SVG saját preserveAspectRatio szabályát követve; soha nem nyúlik meg, hacsak a fájl ezt nem kéri.

A böngészők nem tudnak körülbelül 16,7 millió képpontnál nagyobb vásznat létrehozni (például 4096 × 4096). Ha ennél többet kérsz, a méret a legnagyobb belefér képre csökken, és egy üzenet megmondja a végső méretet.

PNG, JPG vagy WebP?

• A PNG veszteségmentes és megőrzi az átlátszóságot: ikonokhoz, logókhoz és diagramokhoz a legjobb választás.
• A JPG-nek nincs átlátszósága, ezért az átlátszó területeket a háttérszínnel tölti ki. Nagy illusztrációkhoz használd, ahol a fájlméret fontosabb az éles széleknél.
• A WebP megőrzi az átlátszóságot, és általában kisebb a PNG-nél; minden mai böngésző megjeleníti.

Biztonság és korlátok

Az SVG-d soha nem kerül be az oldalba. Privát blob-címről, egyszerű képként rajzolja meg, ebben a módban a böngészők nem futtatnak szkripteket, és nem töltenek be semmi mást. Ennek következtében a külső hivatkozások nem töltődnek be: a Google Fontsból származó webes betűtípusok, az URL-lel hivatkozott képek és a külső CSS-fájlok figyelmen kívül maradnak, ezért a szöveg alapértelmezett betűtípussal jelenhet meg. A pontos megjelenés megtartásához konvertáld a szöveget útvonallá a szerkesztődben, vagy ágyazd be a képeket data URI-ként a konvertálás előtt. A számítógépeden telepített betűtípusok továbbra is használhatók.

Semmi nem kerül feltöltésre: a megjelenítés és a kódolás a böngésződben történik.