SVGtoPNG
Live

Професионален конвертор от SVG към PNG

Конвертирайте SVG в PNG моментално и безплатно. Насладете се на 100% поверителност: вашите файлове се обработват локално и никога не напускат вашето устройство. Изведете дизайна си на следващото ниво с нашите пет персонализирани множителя на преобразуване (1x, 2x, 3x, 4x и 8x), предназначени да разширяват, оптимизират и подобряват остротата на всяко изображение според вашите точни изисквания.

Плъзнете и пуснете вашия SVG файл тук или преглед

Поддържа чист векторен SVG код (Scalable Vector Graphics)

Практическо ръководство за конвертиране на SVG в PNG

Доброто експортиране започва от мястото, където ще се използва изображението. Това ръководство обяснява как да изберете мащаб, да подготвите своя SVG файл и да проверите PNG файла, преди да го използвате.

1. Започнете с дестинацията

Преди да конвертирате, проверете пикселните размери, изисквани от уебсайта, документа, имейл системата или приложението за дизайн, което ще получи изображението. Този инструмент мащабира рендираните размери на SVG чрез избран множител; той не предоставя полета за потребителска ширина и височина. Ако дадена платформа изисква ширина от 1200 пиксела, сравнете тази цел с показаната ширина на SVG и изберете множител, който се доближава, без да създава излишно голям файл.

2. Разберете факторите за мащабиране

Изборите са 1x, 2x, 3x, 4x и 8x. Множителят засяга както ширината, така и височината: източник с размери 200 × 100, рендиран при 2x, става 400 × 200 пиксела. Броят на пикселите нараства с квадрата на множителя, така че 8x произвежда 64 пъти повече пиксели от 1x. По-големият изход може да използва значително повече памет и може да не изглежда по-добре, когато оригиналната графика или целевият дисплей не се нуждаят от това.

3. Изберете фактор за дисплеи

За стандартна интерфейсна графика 1x или 2x често е практична отправна точка; 2x може да помогне на дисплеи с висока плътност, когато целевото оформление мащабира изображението надолу. Изберете 3x или 4x само когато дизайнът се нуждае от допълнителните пикселни размери. Използвайте 8x избирателно, защото много големи платна може да отнемат повече време за рендиране или да надвишат ограниченията на браузъра.

4. Решете дали фонът трябва да е прозрачен

Изберете Прозрачен, когато PNG файлът трябва да се намира над цветна страница, презентация или друго изображение. Изберете Бял, когато дестинацията очаква бял правоъгълник или когато плътният фон улеснява инспектирането на графиката. PNG поддържа прозрачност, но целевото приложение може да покаже прозрачни пиксели върху шахматна дъска или да ги сплеска, когато вмъкнете изображението.

5. Подгответе SVG преди експортиране

Отворете източника във векторен редактор и проверете дали той има разумен viewBox и видима графика в този viewBox. Преобразувайте или вградете шрифтове, ако дизайнът трябва да изглежда идентично на устройства, на които липсват тези шрифтове. Поддържайте свързаните изображения и външните ресурси достъпни; този браузърен конвертор може да не рендира отдалечени шрифтове, свързани изображения, скриптове или други външни зависимости от SVG файл.

6. Конвертирайте и инспектирайте прегледа

Изберете един SVG файл, изберете мащаб и фон, след което го конвертирайте. Проверете дали цялата рисунка е видима, дали текстът и фините линии остават четими и дали прегледът има очаквания фон. Ако резултатът е изрязан, проверете SVG viewBox и размерите в оригиналния файл. Конверторът обработва по един файл наведнъж и предлага изтегляне на PNG за този файл.

7. Проверете пикселите и размера на файла

Използвайте PNG файла в предвидения контекст и го инспектирайте в размера, в който реално ще се покаже. Големият пикселен размер не подобрява автоматично малка икона на екрана. Ако PNG файлът е твърде голям, върнете се към SVG и експортирайте с по-нисък фактор. Ако изглежда мек, потвърдете, че дестинацията не увеличава малко растърно изображение след конвертирането.

8. Запазете редактируемия източник

Запазете оригиналния SVG заедно с PNG файла. SVG запазва векторните пътища и обикновено е по-добър за последващи редакции, оцветяване и промяна на размера. PNG е удобно копие с фиксиран размер за дестинации, които се нуждаят от растърни изображения. Запазването на двете ви позволява да създадете друг PNG в различен размер, без да мащабирате многократно вече растрирано изображение.

Кога трябва да конвертирате SVG в PNG?

Конвертирането е полезно, когато дадена дестинация се нуждае от пиксели вместо от вектори. Запазете SVG формата, когато дестинацията го поддържа и имате нужда от мащабируема, редактируема графика.

Услуга приема PNG, но отказва SVG

Някои формуляри за качване, системи за съдържание и инструменти за профилни изображения приема само обичайни растърни формати. PNG предоставя на тези услуги изображение с фиксиран размер, като същевременно запазва чисти ръбове, когато се експортира в подходящи размери.

Имейл или офисен документ рендира SVG неконсистентно

Имейл клиентите и офис приложенията не обработват вградения SVG по един и същ начин. PNG може да направи логото или диаграмата по-предсказуеми в такива контексти. Запазете оригиналния SVG, за да можете да актуализирате графиката по-късно.

Нуждаете се от моментна снимка в определен пикселен мащаб

PNG е полезен, когато предаването изисква познат растърен ресурс. Изберете мащаб въз основа на рендирания размер на SVG и спецификацията за получаване, след което проверете получените размери в програма за преглед на изображения.

Работен процес изисква качване на растер

Някои формуляри, по-стари редактори и тръбопроводи за обработка на изображения приемат PNG, но не и векторни файлове. Конвертирайте копие за този работен процес; не заменяйте изходния вектор, ако вероятността за бъдещи редакции е голяма.

Нуждаете се от прозрачност в растърна графика

PNG може да запази прозрачни пиксели, което помага при поставянето на лого или икона върху различни фонове. Изберете опцията за прозрачност и потвърдете, че дестинацията запазва алфа прозрачността.

Подготвяте ресурс за печат

Конвертирайте само след проверка на пикселките размери или разделителната способност, изисквани от принтера. Този инструмент предлага множители на мащаба вместо контроли за DPI, а по-големият PNG не може да възстанови липсващи детайли в SVG или да направи източник с ниска разделителна способност по-прецизен.

Технически основи: Какво се случва по време на конвертирането

Знанието как векторната геометрия се превръща в пикселно изображение помага да се обяснят изходният размер, прозрачността, съвместимостта и често срещаните разлики при рендирането.

SVG описва форми; PNG съхранява пиксели

SVG е базиран на XML векторен формат, който описва пътища, форми, текст и други инструкции за рисуване. PNG съхранява правоъгълна мрежа от пиксели. Растрирането на SVG означава рисуване на тези векторни инструкции върху пикселна мрежа в избран размер; след експортиране увеличаването на PNG може да разкрие пиксели, които не са били видими във векторния източник.

Viewbox и viewport дефинират областта за рисуване

SVG viewBox картографира координатна система към показващ се viewport. Ако viewBox липсва, е невалиден или е по-голям от графиката, изображението може да има неочаквани празни пространства или изрязване. Инспектирайте размерите на SVG и viewBox в изходния редактор, когато рамкирането на прегледа е погрешно.

Мащабът умножава всяко измерение

Ако браузърът рендира източник с размери W по H пиксела и избраният фактор е S, целевото платно е W × S по H × S. Полученият брой пиксели е W × H × S². Ето защо високите множители могат да използват съществено повече памет и защо 8x трябва да се избира само когато дестинацията се нуждае от допълнителните пиксели.

Рендирането на платното се извършва от браузъра

Страницата чете избрания SVG файл в браузъра, създава изображение от неговото съдържание, рисува това изображение върху HTML платно и експортира платното като PNG. Поведението при рендиране и максималните размери на платното варират в различните браузъри и устройства. Много големи или сложни SVG файлове може да отнемат повече време или да се провалят при рендирането.

Прозрачността се съхранява в алфа канала на PNG

Когато е избран Прозрачен, платното се изчиства преди рисуване. Изходният PNG може да запази прозрачността на пиксел чрез своя алфа канал. Когато е избран Бял, конверторът първо рисува бял правоъгълник, така че прозрачните области в източника да станат бели в експортираното изображение.

PNG компресията е без загуба, но изходът все пак може да се различава

PNG използва компресия без загуба за пикселите, които получава; това не означава, че рендирането от вектор към пиксел е идентично във всяка среда. Антиалиасингът, управлението на цветовете, шрифтовете, филтрите и рендирането в браузъра могат да повлияят на пикселите, произведени по време на растрирането.

Шрифтовете, филтрите и свързаните ресурси влияят на рендирането

SVG може да препраща към шрифтове или изображения, които не са вградени във файла. Той може също да използва филтри или функции, които браузърите имплементират по различен начин. За надеждно експортиране вградете или преобразувайте в пътища важните шрифтове, включете необходимите изображения и сравнете прегледа в браузъра с източника във векторен редактор.

Ограниченията на браузъра и сигурността на SVG са важни

Паметта на платното нараства с броя на изходните пиксели, така че големите множители могат да изчерпят наличната памет. Конвертирайте само SVG файлове, на които имате доверие. Този инструмент не качва избрания източник на сървър за конвертиране, но това твърдение не одитира самия SVG нито гарантира, че всяка вградена външна препратка е инертна. Избягвайте недоверени файлове и премахвайте ненужни скриптове или отдалечени препратки във векторен редактор преди конвертирането.

Технически често задавани въпроси · 1–5

Този конвертор променя ли SVG файла?

Не. Той чете избрания SVG в браузъра и създава отделно изтегляне на PNG. Вашият оригинален файл остава на вашето устройство; пазете го като редактируем главен файл.

Как да изчисля изходните размери?

Умножете рендираната от браузъра ширина и височина по избрания фактор. Например 240 × 120 при 2x става 480 × 240 пиксела. Ако SVG има необичаен размер или viewBox, проверете прегледа и инспектирайте размерите на изтегления PNG.

8x винаги ли дава по-добро качество?

Не. Той създава повече пиксели, а не повече векторни детайли. Може да помогне, когато се изисква по-голям растер, но също така увеличава броя на пикселите до 64 пъти спрямо 1x и може да консумира много повече памет. Изберете най-малкия фактор, който отговаря на действителния целеви размер.

Защо PNG има празни полета или изрязана графика?

SVG viewBox или viewport може да съдържа излишно пространство или да отрязва части от рисунката. Отворете източника във векторен редактор, коригирайте страницата или viewBox, за да паснат на графиката, запазете копие и конвертирайте това копие отново.

Защо текстът ми изглежда различно след конвертирането?

В браузъра може да липсва шрифтът, използван от SVG, или файлът може да препраща към шрифт, който не е вграден. Вградете шрифта или преобразувайте текста в пътища във векторен редактор, когато ви е позволено да променяте източника, след което сравнете резултата.

Технически често задавани въпроси · 6–10

Защо липсва свързано изображение или филтър?

SVG може да зависи от външно изображение, шрифт, филтър или функция, която не е налична или се обработва по различен начин от браузъра. Вградете необходимите изображения и шрифтове, където е възможно, опростете неподдържаните ефекти и тествайте SVG в браузър преди конвертирането.

Мога ли да направя фона прозрачен?

Да. Изберете Прозрачен преди конвертиране. Инструментът изчиства платното преди рисуване. Проверете изтегления PNG в редактор, който показва прозрачност; някои програми за преглед показват прозрачни пиксели върху бяло, което може да ги направи да изглеждат плътни.

Мога ли да въведа точна ширина, височина или DPI?

Тази версия предлага множители от 1x, 2x, 3x, 4x и 8x. Тя не предоставя независими полета за ширина и височина нито настройка на DPI. Ако се нуждаете от точни размери, използвайте най-близкия множител и преоразмерете копие в графичен редактор.

Мога ли да конвертирам множество SVG файлове едновременно?

Текущият интерфейс избира и конвертира един SVG файл на операция. Конвертирайте всеки файл поотделно и проверете изхода му, преди да преминете към следващия; пакетната обработка и изтеглянията в ZIP не се предлагат тук.

Какви файлове се приемат?

Контролът за качване е насочен към SVG файлове. Ако даден файл бъде отхвърлен или рендирането му се провали, потвърдете, че това е валиден SVG и че се отваря в актуален браузър или векторен редактор. Този инструмент не е общ конвертор на формати за изображения.

Технически често задавани въпроси · 11–15

Моите SVG файлове качват ли се на вашия сървър?

Кодът за конвертиране чете избрания файл в браузъра и не изпраща изходния файл към API за конвертиране. Това не гарантира, че SVG не съдържа външни връзки; избягвайте недоверени файлове и прегледайте техните препратки, преди да ги отворите.

Защо конвертирането се проваля за много голям файл?

Браузърът трябва да разпредели платно за всеки изходен пиксел. Голям източник, комбиниран с висок множител, може да надвиши паметта на устройството или ограниченията на платното на браузъра. Опитайте с по-нисък фактор, опростете SVG или го експортирайте с помощта на графично приложение, което поддържа по-големи платна.

Ще изглежда ли PNG отчетлив при печат?

Това зависи от физическия размер на печата и изискваната разделителна способност. Този инструмент мащабира пикселните размери, но не задава DPI за печат. Попитайте печатницата за необходимите пикселни размери или разделителна способност, след което проверете дали генерираният PNG отговаря на тези изисквания.

Защо цветовете или ръбовете варират между браузърите?

Браузърите могат да се различават по наличност на шрифтове, антиалиасинг, управление на цветовете и поддръжка на SVG функции. Използвайте вграден или преобразуван в пътища текст, стандартни SVG функции и същия браузър за повтарящи се експортации, когато последователността е важна.

Какво трябва да направя, ако прегледът е празен?

Потвърдете, че файлът съдържа видима графика, има валиден SVG маркуп и използва viewBox и размери, които обхващат рисунката. Премахнете неподдържаните външни зависимости, тествайте файла в браузър и опитайте отново при 1x, преди да увеличите мащаба.