Skip to main content
Anonymous
Sep 30, 2012 10:01 AM UTC
Answered

Naming paths ID's for SVG files.

I'm in the process of creating an SVG file. I'll have a large number of paths of which all have a seemingly random ID's assigned to them, for example path4758 (see below). Ideally, I'd love to be able to set my own ID for a path, it would help when I parse my SVG file with a Python script. Is it possible to change the ID that is assigned to a path inside of Illustrator? If so, how would I be able to do so?

Sample Path

<path id="path4758" fill="#6DBE45" stroke="#727271" d="M76.872,481.133C76.012,484.881,74.835,481.123,76.872,481.133z"/>

SVG Save Options

SVG Profile 1.1

Thanks!

    This topic is closed to new replies. Start a new post to keep the conversation going.
    jessicas22664886
    jessicas22664886Correct answer
    Participant
    Jan 25, 2019 5:56 PM UTC

    Select the path and right click.

    Choose "create compound path".

    Look at your layers panel and you'll notice the shape or path you selected has been renamed to "<Compound Path>".

    You can now change "<Compound Path>" to whatever you want the id to be.

    Save the file as an SVG if you haven't already.

    Done!

    View reply

    8 replies

    jessicas22664886
    jessicas22664886Correct answer
    Participant
    Jan 25, 2019 5:56 PM UTC

    Select the path and right click.

    Choose "create compound path".

    Look at your layers panel and you'll notice the shape or path you selected has been renamed to "<Compound Path>".

    You can now change "<Compound Path>" to whatever you want the id to be.

    Save the file as an SVG if you haven't already.

    Done!

    Translate
    bobhaslett17107788
    Participant
    Sep 4, 2020 3:03 PM UTC

    I’ve tried this, and sometimes it works whilst others it still retains the original path ID on export even though the name is changed in the layer palette

    Translate
      _Marks
      Participant
      Jun 23, 2022 7:08 PM UTC

      You find something that actually works for 2022?

      Translate
      kenc3dan
      Participant
      Jan 5, 2015 7:25 PM UTC

      Any object or layer that uses a number as a leading character in Illustrator will be converted into some crazy id in the resulting SVG.

      For instance:

      A layer called "1st-floor-rooms" in Illustrator will become "_x31_st-floor-rooms" in the SVG.

      Translate
        rogéz
        rogéz
        Participating Frequently
        Jan 6, 2017 10:39 PM UTC

        yes that's cause id's in html can never start with a number

        Translate
        rick walters
        Participant
        Feb 4, 2013 4:01 PM UTC

        I've found that simply changing the name of the particular path in the Layers palette sets the id for that path. Seems dodgy for some reason when implementing interactivity and there are compound paths involved, but certainly works for simpler cases.

        Translate
          Mylenium
          Mylenium
          Legend
          Sep 30, 2012 2:12 PM UTC

          They are AI's internal object IDs. Only excessive scripting can change them. it would probably be a lot easier if you simply handle that part in your Py script.

          Mylenium

          Translate
          Terms & ConditionsAccessibility statement
          Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices