← Ҳамаи асбобҳо

Мубаддилкунандаи SVG ба PNG

Тасвирҳои вектории SVG-ро дар браузери худ ба PNG бо ҳар андозаи дилхоҳ табдил диҳед. Шаффофиятро нигоҳ доред, ҳеҷ чиз бор намешавад.

Векторҳои миқёспазири SVG-ро ба тасвирҳои омодаи истифодаи PNG табдил диҳед

Файли SVG маҷмӯи дастурҳост, на тасвири тайёр. Онро дар муҳаррири матн кушоед ва шумо XML-и тасвиркунандаи роҳҳо, шаклҳо, пуркуниҳо ва хамҳоро меёбед — дастуре, ки браузер барои кашидани тасвир аз нав бо ҳар андозае, ки шумо мепурсед, пайравӣ мекунад. PNG баръакс аст: шабакаи пикселҳои рангаи дар паҳноӣ ва баландии собит яхкардашуда. Табдили яке ба дигаре растеризатсия номида мешавад ва ин абзор онро комилан дар браузери шумо иҷро мекунад. Шумо андозаи баромадро интихоб мекунед, SVG ба канваси HTML кашида мешавад ва PNG бармегардад — ҳеҷ файле дастгоҳи шуморо тарк намекунад.

Шакли тозаи вектор дар шабакаи дурахшони пикселҳо дар заминаи торик-нилобӣ пош мехӯрад
Растеризатсия вектори мустақил аз резолюцияро ба шабакаи собити пикселҳо табдил медиҳад.

Вектор дар муқобили растр, бо забони содда

Фарқи асосӣ ин аст, ки резолюция чӣ гуна коркард мешавад. Азбаски SVG математикаро на пикселҳоро захира мекунад, он мустақил аз резолюция аст: логотипро аз фавикон ба билборд миқёс кунед ва ҳар канора барои тез мондан ба таври математикӣ дубора ҳисоб карда мешавад. PNG чунин озодӣ надорад. Пикселҳои он пухта шудаанд, бинобар ин калон кардани он аз андозаи бумии он тамошобинро маҷбур мекунад, ки нуқтаҳои мавҷударо кашад, ва шумо мулоимӣ ва зинапояшавии растрро мебинед.

Ин муросо ба ҳарду тараф кор мекунад. Векторҳо барои логотипҳо, нишонаҳо ва тасвирҳои ҳамвор аз шаклҳои тоза бемонанданд ва файлҳо одатан хурданд. Форматҳои растрӣ ба монанди PNG градиентҳо, сояҳои мулоим ва ҷузъиёти фотографиро табиитар коркард мекунанд ва — муҳимтарин — онҳо аз ҷониби қариб ҳама чиз фаҳмида мешаванд. Вақте ки шумо растеризатсия мекунед, шумо миқёспазирии беохири SVG-ро бо мутобиқати умумии PNG дар як андозаи интихобшуда мубодила мекунед.

Чаро умуман SVG-ро растеризатсия кардан лозим аст?

Агар SVG чунин зебо миқёс шавад, чаро онро табдил диҳем? Мутобиқат ҷавоби маъмулист. Ҷойҳои зиёде танҳо SVG-ро қабул намекунанд: бисёр муштариёни почта онро мебуранд ё аз намоиш додани он рад мекунанд, муҳаррирони ҳуҷҷат ва нармафзори презентатсия аксар вақт тасвири ҳамворро мехоҳанд, бозорҳо ва шабакаҳои реклама PNG ё JPG талаб мекунанд ва аксари платформаҳои иҷтимоӣ боркуниҳои векториро комилан нодида мегиранд. Баъзе системаҳои мазмун низ SVG-ро аз сабабҳои амниятӣ комилан манъ мекунанд, зеро формат метавонад скриптҳоро дар бар гирад.

Сабаби дуюм ин аст, ки шумо баъзан мехоҳед дороии андозаи собит. Нишонаҳои барнома, эскизҳо, тасвирҳои пешнамоиши Open Graph ва маводи чопӣ ҳама андозаи дақиқи пикселро интизоранд. PNG тасвирро ба он ҳадаф қулф мекунад, то он дар ҳама ҷо якхела кашида шавад, бидуни ҳайрат аз тамошобине, ки вектори гуногунро тафсир мекунад. Табдили манбаи SVG-и шумо ба андозаҳои дақиқе, ки платформа талаб мекунад, аксар вақт роҳи тозатарин ба натиҷаи мутобиқ мебошад.

Интихоби резолюцияи содиротии дуруст

Азбаски PNG наметавонад бо мулоимӣ калон шавад, андозае, ки шумо содирот мекунед, назар ба ҳар вектор бештар муҳим аст. Хеле хурд содирот кунед ва тасвир дар экранҳои муосир мулоим менамояд; беҳуда калон содирот кунед ва шумо паҳнои каналро исроф мекунед. Қоидаи содда: андозаи бузургтаринро, ки тасвир ҳеҷ гоҳ намоиш дода мешавад, муайян кунед, сипас ҳадди аққал онро кашед ва идеалан барои намоишҳои зичии баланд бештар.

