Skip to main content
habronattus
Known Participant
Dec 1, 2021 7:15 PM UTC
Question

Set Dreamweaver to recognize .svg as image

For a slideshow-type site, I use a few thumbnails created as .svg files so that overlying text labels stay sharp.

Dreamweaver on macOS doesn't recognize these as images, showing a broken image icon.

I have a fairly easy workaround, using a .jpg as the thumb until I'm ready to upload, then I switch the .svg instead of the .jpg, ignore the broken image icon and upload.

 

My question: Can I change a setting so that Dreamweaver macOS recognizes .svg files as images? I understand there's a setting in Windows file dialogs to do this, but that's not a choice in mac file dialogs.

    This topic is closed to new replies. Start a new post to keep the conversation going.

    7 replies

    AnnShelbourne
    Inspiring
    Dec 2, 2021 7:50 PM UTC

    Only slightly related perhaps but it may be of interest:

    I create .SVGs from Illustrator and embed any images and DW always reports that it needs to correct the HTML code.

    I let it do so and the SVGs display correctly in the Browser.

    I haven't noticed exactly what is being repaired in the HTML code but whatever DW is doing, seems to be fine.

    Translate
      Nancy OShea
      Community Expert
      Nancy OSheaCommunity Expert
      Community Expert
      Dec 2, 2021 8:25 PM UTC

      Graphics apps never export well-constructed code.  Tweaking is required.

       

       

      Translate
      Nancy O'Shea— Product User & Community Expert
      habronattusAuthor
      Known Participant
      Dec 2, 2021 10:26 PM UTC

      Thanks. I saved the URLs.

       

      Translate
      Nancy OShea
      Community Expert
      Nancy OSheaCommunity Expert
      Community Expert
      Dec 1, 2021 11:56 PM UTC

      Switch to Live View from your Document Toolbar.  As shown in my screenshot below, I can see BOTH embedded and external SVGs from Live View.  However, Design View is a holdover from the old Macromedia days and predates SVG capability.

       

       

      Hope that helps.

       

      Translate
      Nancy O'Shea— Product User & Community Expert
      habronattusAuthor
      Known Participant
      Dec 2, 2021 12:30 AM UTC

      Thanks. You are exactly right. I can see the .svg in Live view.

      And I can switch from .jpg to .svg in Design view Properties tab before uploading, sort of tricking Dreamweaver.

      The problem comes when I'm using Project Seven Magic Box. If I try to save changes with an .svg chosen as a thumbnail, the Dreamweaver file dialog rejects the .svg.

       

      I had a forum conversation with Al Sparber of Project Seven in 2018, and he suggested this:

      "Most of the problems with SVG support in image products are due to limitations in the Dreamweaver backend. You can actually use the UI to add an SVG file. Simply change the file extension method in Dreamweaver's file types box to "All"."

      http://www.pviiforums.com/topic.php?id=22249#post-45712

       

      But that turns out to be a Windows-only solution.

      I was just wondering if there's a setting somewhere in Dreamweaver 2021 for macOS I could use to eliminate the workaround.

      Translate
      Nancy OShea
      Community Expert
      Nancy OSheaCommunity Expert
      Community Expert
      Dec 2, 2021 1:06 AM UTC

      I don't know much about the late, great Al Sparber's products anymore as I don't use PVII extensions.

       

      I am not aware of any "special settings" in Windows or other platforms that enables SVG rendering because it's natively supported by all modern browsers and web devices.

      https://caniuse.com/svg

       

      DW in Live View uses a Chrome rendering engine which is more like a real browser.  Design View doesn't.

       

      Translate
      Nancy O'Shea— Product User & Community Expert
      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices