Resize many separate Affinity Designer SVG Files

[SangieM]

I'd like to know the most efficient way to resize (proportionally) a bunch of SVG files that I created in Affinity designer, but this time using a more appropriate document layout size (still as SVG file).   I think I need to "export", in order to keep everything proportional.  I have each image saved as a separate SVG file (didn't use an artboard or anything).  Is there a way to batch or otherwise streamline the process, of what I'm trying to accomplish?  

[David in Яuislip]

Open the file in a text editor and change the width/height values
eg
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%"

to
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="75%" height="75%"
<svg width="200%" height="200%" whatever

I only use svg's on the web so I have never needed to do this any resizing being done with css. If you state what you are using the resized files for then you may get a more informed answer

To batch the process you could write a Powershell script or a Notepad++ macro. Good luck

[SangieM]

Thank you!  I want to copy and paste the SVG's into a fort making app and its hard to resize (resize by a lot) manually within the app, plus then also the need to re-proportion widths, which is just a mess.  I guess I was hoping that there would be an efficient way to do this from within Affinity.  I found that I can EXPORT files, into different SVG files with differnet  dimensions, via Affinity, but only one at a time.  In trying to research this myself, I also have the impression that sometimes, at least some means of resizing, might produce some kind of unwanted effects (maybe I misunderstood). My images are pretty simple, so maybe less to mess up and I don't think I've had issues with using the export feature in Affinity Designer, I just wish that I could batch the process in Affinity Designer - also I use a mac, if that helps).  

[David in Яuislip]

Here's a Powershell script that will produce svg's with three different sizes, it's straightforward to extend this to many more as long as you speak Powershell which can be a bit of a struggle. Powershell is a Windows thing but now available for the mac and linux

ReplaceString.ps1

[v_kyr]

18 minutes ago, David in Яuislip said:

Here's a Powershell script that will produce svg's with three different sizes

49 minutes ago, SangieM said:

also I use a mac, if that helps

The OP on a Mac can instead easily use the "sed" or "perl" cli tools from inside of Terminal.app to change in a bunch of SVG xml text files the size settings, or their viewbox settings accordingly. So that would be the OS based batch processing of SVG changes in files then.

Quote

perl -pi -w -e 's/SEARCH_FOR_TXT/REPLACE_WITH_TXT/g;' *.svg

... OR ...

Quote

sed -i "" "s/SEARCH_FOR_TXT/REPLACE_WITH_TXT/g" *.svg

... and so on.

Other than that I also generally recommend to also read the following about SVG scaling ...

• How to Scale SVG