Highlighted

Placing a SVG file

New Here ,
Jul 25, 2019

Copy link to clipboard

Copied

I built my logo in Illustrator ( had to learn it I never worked with Illustrator before).

Then SAVED AS SVG.

Put the SVG file in my site folder.

But when I want to place it on my Dreamweaver page I cannot select it.

I am old and self taught so I am sure i missed something.

Thanks, chris

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional
  1. Go to Insert menu.
  2. Click on Image
  3. Browse to the SVG file and click OK.

On my Win 10 machine, image files (gif, jpg, jpeg, png, svg, psd).

Views

246

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

Placing a SVG file

New Here ,
Jul 25, 2019

Copy link to clipboard

Copied

I built my logo in Illustrator ( had to learn it I never worked with Illustrator before).

Then SAVED AS SVG.

Put the SVG file in my site folder.

But when I want to place it on my Dreamweaver page I cannot select it.

I am old and self taught so I am sure i missed something.

Thanks, chris

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional
  1. Go to Insert menu.
  2. Click on Image
  3. Browse to the SVG file and click OK.

On my Win 10 machine, image files (gif, jpg, jpeg, png, svg, psd).

Views

247

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
Jul 25, 2019 0
Adobe Community Professional ,
Jul 25, 2019

Copy link to clipboard

Copied

You have not stated how you have wanted to select the SVG. In saying that, please remember that an SVG is an XML file and not an image file. If you use the pop-up file window in Dreamweaver, you need to select all files rather than just the image files like BMP, PNG etc.

For SVG's that are not interactive, the easiest way is to use the <img> tag in the same manner as an image file. Have a look at this article: https://vecta.io/blog/best-way-to-embed-svg


Ben

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
Reply
Loading...
Jul 25, 2019 1
Adobe Community Professional ,
Jul 25, 2019

Copy link to clipboard

Copied

This question is a continuation of an original discussion started here:

Small logo for each page [is pixelated]

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
Reply
Loading...
Jul 25, 2019 1
Adobe Community Professional ,
Jul 27, 2019

Copy link to clipboard

Copied

  1. Go to Insert menu.
  2. Click on Image
  3. Browse to the SVG file and click OK.

On my Win 10 machine, image files (gif, jpg, jpeg, png, svg, psd).

Nancy O'Shea, ACP
Alt-Web Design & Publishing

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
Reply
Loading...
Jul 27, 2019 0