Фрее Цонвертер

СВГ у ПНГ Цонвертер

Претворите векторске СВГ датотеке у висококвалитетне растерске ПНГ слике. Лако прилагодите излазну скалу и боју позадине у свом претраживачу.

Превуците и отпустите СВГ овде

Подржава до 50МБ

Ор

О овом алату

СВГ (Скалабилна векторска графика) описује слике као скуп геометријских примитива — путања, облика, текста, градијената — који се прилагођавају било којој величини без губитка квалитета. ПНГ чува једну правоугаону мрежу пиксела у фиксној резолуцији. Конвертовање СВГ-а у ПНГ је корак растеризације: СВГ упутства за цртање се процењују у одабраној величини пиксела и резултујућа битмапа се кодира као ПНГ. Излаз изгледа јасно у величини коју сте навели, али пикселизира ако се повећа.

Овај конвертор приказује СВГ користећи уграђени СВГ механизам претраживача. СВГ се учитава у елемент слике, црта на ХТМЛ5 платну на изабраним излазним димензијама и извози као ПНГ преко цанвас.тоБлоб. Пошто прегледач ради растеризацију, сложене СВГ функције — градијенти, филтери, маске, анимације као статички оквир — приказују на исти начин као на стварној веб страници.

Најважнија одлука у СВГ-у-ПНГ конверзији је циљна величина. СВГ је независан од резолуције, тако да одабиром ПНГ величине која одговара стварној употреби избегава се прекомерно обезбеђивање (огромни фајлови за иконе величине сличице) и недовољно обезбеђивање (мутан излаз када се касније повећа). Уобичајени циљеви: 32×32 или 64×64 за иконе, 256×256 или 512×512 за логотипе, 1024×1024 за графику хероја, 2048×2048 за материјале квалитета мрежњаче.

Зашто претворити СВГ у ПНГ

СВГ је одличан за веб и модерне алате за дизајн, али ужасан за многе друге контексте. Клијенти е-поште недоследно приказују СВГ; неки га блокирају као безбедносни ризик. Старији канцеларијски софтвер, одређени ЦМС-ови, услуге трећих страна и скоро сви канали за штампање фотографија уопште не прихватају СВГ. Конвертовањем у ПНГ добија се универзално прихваћен растер који изгледа идентично у одабраној величини.

ПНГ се такође поуздано уграђује у канцеларијске документе, слајдове и ПДФ-ове без зависности од СВГ рендерера примаоца. За логотипе и графику који се морају доследно појављивати на многим платформама, ПНГ је сигурнији избор — иако губи независност од резолуције која СВГ пре свега чини атрактивним.

Како користити

Изаберите своју циљну величину, рендерујте. Прегледач врши растеризацију.

  1. Отпремите СВГ датотеку: Превуците СВГ у област за отпремање или кликните да бисте прегледали. Подржане су датотеке до 50 МБ, иако су типични СВГ-ови знатно мањи од 1 МБ. Самостални СВГ-ови раде најбоље; СВГ-ови који упућују на екстерне слике преко клинк:хреф на удаљене УРЛ адресе могу бити непотпуни.
  2. Изаберите излазну величину: Подразумеване су природне димензије виевБок-а СВГ-а, али можете заменити било коју величину пиксела. Изаберите величину која одговара вашој стварној употреби — избегавајте да правите 4К ПНГ за иконе које ће се приказивати на 32×32.
  3. Рендер: Прегледач анализира СВГ, црта га на платну на траженим димензијама и извози платно као ПНГ. Сложени СВГ-ови са филтерима или великим бројем путања могу потрајати; једноставне иконе се приказују одмах.
  4. Преузмите ПНГ: Сачувајте датотеку. Транспарентност у СВГ-у (све изван нацртаних облика) је сачувана као алфа канал у ПНГ-у.

Уобичајени случајеви употребе

Тецхницал Детаилс

СВГ (В3Ц Препорука) је векторски формат заснован на КСМЛ-у са елементима за путање, основне облике (право, круг, елипса, линија, полигон, полилинија), текст, градијенте (линеарГрадиент, радиалГрадиент), филтере, маске и путање исечака. Прегледач анализира КСМЛ, прави ДОМ, примењује ЦСС и растеризује резултат током приказивања странице.

Овај конвертор учитава СВГ у ХТМЛИмагеЕлемент (који покреће нормалну путању прегледача за приказивање СВГ-као-слике), а затим га црта на платну преко дравИмаге-а. Платно се извози као ПНГ помоћу цанвас.тоБлоб('имаге/пнг'). Тачни пиксели у излазу одговарају ономе што би СВГ приказао у истој величини на картици прегледача.

Рубни случајеви: СВГ који користи страниОбјецт није увек подржан када се користи преко Имаге елемента. СВГ који упућује на спољне ресурсе (клинк:хреф на други домен) можда неће успети да се учита због ЦОРС-а. СМИЛ анимације и анимације вођене ЈаваСцрипт-ом приказују се само као почетни оквир.

Најбоље праксе

Често постављана питања

Да ли ће мој СВГ изгубити квалитет када се конвертује у ПНГ?
Конверзија вектора у растер значи да слика постаје заснована на пикселима и више не може да скалира бесконачно. Одаберите високу резолуцију да бисте осигурали да ПНГ изгледа оштро у жељеној величини екрана.
За шта се користи ПНГ формат?
ПНГ (Портабле Нетворк Грапхицс) се првенствено користи за графику са транспарентношћу, снимке екрана, логотипе, иконе.
Да ли постоје нека ограничења којих треба бити свестан?
Подржане су датотеке до 50МБ. Обрада веома великих или сложених датотека може потрајати дуже. Све конверзије се дешавају у вашем претраживачу, тако да брзина обраде зависи од вашег уређаја.
Да ли су моје слике приватне током конверзије?
Да. Ваше СВГ датотеке се у потпуности обрађују у вашем претраживачу помоћу Цанвас АПИ-ја и ЈаваСцрипт-а. Ништа се не отпрема ни на један сервер — датотека иде директно са вашег уређаја у конвертор и назад на ваш уређај.
Да ли се текст приказује као текст или као путање?
Текст је растеризован као пиксели у излазном ПНГ-у. Излаз се више не може претраживати или бирати. Ако ваш СВГ користи фонтове који нису доступни у претраживачу, текст се може приказати у резервном фонту; конвертујте текст у путање у СВГ пре рендеровања за загарантовани изглед.
Да ли је мој СВГ постављен на сервер?
Не. СВГ рашчлањивање и приказивање се дешавају у вашем претраживачу; ПНГ кодирање се дешава у вашем претраживачу. Датотека не напушта ваш уређај.
Зашто је мој конвертовани ПНГ празан?
Уобичајени узроци: СВГ упућује на спољне слике које нису успеле да се учитају због ЦОРС-а; СВГ користи функције које не подржава путања за приказивање елемента слике (страниОбјекат, одређени филтери); СВГ има виевБок нулте димензије. Отворите СВГ директно у прегледачу да бисте потврдили да се приказује пре конверзије.
Могу ли да конвертујем СВГ у ПНГ у скрипти?
Да — за групне послове, подешавање Ноде.јс помоћу оштрог или луткарског рендерује СВГ у ПНГ са сличном верношћу претраживачу. Овај алат је за једнократне конверзије у претраживачу без инсталирања било чега.