Skip to main content
simonb59848926
simonb59848926
Known Participant
August 16, 2019
Question

"Export as" vs "Save As" - Placed vectors images appear jagged vs smooth

  • August 16, 2019
  • 6 replies
  • 2926 views

Same file. Placed vector image (U Miami logo).

Saved at 50% scale.

"Export as" jpeg - lines are jagged.

"Save as" jpeg - lines are smooth.

    This topic has been closed for replies.

    6 replies

    JJMack
    Community Expert
    JJMackCommunity Expert
    Community Expert
    August 17, 2019

    Are you sure you placed logo is a vector smart object? A placed .AI or .SVG file and you have not rasterized the Placed layer.

    I just created  a 17"x11" 300 DPI document. Placed in a .SVG Logo and duplicated it twice and changed the size of the two duped layers. All three layer share the same vector smart object.  I then  used export save 4 web and resized the document to have a height of 768px. Here what I see.

    Save 4 Web

    JJMack
      simonb59848926
      simonb59848926Author
      Known Participant
      August 17, 2019

      JJMack​

      Can you try skewed and distorted?

      JJMack
      Community Expert
      JJMackCommunity Expert
      Community Expert
      August 17, 2019

      Edit>Transform>Skewed is available Edit>Transform>Distorted is grayed out. However Puppet Warp is available so you can distort it with puppet warp here it is skewed and in  puppet warp. Perspective warp is also available.

      Smat filter Liquify can also be used,

      JJMack
      simonb59848926
      simonb59848926Author
      Known Participant
      August 16, 2019

      A new test, this time the vector image is only rotated, not skewed.

      Save For Web

      Export As

      Not as bad, but Save For Web is still giving me bette results.

      There's something in the Export As engine that is not handling vectors well.

      c.pfaffenbichler
      Community Expert
      c.pfaffenbichlerCommunity Expert
      Community Expert
      August 17, 2019

      There's something in the Export As engine that is not handling vectors well.

      What vectors? Because a Vector Smart Object still outputs as pixel information.

      Please post a screenshot including Layers and Paths Panel.

      C
      chrisl41501719
      Participating Frequently
      August 16, 2019

      It's still the right answer.

      What's important is not the 72dpi resolution but the process the software uses. Onscreen it always 72dpi. Legacy operations will always look blocky because it's an old algorithm. The newest Photoshop has Beta algorithms under actions and resizing options that work better.

      Another thing to check is anti-aliasing. The preferences may be different for the two operations.

      simonb59848926
      simonb59848926Author
      Known Participant
      August 16, 2019

      Actually the legacy operation is one that looks better.

      melissapiccone
      Community Expert
      melissapicconeCommunity Expert
      Community Expert
      August 16, 2019

      I'm on a Mac and can't reproduce your issue. I used a vector file from my library so it's a smart object and saved both ways with same results - no jagged edges.

      Melissa Piccone | Adobe Trainer | Online Courses Author | Fine Artist
        simonb59848926
        simonb59848926Author
        Known Participant
        August 16, 2019

        Is the vector rotated and skewed?

        Jeff Arola
        Community Expert
        Jeff ArolaCommunity Expert
        Community Expert
        August 16, 2019

        Can you show us a screenshot of the image in question when viewed in photoshop at 100% view (actual pixels) before doing any saving?

        M
        mjbelt
        Participating Frequently
        August 16, 2019

        Here is a tutorial that may help:

        How to export files in various formats from Photoshop |

        simonb59848926
        simonb59848926Author
        Known Participant
        August 16, 2019

        Thanks. Unfortunately the tutorial does not address the issue that I'm having.

        Derek Cross
        Community Expert
        Derek CrossCommunity Expert
        Community Expert
        August 16, 2019

        Save for Web (legacy) saves at 72PPI whatever the original resolution is.

          c.pfaffenbichler
          Community Expert
          c.pfaffenbichlerCommunity Expert
          Community Expert
          August 16, 2019

          Is there a question in there somewhere or did you just want to share an observation?

          In the first case could you please post a screenshot taken at View > 100% with the pertinent Panels (Layers, Options Bar, …) visible?

          And please explain your procedure (Save As provides no scaling, so how exactly did you proceed)?

          simonb59848926
          simonb59848926Author
          Known Participant
          August 16, 2019

          My bad it should be "Export As" vs "Save For Web"

          The question is why is this happening and how can I stop it.

          I use "Export As" to export multiple different size assets from a document that has multiple artboards.

          Export As

          Save For Web

            Bojan Živković11378569
            Community Expert
            Bojan Živković11378569Community Expert
            Community Expert
            August 16, 2019

            Are you judging from preview windows? The first thin which is obvious is scaling factor. Above or Export As window shows you image at 50% while Save for Web is displaying image at  100%. Please save images then open them at 100% and then judge or post/upload images here.

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