SVG-ից PNG փոխարկիչ

Վերածեք մասշտաբավորվող SVG վեկտորները պատրաստ օգտագործման PNG պատկերների

SVG ֆայլը հրահանգների հավաքածու է, ոչ թե ավարտված նկար։ Բացեք մեկը տեքստային խմբագրիչում, և կգտնեք XML, որը նկարագրում է ուղիներ, ձևեր, լցումներ և կորեր — բաղադրատոմս, որին բրաուզերը հետևում է՝ նկարը թարմ գծելու համար, ինչ չափով էլ խնդրեք։ PNG-ն հակառակն է. գունավոր պիքսելների ցանց, սառեցված ֆիքսված լայնությամբ և բարձրությամբ։ Մեկը մյուսի փոխարկելը կոչվում է ռաստերացում, և այս գործիքն այն անում է ամբողջությամբ ձեր բրաուզերում։ Ընտրում եք ելքային չափ, SVG-ն նկարվում է HTML canvas-ի վրա, և ստանում եք PNG — ֆայլն երբեք չի հեռանում ձեր սարքից։

Վեկտոր ընդդեմ ռաստերի, պարզ լեզվով

Հիմնական տարբերությունն այն է, թե ինչպես է լուծաչափը մշակվում։ Քանի որ SVG-ն պահում է մաթեմատիկա, ոչ թե պիքսելներ, այն լուծաչափից անկախ է. մասշտաբավորեք լոգոն favicon-ից մինչև ցուցատախտակ, և ամեն եզր վերահաշվարկվում է, որպեսզի մնա մաթեմատիկորեն հստակ։ PNG-ն նման ազատություն չունի։ Դրա պիքսելները ամրագրված են, ուստի բնօրինակ չափից մեծացնելը դիտողին ստիպում է ձգել առկա կետերը, և սկսում եք տեսնել մշուշն ու սանդուղքաձևությունը, որը ռաստերային պատկերին մատնում է։

Այս փոխզիջումը երկկողմանի է աշխատում։ Վեկտորները անգերազանցելի են լոգոների, պատկերակների և հարթ ձևերից կազմված ուրվանկարային նկարների համար, և ֆայլերը սովորաբար չնչին են։ Ռաստերային ֆորմատները, ինչպիսին է PNG-ն, ավելի բնականաբար են վարվում գրադիենտների, փափուկ ստվերների և ֆոտոգրաֆիական մանրամասնության հետ, և — ամենակարևորը — դրանք հասկանալի են գրեթե ամեն ինչի կողմից։ Ռաստերացնելիս, դուք փոխանակում եք SVG-ի անվերջ մասշտաբավորելիությունը PNG-ի ունիվերսալ համատեղելիության դիմաց մեկ ընտրված չափով։

Ինչու՞ ընդհանրապես ռաստերացնել SVG-ն

Եթե SVG-ն այդքան գեղեցիկ է մասշտաբավորվում, ինչու՞ փոխարկել այն։ Համատեղելիությունն է սովորական պատասխանը։ Բազմաթիվ վայրեր ուղղակի SVG չեն ընդունում. շատ էլփոստի հաճախորդներ հեռացնում կամ մերժում են այն ցուցադրել, փաստաթղթերի խմբագրիչները և ներկայացումների ծրագրաշարը հաճախ ուզում են հարթ պատկեր, առևտրի հարթակները և գովազդային ցանցերը պահանջում են PNG կամ JPG, և սոցիալական հարթակների մեծ մասը ամբողջովին անտեսում է վեկտորային վերբեռնումները։ Որոշ բովանդակության համակարգեր նաև ամբողջովին արգելափակում են SVG-ն անվտանգության նկատառումներով, քանի որ ֆորմատը կարող է սկրիպտներ ներկառուցել։

