• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers

SVG Issue color path changed

New Here ,
Jan 01, 2023 Jan 01, 2023

Copy link to clipboard

Copied

hi guys,

does anybody knows why my illustrator is doing this?

All of my svgs become like that when i save them.

 

Is there anything with my settings?

 

Kind regards Sven

 

 

 

 

ice_screenshot_20230101-223759.png

ice_screenshot_20221222-225245.png

  

TOPICS
Bug , Import and export

Views

105

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 01, 2023 Jan 01, 2023

Copy link to clipboard

Copied

Without any idea about your actual layer structure and how it translates to the relevant buts of the SVG code we can't tell you much. You have to provide screenshots of the layers palette and paste the code or provide the full SVG for inspection.

 

Mylenium 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 01, 2023 Jan 01, 2023

Copy link to clipboard

Copied

Looks like there is not just an issue with color, but also there might be something going on with transparency settings, masks and precision.

Having the actual files would help.

Seeing the layers panel, the Appearance panel for certain objects and the outline view would be good.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jan 03, 2023 Jan 03, 2023

Copy link to clipboard

Copied

Thanks for your quick answers, here is the code and the layers.

Kind regards Sven

 

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 03, 2023 Jan 03, 2023

Copy link to clipboard

Copied

Please upload an SVG. Just to rule out any possible conversion issues.

 

Looking at the layers panel: is that the original layer structure? It looks rather flat. just 1 layer, just 1 group.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 03, 2023 Jan 03, 2023

Copy link to clipboard

Copied

What about the layers for the original AI file? Your SVG is just fine as what it is, but it seems you are messing up the swatches. Any chance you are using spot colors or CMYK? Those of course won't translate correctly without adjusting them beforehand.

 

Mylenium

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jan 17, 2023 Jan 17, 2023

Copy link to clipboard

Copied

LATEST

Hello @Watzlawek241357164asj,

 

Sorry to hear about this experience and for the delayed response. I hope the suggestions shared by Mylenium and Monika helped resolve the problem. If not, kindly try re-calibrating your display by following these steps in order:

 

  1. Use the Windows key + I keyboard shortcut to open the Settings app.
  2. Click DisplayMake sure you're using the recommended screen resolution for your display.
  3. Click the Advanced display settings link.
    AnubhavMajumder_0-1673961425260.png

     

    Now click on the link for Display Adaptor properties
    AnubhavMajumder_2-1673961425252.png

     

  4. Click on the option for Color management
    AnubhavMajumder_4-1673961425242.png

     

  5.  Go to the Advanced tab and ensure all profiles are set to the System Default (sRGB). Then, click on Calibrate Display.
    AnubhavMajumder_6-1673961425242.png

     

  6. The wizard will now walk you through the steps to access the on-screen display menu on your monitor to set specific color settings. Click Next to continue. 
    - Adjust the gamma settings by moving the slider up or down until the small dots are barely visible.
    AnubhavMajumder_8-1673961425269.png

     

     

Find the brightness controls on your monitor and adjust the brightness higher or lower until you can distinguish the shirt from the suit with the X barely visible.

AnubhavMajumder_10-1673961425269.png

 

Find the contrast controls on your monitor and set it as high as possible without losing the ability to see the wrinkles and buttons on the shirt.

AnubhavMajumder_12-1673961425259.png

 

- Move the Red, Green, and Blue sliders to remove any color cast from the Gray bars.

AnubhavMajumder_14-1673961425243.png

 

 

Note: You can optionally start the ClearType tuner at the end of this calibration to make the text on-screen more legible.

 

After the calibration is complete, kindly restart the computer and then check if the colors are consistent with Windows on your Adobe apps.

 

Looking forward to your response.

 

Thanks,

Anubhav

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines