SVG í PNG

Hvernig umbreytir þú SVG í PNG

1. Slepptu einni SVG-skrá eða fleirum á svæðið eða smelltu á það til að velja þær. Þú getur líka opnað Eða límdu SVG-kóða, límt kóðann inn og smellt á Bæta við SVG-kóða.
2. Veldu Úttaksstærð: - Stærðarstuðull margfaldar eigin stærð SVG-skrárinnar (2 gefur mynd sem er tvöfalt breiðari og tvöfalt hærri); - Breidd (hæð fylgir) eða Hæð (breidd fylgir) heldur hlutföllunum; - Nákvæm breidd og hæð þvingar fram báðar víddir; - Upplausn (DPI) teiknar efnisleg mál eins og 2in eða 50mm í valinni DPI.
3. Veldu Snið: PNG, JPG eða WebP. JPG og WebP hafa einnig sleðann Gæði.
4. Undir Bakgrunnur skaltu halda Gegnsær eða velja Litur og stilla Bakgrunnslitur.
5. Smelltu á Umbreyta í mynd. Hver skrá fær línu með forskoðun, nýrri stærð í deplum og Sækja hnapp. Sækja allt vistar skrárnar eina og eina; Sækja ZIP setur þær í eitt safn.

Hvernig stærðin er reiknuð

SVG lýsir formum, ekki deplum, þannig að hægt er að teikna hana skarpt í hvaða stærð sem er. „Náttúruleg“ stærð hennar kemur úr eigindunum width og height á rótarþættinum <svg>. Þegar þau vantar notar þetta verkfæri viewBox (til dæmis gefur viewBox="0 0 24 24" 24 × 24), sem er það sem vafrar gera. Ef SVG hefur hvorugt er sjálfgefin stærð vafrans 300 × 150 notuð.

Lengdum í efnislegum einingum er umbreytt samkvæmt CSS-reglunni 96 deplar á tommu: 1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1,33 px. Þess vegna stendur DPI (96 = upprunaleg stærð) 96: við 300 DPI verður táknmynd sem er skilgreind sem width="1in" 300 deplar á breidd, sem er það sem prentsmiðja býst við.

Með Nákvæm breidd og hæð er teikning með önnur hlutföll en rammann miðjuð og sett inn með rönd, samkvæmt eigin preserveAspectRatio-reglu SVG-skrárinnar; hún er aldrei teygð nema skráin biðji um það.

Vafrar geta ekki búið til striga stærri en um 16,7 milljónir depla (til dæmis 4096 × 4096). Ef þú biður um meira er stærðin minnkuð í stærstu mynd sem kemst fyrir og skilaboð segja þér lokastærðina.

PNG, JPG eða WebP?

• PNG er taplaust og heldur gegnsæi: besti kosturinn fyrir táknmyndir, lógó og skýringarmyndir.
• JPG hefur ekkert gegnsæi, þannig að gegnsæ svæði eru fyllt með bakgrunnslitnum. Notaðu það fyrir stórar myndskreytingar þar sem skráarstærð skiptir meira máli en skarpar brúnir.
• WebP heldur gegnsæi og er yfirleitt minna en PNG; allir núverandi vafrar birta það.

Öryggi og takmarkanir

SVG-skránni þinni er aldrei bætt inn í síðuna. Hún er teiknuð frá einkaslóð blob sem venjuleg mynd, ham þar sem vafrar keyra ekki skriftur eða hlaða neinu öðru. Þar af leiðandi eru ytri tilvísanir ekki hlaðnar: vefletur frá Google Fonts, myndir sem vísað er í með slóð og ytri CSS-skrár eru hunsuð, þannig að texti getur birst í sjálfgefnu letri. Til að halda nákvæmu útliti skaltu umbreyta texta í ferla í ritlinum þínum eða fella myndir inn sem gagnaslóðir áður en þú umbreytir. Letur sem eru uppsett á tölvunni þinni má enn nota.

Engu er hlaðið upp: teikning og kóðun gerast í vafranum þínum.