En bra export börjar med den plats där bilden kommer att användas. Den här guiden förklarar hur du väljer en skala, förbereder din SVG och kontrollerar PNG-filen innan du använder den.
1. Börja med destinationen
Innan du konverterar, kontrollera de pixeldimensioner som begärs av webbplatsen, dokumentet, e-postsystemet eller designapplikationen som kommer att ta emot bilden. Det här verktyget skalar SVG-filens renderade dimensioner med en vald multiplikator; det tillhandahåller inte egna fält för bredd och höjd. Om en plattform begär 1200 pixlar i bredd, jämför det målet med SVG-filens visade bredd och välj en multiplikator som kommer nära utan att skapa en onödigt stor fil.
2. Förstå skalfaktorerna
Valen är 1x, 2x, 3x, 4x och 8x. En multiplikator påverkar både bredd och höjd: en källa på 200 × 100 som renderas i 2x blir 400 × 200 pixlar. Pixelantalet växer med kvadraten på multiplikatoren, så 8x producerar 64 gånger så många pixlar som 1x. En större utdata kan använda mycket mer minne och kanske inte ser bättre ut när originalkonsten eller måldisplayen inte behöver det.
3. Välj en faktor för skärmar
För standardgrafik i gränssnitt är 1x eller 2x ofta en praktisk utgångspunkt; 2x kan hjälpa på skärmar med hög densitet när mållayouten skalar ner bilden. Välj 3x eller 4x endast när designen behöver de extra pixeldimensionerna. Använd 8x selektivt eftersom mycket stora ritytor kan ta längre tid att rendera eller överskrida webbläsarens gränser.
4. Bestäm om bakgrunden ska vara transparent
Välj Transparent när PNG-filen måste placeras över en färgad sida, en presentation eller en annan bild. Välj Vit när destinationen förväntar sig en vit rektangel eller när en solid bakgrund gör det lättare att granska konsten. PNG stöder transparens, men en måltillämpning kan visa transparenta pixlar över ett schackrutmönster eller platta ut dem när du infogar bilden.
5. Förbered SVG-filen före export
Öppna källan i en vektorredigerare och kontrollera att den har en rimlig viewBox och synlig konst Inuti den viewBoxen. Konvertera eller bädda in typsnitt om designen måste se identisk ut på enheter som saknar de typsnitten. Håll länkade bilder och externa resurser tillgängliga; den här webbläsarkonverteraren kanske inte renderar fjärrtypsnitt, länkade bilder, skript eller andra externa beroenden från en SVG-fil.
6. Konvertera och granska förhandsvisningen
Välj en SVG-fil, välj en skala och bakgrund och konvertera den sedan. Kontrollera att hela teckningen är synlig, att text och tunna linjer förblir läsbara och att förhandsvisningen har den förväntade bakgrunden. Om resultatet är avskuret kontrollerar du SVG-filens viewBox och dimensioner i originalfilen. Konverteraren bearbetar en fil i taget och erbjuder en PNG-nedladdning för den filen.
7. Kontrollera pixlar och filstorlek
Använd PNG-filen i dess avsedda sammanhang och granska den i den storlek den faktiskt kommer att visas i. En stor pixeldimension förbättrar inte automatiskt en liten ikon på skärmen. Om PNG-filen är för stor återgår du till SVG-filen och exporterar med en lägre faktor. Om den ser mjuk ut bekräftar du att destinationen inte förstorar en liten rasterbild efter konverteringen.
8. Behåll den redigerbara källan
Spara original-SVG:n bredvid PNG-filen. SVG bevarar vektorsökvägar och är oftast bättre för senare redigeringar, omfärgning och storleksändring. PNG är en bekväm kopia med fast storlek för destinationer som behöver rasterbilder. Genom att behålla båda kan du skapa en ny PNG i en annan storlek utan att upprepade gånger skala en redan rasteriserad bild.