Мазмұнға өту

SVG және PNG форматтарын өзара түрлендіру

SVG файлдарын кез келген өлшемдегі анық PNG суретке айналдырыңыз немесе PNG не JPG суретін SVG векторына түрлендіріңіз. Түрлендіру браузеріңізде орындалады.

SVG файлдарын осы жерге апарып тастаңызнемесе шолу үшін басыңыз · SVG кодын Ctrl+V арқылы қойыңыз
SVG таңдауҚұрылғыңызда өңделеді — серверге жүктелмейді
Браузеріңізде жұмыс істейді · серверге жүктелмейдіҚалай жұмыс істейді

SVG ↔ PNG түрлендіргіш құралын қалай қолдану керек

  1. 1

    SVG жүктеу

    Бір немесе бірнеше .svg файлын апарып тастаңыз, SVG кодын бетке қойыңыз немесе код өрісіне теріп, «SVG өңдеу» түймесін басыңыз.

  2. 2

    Нәтиже өлшемін таңдаңыз

    SVG-нің өз өлшемінен 1×, 2×, 4× немесе 8× таңдаңыз не 16 384 пикселге дейінгі нақты енін енгізіңіз; биіктігі автоматты түрде есептеледі.

  3. 3

    Формат пен фонды таңдаңыз

    PNG мөлдір фонды сақтайды; JPG және WebP үшін сапа жүгірткісі бар, ал кез келген форматты түспен толтыруға болады.

  4. 4

    Жүктеп алу

    PNG файлын файл атымен және өлшемімен (мысалы, logo-512x512.png) сақтаңыз немесе барлық файлды svg-to-png.zip архивімен бірден жүктеп алыңыз.

Шектеулер және Pro

SVG-ден PNG-ге: SVG файлдарының саны шектелмейді, әрқайсысы әр жағы бойынша 16 384 px және 120 мегапиксельге дейін шығарылады. PNG-ден SVG-ге: бір уақытта 25 MB-қа дейінгі бір сурет.

Pro «PNG-ден SVG-ге» кіріс файлының шектеуін 4 GB-қа дейін арттырады. Pro-ны қарау

SVG ↔ PNG түрлендіргіш туралы

SVG-ден PNG-ге түрлендіргіш векторлық графиканы кәдімгі пиксельдік суретке айналдырады. Браузердің өз SVG қозғалтқышы файлды сіз сұраған өлшемде тікелей салады, сондықтан 64 пикселдік белгішені 8× шығарсаңыз, үлкейтілген бұлдыр сурет емес, анық 512 пикселдік сурет шығады. Нәтиже өлшемі SVG-нің width және height атрибуттарынан алынады, ал mm, pt немесе in сияқты бірліктер 1 дюймге 96 пиксель есебімен түрлендіріледі; өлшем берілмесе, viewBox қолданылады. PNG нәтижесі толық альфа-мөлдірлікті сақтайды және OxiPNG арқылы сапасыз жоғалтусыз оңтайландырылады; JPG мөлдірлікті қолдамайды, сондықтан басқа түс таңдамасаңыз, ақ түспен толтырылады. Баптауларды өзгерткен сайын алдын ала қарау жаңарып тұрады, сондықтан жүктеп алмас бұрын нақты нәтижені көресіз.

PNG SVG қабылдамайтын жерлерде керек: әлеуметтік желілерде, мессенджерлерде, Word және PowerPoint-тің ескі нұсқаларында, электрондық пошта қолтаңбаларында, қолданбалар дүкеніндегі беттерде және көптеген сайт конструкторларында. 2× немесе 4× шығару тығыздығы жоғары телефон экрандары үшін де анық сурет береді.

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

Құпиялылық

Өңдеу браузердің кіріктірілген SVG қозғалтқышында орындалады, ал суретті осы қойындыдағы Web Worker ішінде jSquash WebAssembly кодектері кодтайды; олар файл қосқаннан кейін ғана осы сайттан жүктеледі. SVG коды мен дайын суреттер құрылғыңыздан шықпайды, серверге ештеңе жүктелмейді, ал рендерлеуші SVG атынан желіге сұраныс жібере алмайды.

