SVG-ні PNG-ге қалай аудару

SVG — браузер керекті өлшемге қарай әр жолы қайта салатын, пішіндердің мәтіндік сипаттамасы. PNG болса — дайын пиксель торы, оны айқындығын жоғалтпай үлкейту енді мүмкін емес. Сондықтан «қандай өлшем» деген сұрақ түрлендіруден кейін емес, оған дейін шешіледі: құралымыз векторды өз өлшемінде растеризациялайды, ал ұзын қабырға өрісі тек кішірейте алады. Ені 2000 пиксель PNG керек болса, сол сандарды SVG-нің өзіне жазыңыз.

Браузерде жергілікті100 МБ дейінтіркеусіз

Сандар туралы қысқаша

Растр қандай өлшемде салынады: SVG-де берілген өз өлшемінде
Ұзын қабырға шектеуі: 4096, 2048 немесе 1024 — тек кішірейту
width пен height жоқ файл: ашылмауы мүмкін, аты есепке түседі
Мөлдірлік: PNG-де сақталады, JPEG-те ақпен боялады
Қайта кодтауға не кетеді: бір файл, сыртқы стиль мен суретсіз

Өлшемді аударуға дейін қалай беру керек

.svg файлын кез келген мәтін редакторымен ашыңыз: ішінде екілік дерек емес, кәдімгі белгіленген мәтін жатыр.
svg тегінің бірінші жолынан width және height атрибуттарын табыңыз.
Бастапқы viewBox арақатынасын сақтай отырып, керекті сандарды пиксельмен қойыңыз, әйтпесе сурет созылады.
Атрибуттар мүлде болмаса, оларды қосыңыз: өз өлшемі жоқ файлда декодерге өлшейтін ештеңе жоқ, ол ашудан бас тартуы мүмкін.
Файлды сақтап, оны сурет түрлендіргішке жүктеңіз де, PNG пішімін таңдаңыз.

Растеризациялау кезінде не жоғалады

Масштабталу. Аударудан кейін пішіндер пиксельге айналады, енді логотипті баннерге дейін үлкейту болмайды — бастапқы вектор керек.
Қаріптер. SVG-де мәтін мәтін күйінде қалып, қаріп атымен берілсе, жүйеден табылғаны салынады. Жазуларды алдын ала қисықтарға айналдырған сенімді.
Сыртқы сілтемелер. Мекенжай бойынша қосылған суреттер мен стильдер қайта кодтауға келмейді: түрлендіруге бір файл кетеді.
Сирек мүмкіндіктер. Сүзгілерді, маскаларды және күрделі әсерлерді браузерлер бірдей салмайды, сондықтан нәтижені көзбен қарап шыққан жөн.

Шығысқа қандай пішім таңдау керек

PNG — логотиптер мен белгішелерге әдеттегі таңдау: ол жоғалтусыз әрі векторлық суреттерде әрдайым дерлік болатын мөлдір фонды сақтайды. Сапа сырғытпасы бұл кезде жасырылады, өйткені жоғалтусыз пішім үшін оның мәні жоқ.

JPEG векторлық графикаға нашар жарайды. Біріншіден, мөлдірлік ақпен боялады — құрал ондай файлдарды атымен атайды. Екіншіден, SVG-де тұтас өткір шекара мен жазық құю бар, ал бұл жоғалтулы қысу үшін ең қолайсыз материал: сызықтардың айналасында сұрғылт жиек шығады.

Жиі қойылатын сұрақтар

Кішкентай SVG-ден үлкен PNG-ні қалай алуға болады?

Керекті width пен height мәнін файлдың өзіне жазып, түрлендіруді қайталаңыз. Құрал векторды өз өлшемінде растеризациялайды және суретті ешқашан үлкейтпейді: жоқ бөлшекті сызып беру мүмкін емес, ал салмағы нағыз төленер еді.

Түрлендіргіш менің SVG-мді неге ашпады?

Көбіне файлдың өз өлшемі жоқ болғандықтан, декодерге өлшейтін ештеңе қалмайды. Түбірлік тегке width пен height атрибуттарын қосып, қайта көріңіз. Оқылмаған файлдың атын құрал әрқашан хабарламада атайды.

Суреттегі мәтін басқа қаріппен шықты. Неге?

Себебі SVG тек қаріптің атын сақтайды, ал қаріптің өзі жүйеде жатады. Керекті нұсқа болмаса, ұқсасы қойылады. Түрлендіруге дейін жазуларды векторлық редакторда қисықтарға айналдырыңыз.

SVG-ден бірден PDF алуға бола ма?

Тікелей болмайды, бірақ жол қысқа: векторды керекті өлшемдегі PNG-ге аударып, содан кейін суреттерден құжат жинаңыз. Есіңізде болсын, PDF-ке бекітілген ажыратымдылығы бар растрлық сурет түседі.