Compound path SVG challenge

[Guest]

I'm trying to solve on conundrum and I need to find out which action results in creating a compound path that is called "Compound Path".

https://dl.dropboxusercontent.com/s/t92edsp292j4xwo/2017-07-26_16-19-59.png

This is the file that has such a layer:

http://ampstyles-new-sandbox.devbucket.me/wp-content/uploads/2017/07/Distress01_test.svg

Every time I create a  compound path, it creates one that is named after the parent layer instead:

https://dl.dropboxusercontent.com/s/53p1w40db16x04m/2017-07-26_16-21-34.png

This is the file that has such a layer:

http://ampstyles-new-sandbox.devbucket.me/wp-content/uploads/2017/07/ES2Distress001_test.svg

What is the difference in these two files and how was the first one made?

[Monika Gause]

How did you create the artworks?

What I don't understand is:

- which one do you want to create?

- doesn't just renaming the object solve the issue?

- at which point in the process do you realize the different name? When you open the file in Illustrator? When you open it somewhere else? When you create the object?

[Guest]

I'm trying to create the first file. I did it before but I don't remember how I achieved the result. The issue is not with the object name but in the process that results in naming it that way. I had an SVG with many separate paths on one layer. The SVG file is supposed to work as a mask in a custom web app. The requirement was to make those paths as one object. I don't remember what I did but it resulted in creating this one object and naming it "Compound Path".

Now that I am trying to perform that same operation I did back then to get the first file, I'm doing something different and I don't understand what because there should be one way to make a compound path. Object -> Compound Path -> Make. However, when I do that, it creates a new object with a compound path that is named after the parent layer. When I try to use this SVG as a mask in the web app, it doesn't work. So the different name on the new compound path was the hint for me that I'm doing something differently.

The link to the second file in the original post is to the original artwork without the compound path applied yet. Here it is with the compound path applied in the unwanted way:

http://ampstyles-new-sandbox.devbucket.me/wp-content/uploads/2017/07/ES2Distress001_test-1.svg

There is definitely a difference between those two files as seen in their code:

https://dl.dropboxusercontent.com/s/1225spylzjfj8qj/chrome_2017-07-26_18-09-48.png

[Monika Gause]

Could it be that you exported/saved them in different ways?

When using "Save as" you will get different code than with "Export for screens"

Also important: the preference setting XML-ID, that can be found in Preferences > Units

It generates the names for the objects.

[Guest]

You can only do Save As to save as SVG, I don't see any exporting options for that format. How do you do Export for screens?

[Monika Gause]

Then you have an older version.

Which one is it?

Did you perhaps use a script to export?

[Guest · Accepted solution]

Through many hours of trial and error I remembered how I got that file. I first did "unite" for all those separate paths and only then made a compound path out of them. So I think the difference is in creating a compound path out of regular paths or creating a compound path out of a compound shape.