Skip to main content
H
habronattus
Known Participant
December 1, 2021
Question

Set Dreamweaver to recognize .svg as image

  • December 1, 2021
  • 2 replies
  • 1613 views

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 has been closed for replies.

    2 replies

    A
    AnnShelbourne
    Inspiring
    December 2, 2021

    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.

      Nancy OShea
      Community Expert
      Nancy OSheaCommunity Expert
      Community Expert
      December 2, 2021

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

       

       

      Nancy O'Shea— Product User & Community Expert
      H
      habronattusAuthor
      Known Participant
      December 2, 2021

      Thanks. I saved the URLs.

       

      Nancy OShea
      Community Expert
      Nancy OSheaCommunity Expert
      Community Expert
      December 1, 2021

      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.

       

      Nancy O'Shea— Product User & Community Expert
      H
      habronattusAuthor
      Known Participant
      December 2, 2021

      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.

      Nancy OShea
      Community Expert
      Nancy OSheaCommunity Expert
      Community Expert
      December 2, 2021

      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.

       

      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