Highlighted

Why do some images keep cutting off?

Community Beginner ,
Nov 09, 2017

Copy link to clipboard

Copied

Hi guys,

So i'm building a website and I have multiple break points, and in many different pages as soon as the break points get smaller they start cutting off.

We are still in the very early stages of building it, but I want to take care of this issue before moving forward.

Here is a photo of how it should look:

And here is a photo of how it cuts off:

More Examples

Good:

Bad:

Evidently the SVGs are cropped, if I preview your page in browser.

What I did:

  • I exported your site as HTML to get access to your SVGs.
  • I opened these SVGs in Illustrator.

No I tried 4 different approaches:

  1. Export the graphics as .svg without changing any export settings.
  2. Export the graphics as .ai without changing any export settings.
  3. Copy the graphics in Illustrator and paste it directly into Muse.
  4. Copy the graphics from Illustrator into the CC Library and pasted it from this library directly into Muse.

–> In all these cases the graphics are working without any problems in Muse.

So I’d suggest, to open the images in illustrator again and choose one of these way too place them newly.

(What I didn’t try: Apparently you saved the SVGs with the „SVG Tiny“ profile. Perhaps this causes issues. I didn’t investigate further, because there are 4 different ways, to get it to work.)

Views

1.6K

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

Why do some images keep cutting off?

Community Beginner ,
Nov 09, 2017

Copy link to clipboard

Copied

Hi guys,

So i'm building a website and I have multiple break points, and in many different pages as soon as the break points get smaller they start cutting off.

We are still in the very early stages of building it, but I want to take care of this issue before moving forward.

Here is a photo of how it should look:

And here is a photo of how it cuts off:

More Examples

Good:

Bad:

Evidently the SVGs are cropped, if I preview your page in browser.

What I did:

  • I exported your site as HTML to get access to your SVGs.
  • I opened these SVGs in Illustrator.

No I tried 4 different approaches:

  1. Export the graphics as .svg without changing any export settings.
  2. Export the graphics as .ai without changing any export settings.
  3. Copy the graphics in Illustrator and paste it directly into Muse.
  4. Copy the graphics from Illustrator into the CC Library and pasted it from this library directly into Muse.

–> In all these cases the graphics are working without any problems in Muse.

So I’d suggest, to open the images in illustrator again and choose one of these way too place them newly.

(What I didn’t try: Apparently you saved the SVGs with the „SVG Tiny“ profile. Perhaps this causes issues. I didn’t investigate further, because there are 4 different ways, to get it to work.)

Views

1.6K

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
Nov 09, 2017 0
LEGEND ,
Nov 09, 2017

Copy link to clipboard

Copied

I think, you didn’t place the images, but use the fill command set to „original size“. Is this true?

If not, paste one of these images into a newly created .muse file and share this .muse file with us using Dropbox, Creative Cloud files or a similar filesharing service. Then we can have a look.

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...
Nov 09, 2017 0
Community Beginner ,
Nov 09, 2017

Copy link to clipboard

Copied

No actually I did place those images on there not just filled.

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...
Nov 09, 2017 0
LEGEND ,
Nov 10, 2017

Copy link to clipboard

Copied

Then follow my suggestion to "paste one of these images into a newly created .muse file and share this .muse file with us using Dropbox, Creative Cloud files or a similar filesharing service."

You may follow these instructions: https://forums.adobe.com/docs/DOC-8652

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...
Nov 10, 2017 0
Community Beginner ,
Nov 10, 2017

Copy link to clipboard

Copied

and here is the link, Thank you Gunter!

Dropbox - Website-1.muse

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...
Nov 10, 2017 0
LEGEND ,
Nov 10, 2017

Copy link to clipboard

Copied

Evidently the SVGs are cropped, if I preview your page in browser.

What I did:

  • I exported your site as HTML to get access to your SVGs.
  • I opened these SVGs in Illustrator.

No I tried 4 different approaches:

  1. Export the graphics as .svg without changing any export settings.
  2. Export the graphics as .ai without changing any export settings.
  3. Copy the graphics in Illustrator and paste it directly into Muse.
  4. Copy the graphics from Illustrator into the CC Library and pasted it from this library directly into Muse.

–> In all these cases the graphics are working without any problems in Muse.

So I’d suggest, to open the images in illustrator again and choose one of these way too place them newly.

(What I didn’t try: Apparently you saved the SVGs with the „SVG Tiny“ profile. Perhaps this causes issues. I didn’t investigate further, because there are 4 different ways, to get it to work.)

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...
Nov 10, 2017 0
Community Beginner ,
Nov 10, 2017

Copy link to clipboard

Copied

Thank you Gunter, you're a life saver!

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...
Nov 10, 2017 0