Мүмкіндіктер

Кез келген өлшемде анық

Векторлар шығыс рұқсатында қайта салынады — 1×, 2×, 4×, 8× немесе нақты пиксель енін таңдаңыз.

Мөлдір фон

PNG және WebP мөлдірлікті сақтайды; не болмаса фонды кез келген түспен толтырыңыз.

SVG кодын қою

Кодты редактордан немесе дизайн құралынан тікелей қойыңыз — файл қажет емес.

Топтап шығару

Белгішелер жиынтығын бірдей баптаулармен түрлендіріп, ZIP архивін жүктеп алыңыз.

PNG-ден SVG-ге де

Қойындыны ауыстырып, PNG немесе JPG логотипін таза векторлық жолдарға айналдырыңыз.

SVG ↔ PNG түрлендіргіш: жиі қойылатын сұрақтар

SVG-ді мөлдір фонды PNG-ге қалай түрлендіруге болады?
Форматты PNG, ал «Фон» параметрін «Мөлдір» күйінде қалдырыңыз (бұлар әдепкі мәндер) да, жүктеп алыңыз. SVG бояламаған барлық аймақ PNG-де толық мөлдір болып қалады, ал жартылай мөлдір толтырулар мен жұмсақ жиектер альфа мәндерін сақтайды. JPG мөлдірлікті сақтай алмайды, сондықтан бос аймақтар ақ түспен немесе «Фон» бөлімінде таңдаған түспен толтырылады.
SVG-ді қандай өлшемде шығару керек?
Сайт үшін көрсетілетін өлшемнен 2× шығарыңыз, мысалы, 300 пикселдік орынға 600 пиксель ен, сонда тығыздығы жоғары экрандарда да анық болады. Қолданба белгішелері мен дүкен беттері әдетте 512 немесе 1024 пиксель шаршы сұрайды. Баспа үшін енін дюймен алып, 300-ге көбейтіңіз. Вектор әр өлшемде қайта салынатындықтан, үлкен нәтиже бұлдырамайды, тек үлкейеді.
SVG-дегі қаріптер немесе суреттер неге дұрыс көрінбейді?
Сурет ретінде салынған SVG ештеңе жүктей алмайды, сондықтан Google Fonts немесе басқа серверден сілтенген қаріптер мен URL арқылы берілген суреттер көрінбейді; мәтін құрылғыңызда орнатылған қаріппен шығады. Файлды дизайн қолданбасында ашып, мәтінді контурға немесе жолдарға айналдырыңыз не қаріптер мен суреттерді base64 деректері ретінде ендіріп, SVG-ді қайта сақтаңыз да, осында салыңыз.
Бірнеше SVG файлын бірден түрлендіруге бола ма?
Иә. Қалағанша SVG файлын апарып тастаңыз; олар тізімде шығады, ал таңдалғаны алдын ала қаралады. Өлшем, формат және фон баптаулары барлығына қолданылады, сондықтан белгішелер жиынтығын бірден 4× шығаруға болады. Жүктеп алу түймесі svg-to-png.zip архивін жасайды, ондағы әр PNG атауы бастапқы файл атынан және соңғы пиксель өлшемінен тұрады.
PNG өлшемі неге мен күткендей емес?
Негізгі өлшем SVG-нің width және height атрибуттарынан алынып, 1 дюймге 96 пиксель есебімен түрлендіріледі, содан кейін масштабқа көбейтіледі. SVG-де тек viewBox болса, оның сандары пиксель ретінде алынады; екеуі де болмаса, браузерлер 300 × 150 деп есептейді. Файлға тәуелсіз нақты нәтиже алу үшін px параметрін таңдап, қажетті енін теріңіз; биіктігі арақатынасты сақтайды.

Осы құралмен орындалатын басқа тапсырмалар