Երկրորդ պատճառն այն է, որ երբեմն ցանկանում եք ֆիքսված չափի ակտիվ։ Հավելվածների պատկերակները, մանրապատկերները, Open Graph նախադիտման պատկերները և տպագիր նյութերը բոլորն էլ ակնկալում են ճշգրիտ պիքսելային չափեր։ PNG-ն ամրագրում է ուրվանկարը այդ նպատակին, ուստի այն ամենուր նույն կերպ է ցուցադրվում, առանց ցանկացած անակնկալի դիտողից, որը վեկտորը այլ կերպ է մեկնաբանում։ Ձեր SVG աղբյուրը հարթակի պահանջած ճշգրիտ չափերի փոխարկելը հաճախ ամենամաքուր ուղին է հետևողական արդյունքի հասնելու համար։

Ճիշտ արտահանման լուծաչափ ընտրելը

Քանի որ PNG-ն չի կարող շնորհքով մեծացվել, չափը, որով արտահանում եք, ավելի կարևոր է, քան ցանկացած վեկտորի հետ։ Արտահանեք չափազանց փոքր, և պատկերը ժամանակակից էկրաններին փափուկ տեսք ունի. արտահանեք ավելորդ մեծ, և վատնում եք թողունակություն։ Պարզ կանոն. որոշեք ամենամեծ չափը, որով պատկերը երբևէ կցուցադրվի, ապա գեներացրեք առնվազն այդ, և գերադասելի է ավելին բարձր խտության էկրանների համար։

Ստանդարտ էկրանները լավ են 1x-ով — ակտիվի անվանական չափը։ Բարձր DPI և Retina էկրանները մոտավորապես կրկնակի պիքսել են խտացնում նույն տարածքում, ուստի 2x արտահանումը պատկերակներն ու գրաֆիկան պահում է հստակ, ոչ մշուշոտ։ Տպագրության, պաստառների կամ շատ մեծ էկրանների համար 3x կամ 4x-ը ձեզ մարժ է տալիս։ Քանի որ աղբյուրը վեկտոր է, ավելի մեծ արտահանելը ձեզ ոչինչ չի արժենում որակի առումով — կորերը պարզապես վերահաշվարկվում են ավելի բարձր պիքսելային քանակով, նախքան հարթեցնելը։ Երբ կասկածում եք, գեներացրեք առատաձեռն չափ. մեծ PNG-ն միշտ կարող եք փոքրացնել, բայց երբեք հնարավոր չէ վերականգնել մանրամասնություն՝ փոքրը մեծացնելով։

Թափանցիկությունը գալիս է անվճար

PNG-ն աջակցում է լիարժեք ալֆա ալիք, ինչը նշանակում է, որ թափանցիկությունը գոյատևում է փոխարկումից հետո։ Եթե ձեր SVG-ն ֆոնի լցում չունի, ստացված PNG-ն այդ հատվածները մնում է թափանցիկ, ուստի լոգոն կամ պատկերակը մաքուր դրվում է ցանկացած գույնի վրա՝ առանց տգեղ սպիտակ արկղի։ Եթե ձեզ հակառակը հարկավոր է՝ ամուր ֆոն, տվեք այն SVG-ին նախքան փոխարկումը։ Ցանկացած դեպքում, ինչ տեսնում եք վեկտորում, հենց այն էլ PNG-ն կպահպանի, և հենց դա է պատճառը, թե ինչու PNG-ն — ոչ JPG-ն — բնական թիրախն է պատկերակների, կրծքանշանների և overlay-ների համար։

Ամեն ինչ մնում է ձեր սարքում

Այս փոխարկիչն աշխատում է որպես տեղական կոդ ձեր բրաուզերում՝ canvas API-ի միջոցով։ Ձեր SVG-ն կարդացվում է, նկարվում է և արտահանվում առանց երբևէ սերվեր ուղարկվելու, ուստի չկա վերբեռնում, չկա հերթ, և չկա ձեր աշխատանքի պատճեն, որը մնում է ինչ-որ մեկի պահեստում։ Դա ավելի արագ է ձեզ համար և ավելի ապահով ցանկացած բանի համար, որը գերադասեիք չհանձնել երրորդ կողմին, չհրապարակված բրենդինգից մինչև ներքին դիագրամներ։ Երբ ավարտեք այստեղ, ուսումնասիրեք մեր մյուս պատկերի գործիքները — եթե կառուցում եք Windows կամ favicon ակտիվ, PNG-ից ICO փոխարկիչը բնական հաջորդ քայլն է։

Հաճախ տրվող հարցեր