Экранҳои стандартӣ дар 1x хуб мебошанд — андозаи номинали тасвир. Намоишҳои High-DPI ва Retina тахминан ду баробар пикселро дар ҳамон фазо ҷой медиҳанд, бинобар ин содироти 2x нишонаҳо ва графикаро тез нигоҳ медорад, на норавшан. Барои чоп, постерҳо ё намоишҳои хеле калон, 3x ё 4x ба шумо фазо медиҳад. Азбаски манбаъ вектор аст, содироти калонтар ҳеҷ хароҷоти сифатро ба шумо намедиҳад — хамҳо танҳо бо шумораи баландтари пиксел пеш аз ҳамворшавӣ дубора ҳисоб карда мешаванд. Ҳангоми шубҳа, андозаи саховатмандона кашед; шумо ҳамеша метавонед PNG-и калонро хурд кунед, аммо шумо ҳеҷ гоҳ наметавонед ҷузъиётро бо калон кардани хурд барқарор кунед.

Нишонаи каркаси миқёспазир дар паҳлӯи кошиҳои пиксели бо тартиб чидашуда, ки бо кабуд ва тиллоӣ медурахшанд
Як манбаи вектор метавонад ба бисёр андозаҳои PNG-и пиксели собит содирот шавад.

Шаффофият ҳамроҳ меояд

PNG канали пурраи алфаро дастгирӣ мекунад, ки маънои онро дорад, ки шаффофият аз табдил зинда мемонад. Агар SVG-и шумо пуркунии замина надошта бошад, PNG-и натиҷа он минтақаҳоро шаффоф нигоҳ медорад, бинобар ин логотип ё нишона бидуни қуттии сафеди бадшакл дар атрофи он ба ҳар ранг мутобиқат мекунад. Агар шумо ба ҷои он ба заминаи яклухт ниёз доред, ба SVG пеш аз табдил онро диҳед. Ба ҳар ҳол, он чи ки шумо дар вектор мебинед, ҳамон чизест, ки PNG нигоҳ медорад, ки маҳз барои он PNG — на JPG — ҳадафи табиии нишонаҳо, нишонҳо ва пӯшишҳо мебошад.

Ҳама чиз дар дастгоҳи шумо мемонад

Ин мубаддил ҳамчун коди маҳаллӣ дар браузери шумо бо истифода аз API-и канвас кор мекунад. SVG-и шумо хонда, кашида ва содирот карда мешавад бидуни он ки ҳеҷ гоҳ ба сервер фиристода шавад, бинобар ин боркунӣ, навбат ё нусхаи асари шумо дар захираи касе дигар вуҷуд надорад. Ин барои шумо тезтар ва барои ҳар чизе, ки шумо тарҷеҳ медиҳед ба тарафи сеюм насупоред, аз брендинги нашрнашуда то диаграммаҳои дохилӣ, бехатартар аст. Ҳангоме ки дар ин ҷо тамом кардед, боқимондаи абзорҳои тасвир-и моро кашф кунед — агар шумо дороии Windows ё фавиконро месозед, мубаддили PNG ба ICO қадами табиии навбатист.

Саволҳои маъмул

Оё PNG ба монанди SVG тез менамояд?

Дар андозае, ки шумо содирот мекунед, бале. Азбаски вектор аз нав бо резолюцияи интихобшудаи шумо кашида мешавад, канораҳо тоза мемонанд. Фарқ дар он аст, ки PNG баъдан бидуни мулоим шудан калон карда намешавад, дар ҳоле ки SVG-и аслӣ ҳамеша метавонист.

Оё табдил шаффофиятро нигоҳ медорад?

Бале. PNG канали алфа дорад, бинобар ин ҳар минтақаи шаффоф дар SVG-и шумо дар PNG шаффоф мемонад. Аввал ба SVG замина илова кунед, агар ба ҷои он пуркунии яклухт мехоҳед.

Кадом резолюцияро интихоб кунам?

Бо андозаи бузургтаринест, ки тасвир нишон дода мешавад, мувофиқат кунед ё аз он гузаред. Барои экранҳои стандартӣ 1x, барои Retina ва намоишҳои High-DPI 2x ва барои чоп ё графикаи бузургандоза 3x ё 4x истифода баред. Кашидани бузургтар ҳеҷ хароҷоти сифатро намедиҳад, зеро манбаъ вектор аст.

Чаро танҳо SVG-ро дар ҳама ҷо истифода набарам?

Бисёр муштариёни почта, муҳаррирони ҳуҷҷат, бозорҳо ва платформаҳои иҷтимоӣ SVG-ро қабул намекунанд ё бо эътимод намекашанд. PNG қариб дар ҳама ҷо кор мекунад ва асарро ба андозаи пешбинишаванда ва собит қулф мекунад.

Оё файлҳои ман ба ҷое бор мешаванд?

Не. Ҳама чиз ба таври маҳаллӣ дар браузери шумо кор мекунад. SVG-и шумо ҳеҷ гоҳ ба сервер фиристода намешавад, бинобар ин ҳеҷ чиз бор, захира ё пайгирӣ намешавад.

Оё метавонам PNG-ро баргардонида ба SVG табдил диҳам?

На бо содиқӣ. Растеризатсия математикаи аслиро мепартояд, бинобар ин баргаштан маънои пайгирии пикселҳо ба роҳҳои нави вектор дорад, ки кам ба манбаъ мувофиқат мекунад. SVG-и аслии худро ҳамчун файли асосӣ нигоҳ доред.