SVG to PNG Converter

Paano i-convert ang SVG sa PNG

1. I-drop ang isa o higit pang SVG file sa drop zone, o i-click ito para pumili. Puwede mo ring buksan ang O i-paste ang SVG code, i-paste ang markup, at i-click ang Idagdag ang SVG code.
2. Piliin ang Laki ng output: - Pinaparami ng Scale factor ang sariling laki ng SVG (ang 2 ay nagbibigay ng larawang dalawang beses ang lapad at dalawang beses ang taas); - Pinapanatili ng Lapad (sumusunod ang taas) o Taas (sumusunod ang lapad) ang mga proporsyon; - Pinipilit ng Eksaktong lapad at taas ang dalawang dimensyon; - Nire-render ng Resolution (DPI) ang mga pisikal na laki gaya ng 2in o 50mm sa napiling DPI.
3. Pumili ng Format: PNG, JPG o WebP. May Kalidad na slider din ang JPG at WebP.
4. Sa ilalim ng Background, panatilihing Transparent o piliin ang Kulay at itakda ang Kulay ng background.
5. I-click ang I-convert sa larawan. Bawat file ay may row na may preview, ang bago nitong laki sa pixel at isang Download na button. Sine-save ng I-download lahat ang mga file nang isa-isa; inilalagay sila ng I-download ang ZIP sa iisang archive.

Paano kinakalkula ang laki

Naglalarawan ang SVG ng mga hugis, hindi ng mga pixel, kaya maaari itong iguhit nang matalas sa anumang laki. Nagmumula sa mga attribute na width at height ng root na <svg> element ang “natural” nitong laki. Kapag wala ang mga iyon, ginagamit ng tool na ito ang viewBox (halimbawa, ang viewBox="0 0 24 24" ay nagbibigay ng 24 × 24), na siyang ginagawa ng mga browser. Kung wala rin ang SVG nito, babalik ito sa default ng browser na 300 × 150.

Kino-convert ang mga haba sa pisikal na unit gamit ang CSS na patakarang 96 pixel bawat pulgada: 1 in = 96 px, 1 cm ≈ 37.8 px, 1 pt = 1.33 px. Kaya 96 ang nakasulat sa DPI (96 = orihinal na laki): sa 300 DPI, ang icon na idineklarang width="1in" ay magiging 300 pixel ang lapad, na siyang inaasahan ng print shop.

Sa Eksaktong lapad at taas, ang drawing na iba ang proporsyon sa kahon ay inilalagay sa gitna na may letterbox, ayon sa sariling patakaran ng SVG na preserveAspectRatio; hindi ito kailanman iuunat maliban kung hinihingi ng file.

Hindi makakagawa ang mga browser ng canvas na mas malaki sa mga 16.7 milyong pixel (halimbawa 4096 × 4096). Kung humingi ka ng higit pa rito, pinaliliit ang laki sa pinakamalaking larawang kasya at sasabihin ng mensahe ang huling laki.

PNG, JPG o WebP?

• Lossless ang PNG at pinapanatili nito ang transparency: ang pinakamainam na pagpipilian para sa mga icon, logo at diagram.
• Walang transparency ang JPG, kaya pinupunan ng kulay ng background ang mga transparent na bahagi. Gamitin ito para sa malalaking ilustrasyon kung saan mas mahalaga ang laki ng file kaysa sa matatalas na gilid.
• Pinapanatili ng WebP ang transparency at kadalasang mas maliit kaysa sa PNG; ipinapakita ito ng bawat kasalukuyang browser.

Seguridad at mga limitasyon

Hindi kailanman isinisingit sa page ang iyong SVG. Iginuguhit ito mula sa pribadong blob address bilang payak na larawan, isang mode kung saan hindi nagpapatakbo ng script o nagloload ng anupaman ang mga browser. Dahil dito, hindi nilo-load ang mga panlabas na reference: binabalewala ang mga web font mula sa Google Fonts, mga larawang naka-link sa URL at mga panlabas na CSS file, kaya maaaring lumabas ang text sa default na font. Para mapanatili ang eksaktong itsura, gawing path ang text sa iyong editor o i-embed ang mga larawan bilang data URI bago mag-convert. Magagamit pa rin ang mga font na naka-install sa iyong computer.

Walang ina-upload: sa iyong browser nangyayari ang rendering at encoding.