Доброто експортиране започва от мястото, където ще се използва изображението. Това ръководство обяснява как да изберете мащаб, да подготвите своя SVG файл и да проверите PNG файла, преди да го използвате.
1. Започнете с дестинацията
Преди да конвертирате, проверете пикселните размери, изисквани от уебсайта, документа, имейл системата или приложението за дизайн, което ще получи изображението. Този инструмент мащабира рендираните размери на SVG чрез избран множител; той не предоставя полета за потребителска ширина и височина. Ако дадена платформа изисква ширина от 1200 пиксела, сравнете тази цел с показаната ширина на SVG и изберете множител, който се доближава, без да създава излишно голям файл.
2. Разберете факторите за мащабиране
Изборите са 1x, 2x, 3x, 4x и 8x. Множителят засяга както ширината, така и височината: източник с размери 200 × 100, рендиран при 2x, става 400 × 200 пиксела. Броят на пикселите нараства с квадрата на множителя, така че 8x произвежда 64 пъти повече пиксели от 1x. По-големият изход може да използва значително повече памет и може да не изглежда по-добре, когато оригиналната графика или целевият дисплей не се нуждаят от това.
3. Изберете фактор за дисплеи
За стандартна интерфейсна графика 1x или 2x често е практична отправна точка; 2x може да помогне на дисплеи с висока плътност, когато целевото оформление мащабира изображението надолу. Изберете 3x или 4x само когато дизайнът се нуждае от допълнителните пикселни размери. Използвайте 8x избирателно, защото много големи платна може да отнемат повече време за рендиране или да надвишат ограниченията на браузъра.
4. Решете дали фонът трябва да е прозрачен
Изберете Прозрачен, когато PNG файлът трябва да се намира над цветна страница, презентация или друго изображение. Изберете Бял, когато дестинацията очаква бял правоъгълник или когато плътният фон улеснява инспектирането на графиката. PNG поддържа прозрачност, но целевото приложение може да покаже прозрачни пиксели върху шахматна дъска или да ги сплеска, когато вмъкнете изображението.
5. Подгответе SVG преди експортиране
Отворете източника във векторен редактор и проверете дали той има разумен viewBox и видима графика в този viewBox. Преобразувайте или вградете шрифтове, ако дизайнът трябва да изглежда идентично на устройства, на които липсват тези шрифтове. Поддържайте свързаните изображения и външните ресурси достъпни; този браузърен конвертор може да не рендира отдалечени шрифтове, свързани изображения, скриптове или други външни зависимости от SVG файл.
6. Конвертирайте и инспектирайте прегледа
Изберете един SVG файл, изберете мащаб и фон, след което го конвертирайте. Проверете дали цялата рисунка е видима, дали текстът и фините линии остават четими и дали прегледът има очаквания фон. Ако резултатът е изрязан, проверете SVG viewBox и размерите в оригиналния файл. Конверторът обработва по един файл наведнъж и предлага изтегляне на PNG за този файл.
7. Проверете пикселите и размера на файла
Използвайте PNG файла в предвидения контекст и го инспектирайте в размера, в който реално ще се покаже. Големият пикселен размер не подобрява автоматично малка икона на екрана. Ако PNG файлът е твърде голям, върнете се към SVG и експортирайте с по-нисък фактор. Ако изглежда мек, потвърдете, че дестинацията не увеличава малко растърно изображение след конвертирането.
8. Запазете редактируемия източник
Запазете оригиналния SVG заедно с PNG файла. SVG запазва векторните пътища и обикновено е по-добър за последващи редакции, оцветяване и промяна на размера. PNG е удобно копие с фиксиран размер за дестинации, които се нуждаят от растърни изображения. Запазването на двете ви позволява да създадете друг PNG в различен размер, без да мащабирате многократно вече растрирано изображение.